@import url('../fonts/proximanova.css');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&subset=cyrillic-ext');


html { height:100%; margin: 0; padding: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, address {display: block;}
audio, canvas {display: inline-block;}
video {display: block;}
audio:not([controls]) {display: none; height: 0;}

address {font-style: normal;}

ul, ol, li, form, fieldset, a, img, div, figure, address { margin: 0; padding: 0; border: 0; }

ul {list-style: inside;}
ol {list-style: inside;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}

ol {padding: 10px 0;}
ol li {margin: 0 0 20px 0;}

body {height:100%; position: relative; background: #f4f9fb;}
body, td, input, textarea, button {margin: 0px; padding: 0px; color: #29313c; font-family: Proxima Nova;}

body * {box-sizing: border-box;}

a {text-decoration: none; color: inherit; transition: 0.3s;}
a:hover {text-decoration: none !important;}

a, a:active, a:focus {outline: none;}




p {margin: 0 0 10px; padding: 0; font-size: 16px; line-height: 31px; font-weight: normal;}

table {border-collapse: collapse; border-spacing: 0;}

.main {min-height: 100%; position: relative;}
.cbc {overflow: hidden; margin: 0 auto; position: relative;}
.mcb {overflow: hidden; margin: 0 auto;}
.container {max-width: 1320px; margin: 0 auto; position: relative; padding: 0 40px;}
.container-sm {max-width: 800px; margin: 0 auto; position: relative; padding: 0 40px;}

@media (max-width: 1200px) {
    .container,
    .container-sm {padding: 0 20px;}
}





/* elements */

.full-bg {margin-left: -1000px; margin-right: -1000px; padding-left: 1000px; padding-right: 1000px;}

@media (max-width: 960px) {
    .full-bg {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
}

hr {border: none; display: block; margin: 40px 0; height: 1px; background: #dedede;}

.white-bg {background-color: #fff;}
.blue-bg {background-color: #39c1fc;}
.lblue-bg {background-color: #f4f9fb;}
.dblue-bg {background-color: #303e50;}
.dark-bg {background-color: #29313d; border-bottom: 2px solid #1e2229;}



.dark-skin {color: #becfdd;}
.dark-skin .section__title-h2,
.dark-skin .section__title-h3,
.dark-skin .section__title-h4 {color: #fff; font-weight: bold;}


.rubl {font-family: Arial, Helvetica, sans-serif;}


.button {display: inline-block; width: 265px; height: 60px; line-height: 62px; text-align: center; border: none; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; text-decoration: none; transition: 0.3s; border-radius: 30px; outline: none !important;}

.button__white {color: #00b1ff; background: #fff;}
.button__white:hover {color: #fff; background: #29313c;}

.button__blue {color: #fff; background: #00b1ff;}
.button__blue:hover {color: #fff; background: #29313c;}
.button__blue.white_hover:hover {color: #00b1ff; background: #fff;}
.button__icon {display: inline-block; padding-left: 18px; background-position: left center; padding-top: 1px; position: relative;}

.button__white_hover:hover {color: #00b1ff; background: #fff;}
.button__blue_hover:hover {color: #fff; background: #00b1ff;}

.button__blue.md {height: 46px; line-height: 48px; font-size: 14px;}

.button__blue.sm {width: 170px; height: 40px; line-height: 42px; font-size: 12px;}
.button__blue.sm .button__icon {height: 40px; line-height: 42px;}

.button__blue.white_hover .icon-shild::after {content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 100%; background: url(/local/templates/binman_new/img/ico_shild_blue.svg) center no-repeat; opacity: 0; transition: 0.3s;}
.button__blue.white_hover:hover .icon-shild::after {opacity: 1;}

.button__more {width: 150px; height: 46px; line-height: 48px; font-size: 14px;}



.button-sm {display: inline-block; text-align: center; width: 152px; height: 44px; font-size: 12px; line-height: 46px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; text-decoration: none; transition: 0.3s; border-radius: 5px; outline: none !important;}

.button-sm_white {color: #29313c; background: #fff;}
.button-sm_white:hover {color: #00b1ff;}

.button-sm_blue {color: #fff; background: #00b1ff;}
.button-sm_blue:hover {color: #29313c; background: #fff;}

.button__md {height: 46px; line-height: 48px; font-size: 14px; width: auto; padding: 0 30px;}



.link-back {text-transform: uppercase; padding-left: 30px; font-size: 14px; font-weight: bold; letter-spacing: 0.4px; background: url(/local/templates/binman_new/img/arrow_back_2.svg) left center no-repeat;}
.link-back:hover {color: #00b1ff; background-image: url(/local/templates/binman_new/img/arrow_back_2_blue.svg)}

.link-dotted {color: #00b1ff; border-bottom: 1px dotted;}
.link-dotted:hover {border-bottom: none;}

.link-big {text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 0.4px; text-decoration: underline;}

.icon-shild {background-image: url(/local/templates/binman_new/img/ico_shild.svg); background-repeat: no-repeat;}
.icon-phone-blue {background-image: url(/local/templates/binman_new/img/ico_phone_blue.svg); background-repeat: no-repeat;}
.icon-mail-blue {background-image: url(/local/templates/binman_new/img/ico_mail_blue.svg); background-repeat: no-repeat;}
.icon-link-blue {background-image: url(/local/templates/binman_new/img/ico_link_blue.svg); background-repeat: no-repeat;}
.icon-loc-blue {background-image: url(/local/templates/binman_new/img/ico_loc_blue.svg); background-repeat: no-repeat;}
.icon-time-blue {background-image: url(/local/templates/binman_new/img/ico_time_blue.svg); background-repeat: no-repeat;}

.icon-diler {background-image: url(/local/templates/binman_new/img/ico_diler.svg); background-repeat: no-repeat;}
.icon-contract {background-image: url(/local/templates/binman_new/img/ico_contract.svg); background-repeat: no-repeat;}

.icon-user-blue {background-image: url(/local/templates/binman_new/img/ico_user_blue.svg); background-repeat: no-repeat;}
.icon-company-blue {background-image: url(/local/templates/binman_new/img/ico_company_blue.svg); background-repeat: no-repeat;}

.icon-shild-green {background-image: url(/local/templates/binman_new/img/ico_shild_green.svg); }
.icon-shild-red {background-image: url(/local/templates/binman_new/img/ico_shild_red.svg);}

.icon-company-blue.error {background-image: url(/local/templates/binman_new/img/ico_company_red.svg);}
.icon-user-blue.error {background-image: url(/local/templates/binman_new/img/ico_user_red.svg);}
.icon-phone-blue.error {background-image: url(/local/templates/binman_new/img/ico_phone_red.svg); }
.icon-mail-blue.error {background-image: url(/local/templates/binman_new/img/ico_mail_red.svg);}

.icon-load {background: url(/local/templates/binman_new/img/ico_load.svg) left center no-repeat; padding-left: 20px;}


.bef-icon {position: relative;}
.bef-icon::before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -21px; width: 42px; height: 42px; background-size: 18px; background-repeat: no-repeat; background-position: center; border: 2px solid #a8bac2; border-radius: 50%;}
.bef-icon__phone-blue::before {background-image: url(/local/templates/binman_new/img/ico_phone_blue.svg);}
.bef-icon__mail-blue::before {background-image: url(/local/templates/binman_new/img/ico_mail_blue.svg);}

.mb-60 {margin-bottom: 60px;}



input::-webkit-input-placeholder {opacity: 0.7; color: inherit;}
input::-moz-placeholder {opacity: 0.7; color: inherit;}/* Firefox 19+ */
input:-ms-input-placeholder {opacity: 0.7; color: inherit;}

textarea::-webkit-input-placeholder {opacity: 0.7; color: inherit;}
textarea::-moz-placeholder {opacity: 0.7; color: inherit;}/* Firefox 19+ */
textarea:-ms-input-placeholder {opacity: 0.7; color: inherit;}

input[type="submit"] {cursor: pointer;}

textarea,
button,
input[type="text"] {-webkit-appearance: none; outline: none;}


.popup {display: none; max-width: 920px; width: 100%; padding: 50px 80px;}

.popup .section__title-h4 {margin-bottom: 35px; line-height: 1.2;}

@media (max-width: 992px) {
    .popup {max-width: 90%; padding: 30px 40px;}
}

@media (max-width: 576px) {
    .popup {padding: 30px 20px;}
    .popup .section__title-h4 {margin-bottom: 20px;}
}


.title-h1,
.title-h2,
.title-h3 {font-weight: 800; padding: 0; margin: 0;}

.title-h1 {font-size: 56px; line-height: 1; margin-bottom: 40px;}
.title-h2 {font-size: 46px; line-height: 1; margin-bottom: 30px;}
.title-h3-big {font-size: 36px; line-height: 1.3; margin-bottom: 20px;}
.title-h3 {font-size: 22px; line-height: 1.3; margin-bottom: 20px;}

.title-sub {font-size: 17px; line-height: 22px; font-weight: 800; margin-bottom: 25px;}

@media (max-width: 576px) {
    .title-h1 {font-size: 46px;}
    .title-h2 {font-size: 36px;}
    .title-h3 {font-size: 20px;}
}


.typography {font-size: 18px; line-height: 28px;}

.typography h1,
.typography h2,
.typography h3,
.typography h4 {font-weight: 800; padding: 0; margin: 0;}

.typography h1 {font-size: 56px; line-height: 1; margin-bottom: 40px;}
.typography h2 {font-size: 46px; line-height: 1; margin-bottom: 30px; margin-top: 55px;}
.typography h3 {font-size: 22px; line-height: 1.3; margin-bottom: 20px;}

.typography h1:first-child,
.typography h2:first-child,
.typography h3:first-child {margin-top: 0;}


.typography p {font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.typography.p-sm p {font-size: 16px; line-height: 24px; margin-bottom: 20px;}
.typography img {max-width: 100%;}

.typography b {font-weight: 800;}

.typography a {color: #00a0e2;}
.typography a:hover {color: #232a35;}

.typography ul {margin-bottom: 30px;}
.typography ul:last-child {margin-bottom: 0;}
.typography ul li {font-size: 18px; line-height: 28px; padding-left: 25px; position: relative;}
.typography ul li::before {content: ''; position: absolute; left: 0; top: 13px; width: 10px; height: 3px; background-color: #3a495e;}

.typography ol {margin-bottom: 30px; counter-reset: custom-counter; list-style: none;}
.typography ol:last-child {margin-bottom: 0;}
.typography ol li {font-size: 18px; line-height: 28px; padding-left: 25px; position: relative; list-style: none;}
.typography ol li::before {content: counter(custom-counter)'.'; counter-increment: custom-counter; position: absolute; left: 0; top: 0; font-weight: bold;}



.typography small {color: #8a979d; font: 14px "Proxima Nova";}

.typography blockquote {display: block; padding: 40px 90px; margin: 50px -90px; font-size: 20px; line-height: 32px; font-style: italic; background: url(/local/templates/binman_new/img/quotes.svg) #f4f9fb 40px 40px no-repeat; border-radius: 4px; font-family: "PT Serif";}
.typography blockquote p {font-size: 20px; line-height: 32px;}
.typography blockquote p:last-child {margin-bottom: 0;}
.typography blockquote h3 {font-size: 26px; line-height: 1; padding: 0; font-style: normal;}


.typography blockquote.dark {color: #fff; font-size: 16px; line-height: 26px; font-style: normal; background: #29313c;}
.typography blockquote.dark p {font-size: 16px; line-height: 26px;}
.typography blockquote.dark ul li {font-size: 16px; line-height: 24px; margin: 14px 0;}
.typography blockquote.dark ul li:last-child {margin-bottom: 0;}
.typography blockquote.dark ul li::before {top: 11px; background-color: #fff;}


.typography figure {margin: 50px -90px;}
.typography figcaption {text-align: center; color: #8a979d; font-size: 14px; line-height: 20px; padding: 13px 90px 0;}

.typography table {width: 100%;}

@media (max-width: 992px) {
    .typography blockquote {background: #f4f9fb;}

    .typography figure {margin: 40px -20px;}
}

@media (max-width: 576px) {
    .typography h1 {font-size: 46px;}
    .typography h2 {font-size: 36px;}
    .typography h3 {font-size: 20px; }

    .typography blockquote,
    .typography blockquote p {font-size: 18px; line-height: 1.5;}

    .typography p {font-size: 17px; line-height: 26px; margin-bottom: 15px;}
}



.video_thumb {display: block; position: relative; background-color: #29313c; transition: 0.3s;}
.video_thumb img {display: block; opacity: 0.5; transition: 0.3s;}
.video_thumb::after {content: ''; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px ; width: 70px; height: 70px; background: url(/local/templates/binman_new/img/ico_play.svg) center no-repeat; transition: 0.3s;}

.video_thumb:hover{background-color: #11171f;}
.video_thumb:hover img {opacity: 0.3;}
.video_thumb:hover::after {transform: scale(1.2);}

.pb0 {padding-bottom: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb140 {margin-bottom: 140px !important;}

.fs14 {font-size: 14px;}

.w-auto {width: auto !important; max-width: 100% !important; min-width: 0 !important;}


.page-spacer {height: 150px;}

@media (max-width: 576px) {
    .page-spacer {height: 50px;}
}



/* page content */

/* header */

header {position: relative; z-index: 2001; height: 90px; color: #29313c; border-bottom: 1px solid #f1f1f1; background: #fff;}

.header__mob,
.header__wrap {padding: 25px 0; height: 90px;}

.header__mob {display: none;}


.header__left-box {float: left;}
.header__rigth-box {float: right;}

.header__logo {margin-right: 25px; margin-bottom: 8px; position: relative; width: 147px; height: 40px;}


.header-menu {font-size: 0; margin-top: 0;}
.header-menu__item {display: inline-block; vertical-align: top; margin-right: 23px;}
.header-menu__item:last-child {margin-right: 20px;}
.header-menu__link {display: block; padding-right: 12px; font-size: 15px; font-weight: bold; position: relative; letter-spacing: -0.2px;}
.header-menu__link::before,
.header-menu__link::after {content: ''; position: absolute; top: 50%; margin-top: -2px; right: 0; width: 8px; height: 5px; transition: 0.3s;}

.header-menu__link::before {background: url(/local/templates/binman_new/img/select_arrow.svg) right center no-repeat;}
.header-menu__link::after {opacity: 0; background: url(/local/templates/binman_new/img/select_arrow_blue.svg) right center no-repeat;}

.header-menu__link.open ~ .hm-subn {z-index: 10;}

.hm-subn {display: none; position: absolute; top: 100%; left: 0; right: 0; height: 105px; font-size: 0; padding-top: 27px; border-top: 1px solid #f1f1f1; background: #fff;}

.hm-subn__item {display: inline-block; vertical-align: top; width: 33.33%; padding-right: 40px;}
.hm-subn__item:last-child {padding-right: 20px;}

.hm-subn__link {display: inline-block; padding: 0 0 0 54px; position: relative;}
.hm-subn__link::after {content: ''; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 3px; background-color: #d5e2e8; background-position: center; background-repeat: no-repeat;}

.hm-subn__title {font-size: 16px; font-weight: bold; margin-bottom: 3px; color: #29313c; transition: 0.3s;}
.hm-subn__descr {font-size: 12px; line-height: 15px; color: #848e92;}

.hm-subn__link:hover .hm-subn__title  {color: #00b0ff;}


.nav-icon-1::after {background-image: url(/local/templates/binman_new/img/nav_ico_1.svg);}
.nav-icon-2::after {background-image: url(/local/templates/binman_new/img/nav_ico_2.svg);}
.nav-icon-3::after {background-image: url(/local/templates/binman_new/img/nav_ico_3.svg);}
.nav-icon-4::after {background-image: url(/local/templates/binman_new/img/nav_ico_4.svg);}
.nav-icon-5::after {background-image: url(/local/templates/binman_new/img/nav_ico_5.svg);}
.nav-icon-6::after {background-image: url(/local/templates/binman_new/img/nav_ico_6.svg);}
.nav-icon-7::after {background-image: url(/local/templates/binman_new/img/nav_ico_7.svg);}
.nav-icon-8::after {background-image: url(/local/templates/binman_new/img/nav_ico_8.svg);}




.header-search {margin-top: 2px;}
.header-search__form {display: none; position: absolute; z-index: 10; top: -13px; left: 0; right: -20px; height: 45px; border-radius: 3px; background: #232a35;}
.header-search__text {height: 45px; width: 100%; border: none; padding: 0 20px; color: #fff; font-size: 14px; background: none;}
.header-search__send {position: absolute; top: 50%; right: 20px; margin-top: -6px; width: 14px; height: 14px; border: none; background: url(/local/templates/binman_new/img/ico_search_blue.svg) center no-repeat; background-size: contain; transition: 0.3s; outline: none !important;}
.header-search__send:hover {background-image: url(/local/templates/binman_new/img/ico_search_white.svg);}


.header-search__text::-webkit-input-placeholder {opacity: 1; color: #8c95a3;}
.header-search__text::-moz-placeholder {opacity: 1; color: #8c95a3;}
.header-search__text:-ms-input-placeholder {opacity: 1; color: #8c95a3;}

.header-search__open {border: none; width: 14px; height: 14px; position: relative; background: none; cursor: pointer;}
.header-search__open::before,
.header-search__open::after {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 14px;  background-position: center; background-repeat: no-repeat; background-size: contain; transition: 0.3s;}

.header-search__open::before {background-image: url(/local/templates/binman_new/img/ico_search_black.svg);}
.header-search__open::after {background-image: url(/local/templates/binman_new/img/ico_search_blue.svg); opacity: 0;}

.header-search__open:hover::before {opacity: 0;}
.header-search__open:hover::after {opacity: 1;}

.header__logo,
.header-menu,
.header-search,
.header__phone,
.header-menu__wrap,
.consultant {display: inline-block; vertical-align: middle;}

.header-menu__wrap.rlv {position: relative;}

.header__phone {margin-top: 9px; padding-left: 17px; font-weight: bold; font-size: 13px; letter-spacing: 1px; background: url(/local/templates/binman_new/img/ico_phone_blue.svg) left top no-repeat;}

.consultant {position: relative; padding: 3px 0 0 50px; margin: 0 13px 0 15px;}
.consultant__photo {position: absolute; left: 0; top: -2px;}
.consultant__photo img {border-radius: 50%;}
.consultant__status::after {content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%;}
.consultant__status-online::after {background: #00b0ff;}
.consultant__status-offline::after {background: red;}
.consultant__title {font-size: 15px; font-weight: bold; margin-bottom: 2px; transition: 0.3s; letter-spacing: 0.5px;}
.consultant__name {color: #848e92; font-size: 12px; transition: 0.3s;}

.consultant:hover .consultant__title {color: #00b0ff;}

.page-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; background-color: rgba(41, 49, 60, 0.8);}

.open-nav {display: none; cursor: pointer; position: absolute; top: 36px; z-index: 350; width: 20px; height: 16px; right: 0; border: none; border-top: 2px solid #00b0ff;  border-bottom: 2px solid #00b0ff; background: none;}
.open-nav::after {content: ''; position: absolute; left: 0; top: 5px; width: 100%; height: 2px; background: #00b0ff;}

.close-nav {display: none; cursor: pointer; position: absolute; top: 30px; z-index: 350; width: 16px; height: 16px; right: 20px; border: none; background: url(/local/templates/binman_new/img/close_btn.svg) center no-repeat; background-size: 16px 16px;}



.header__main {border: none; position: absolute; left: 0; right: 0; transition: 0.3s;}
.header__dark {color: #fff; position: absolute; left: 0; right: 0; background: transparent;}
.header__dark .header-search__open::before {background-image: url(/local/templates/binman_new/img/ico_search_white.svg);}
.header__dark .header__phone {background-image: url(/local/templates/binman_new/img/ico_phone.svg);}

.header__dark .header__logo a {display: block; position: relative; z-index: 1;}
.header__dark .header__logo img {opacity: 0;}
.header__dark .header__logo::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/local/templates/binman_new/img/logo_white.svg) center no-repeat; }

.header__dark .open-nav {border-color: #fff;}
.header__dark .open-nav::after {background: #fff;}

.remove-animate * {transition: none !important;}

@media (min-width: 1201px) {
    .header-menu__link.open,
    .header-menu__link:hover {color: #00b0ff; background: transparent;}


    .header-menu__link.open::before,
    .header-menu__link:hover::before {opacity: 0;}
    .header-menu__link.open::after,
    .header-menu__link:hover::after {opacity: 1;}

    .header-menu__link.open::before,
    .header-menu__link.open::after {transform: rotate(180deg);}
}

@media (max-width: 1200px) {

    header {z-index: initial;}

    .header__rigth-box {position: absolute; bottom: 0; left: 0; width: 100%; background: #edf6fa;}

    .header__phone,
    .consultant {display: block; float: none; margin: 0; border-bottom: 1px dashed #dce5ea}

    .consultant {padding: 15px 20px 15px 95px;}
    .consultant__photo {left: 45px; top: 50%; margin-top: -20px;}

    .header__dark {color: #232a35;}

    .header__phone,
    .header__dark .header__phone {padding: 15px 45px 15px 65px; background-image: url(/local/templates/binman_new/img/ico_phone_blue.svg); background-position: 45px center;}

    .header__rigth-box .button {margin: 20px 20px 20px 45px;}





    .header__logo {display: block; float: left;}
    .header-menu__wrap {display: block; float: right; margin-top: 13px;}

    .header-search {display: none;}


    .open-nav,
    .close-nav {display: block;}


    .header__mob {display: block;}

    .header__mob {position: relative; z-index: 1000;}

    .header__wrap {position: fixed; right: -320px; left: auto; top: 0; width: 320px; height: 100%; z-index: 2001; padding: 20px 0 40px 0; overflow: auto; background: #fff;}
    .header__wrap .header__logo {width: auto; height: auto; float: none; display: inline-block;}
    .header__wrap .header__logo img {opacity: 1; margin-left: 20px; width: 111px;}
    .header__wrap .header__logo::after {display: none;}

    .header__left-box {float: none;}

    .header-menu {display: block;}

    .header-menu__wrap {float: none; margin-top: 20px;}

    .header-menu__item {display: block; padding-left: 50px;}
    .header-menu__link {font-size: 16px; font-weight: 800; padding-top: 10px; padding-bottom: 10px; display: inline-block; transition: none;}

    .header-menu__link::before,
    .header-menu__link::after {transform: rotate(-90deg);}


    .header-menu__link.open {font-size: 20px; position: absolute; top: 70px; left: 20px; z-index: 20; padding-left: 25px; font-weight: bold; color: #232a35; background: url(/local/templates/binman_new/img/arrow_back.svg) left center no-repeat;}
    .header-menu__link.open::before,
    .header-menu__link.open::after {display: none;}

    .hm-subn {top: 70px; padding: 70px 0 0 25px; height: auto; margin: 0; background: #fff; border: none;}
    .hm-subn__item {display: block; width: auto; margin-bottom: 25px;}


}

@media (max-width: 576px) {
    .hm-subn {top: 70px; bottom: 0;}
}



/* pages */

.hslider {overflow: hidden;}

.hslider,
.hslider .iosSlider,
.hslider .hslider_item {height: 760px !important;}

.hslider {position: relative;}
.hslider .iosSlider {width: 100%; margin: 0 auto;}
.hslider .hslider_item {width: 100%; background-position: center; background-repeat: no-repeat; padding-top: 43px; background-size: cover;}

.hslider .container {display: table; width: 100%;}
.hslider__content {display: table-cell; vertical-align: middle; height: 760px; padding-bottom: 80px;}


.hslider__content {text-align: center;}
.hslider__subtitle {color: #00b9ff; font-size: 16px; text-transform: uppercase; font-weight: bold;}
.hslider__title {color: #fff; font-weight: 800; font-size: 66px; margin-bottom: 8px;}
.hslider__descr {color: #becfdd; font-size: 22px; line-height: 30px; max-width: 930px; margin: 0 auto 50px;}

.hslider__buttons {}

.spnav {text-align: center; position: absolute; left: 0; bottom: 25px; width: 100%; z-index: 1; font-size: 0; text-align: center;}
.spnav__item {position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 25px; height: 16px; margin: 0 5px;}
.spnav__item::after {content: ''; position: absolute; left: 0; top: 6px; cursor: pointer; width: 25px; height: 4px; margin: 0 5px; border-radius: 4px; transition:0.3s; background: #495056;}
.spnav__item.active::after {background: #00b0ff;}


@media (max-width: 1200px) {
    .hslider__content {padding-bottom: 20px;}

    .hslider__title {font-size: 54px;}
    .hslider__descr {font-size: 20px;}

    .hslider .hslider_item {padding-top: 0;}
}

@media (max-width: 992px) {

    .hslider,
    .hslider .iosSlider,
    .hslider .hslider_item,
    .hslider__content {height: 760px !important;}


    .hslider__title {font-size: 46px;}
}

@media (max-width: 576px) {
    .hslider,
    .hslider .iosSlider,
    .hslider .hslider_item,
    .hslider__content {height: 600px !important;}

    .hslider__content {padding-bottom: 0;}

    .hslider__subtitle {font-size: 14px;}
    .hslider__title {font-size: 36px; line-height: 1; padding: 15px 0 10px;}
    .hslider__descr {font-size: 16px; line-height: 1.4;}
}


/* content */

.section {padding: 60px 0; position: relative;}

.section__title-h1,
.section__title-h2,
.section__title-h3,
.section__title-h4 {font-weight: 800; padding: 0; margin: 0;}

.section__title-h1 {font-size: 66px; margin-bottom: 30px; text-align: center;}
.section__title-h2 {font-size: 56px; line-height: 1; margin-bottom: 40px; text-align: center;}
.section__title-h3 {font-size: 46px; line-height: 1; margin-bottom: 30px; text-align: center;}
.section__title-h4 {font-size: 36px; line-height: 1; margin-bottom: 20px; line-height: 40px;}
.section__title-h5 {font-size: 22px; line-height: 1.3; margin-bottom: 20px;}
.section__subtitle {font-size: 16px; font-weight: bold; text-transform: uppercase; color: #00b9ff; text-align: center; margin-bottom: 10px;}

.section__title-h1 .rubl,
.section__title-h2 .rubl,
.section__title-h3 .rubl,
.section__title-h4 .rubl {font-weight: bold;}

.section__info {color: #464c54; font-size: 30px; line-height: 40px; margin-bottom: 25px;}

.section__info-big {font-size: 36px; line-height: 1; margin-bottom: 20px; line-height: 46px; font-weight: 800; margin-bottom: 20px;}
.section__info-big .stroke {border-bottom: 7px solid #00b9ff;}
.section__info-sm {color: #788aa2; font-size: 22px; line-height: 34px;}


.section__descr {color: #8a979d; font-size: 18px; line-height: 26px;}
.section__descr-big {font-size: 22px; line-height: 30px;}


.section_photo-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.2;}


.text-left {text-align: left;}
.text-center {text-align: center;}

.clr_white {color: #fff;}

.space {height: 30px;}
.space-lg {height: 60px;}


@media (max-width: 1200px) {
    .section {padding: 40px 0;}

    .section__title-h1 {font-size: 54px; line-height: 1;}
    .section__title-h2 {font-size: 50px; line-height: 1;}
    .section__title-h3 {font-size: 40px; line-height: 1;}
    .section__title-h4 {font-size: 30px; line-height: 1;}
    .section__subtitle {font-size: 14px;}
    .section__descr {font-size: 16px; line-height: 1.5;}

    .section__info {font-size: 24px; line-height: 1.5;}
}

@media (max-width: 992px) {
    .section {padding: 20px 0;}
    .mob__text-center {text-align: center;}
}

@media (max-width: 576px) {
    .section__title-h1 {font-size: 50px;}
    .section__title-h2 {font-size: 40px;}
    .section__title-h3 {font-size: 36px;}
    .section__title-h4 {font-size: 26px;}

    .section__info-big {font-size: 24px; line-height: 1.3;}
    .section__info-sm {font-size: 18px; line-height: 1.5;}
}

@media (max-width: 320px) {
    .section__title-h1 {font-size: 40px;}
    .section__title-h2 {font-size: 30px;}
    .section__title-h3 {font-size: 26px;}
    .section__title-h4 {font-size: 16px;}
}


.partners {margin: 0 -30px 60px; position: relative;}
.partners::after {content: ''; position: absolute; left: -1000px; right: -1000px; bottom: 0; height: 1px; background: #e3eef2;}

.partners__list {display: table; width: 100%; }
.partners__item {display: table-cell; vertical-align: middle; height: 115px; width: 1%; padding: 0 10px; white-space: nowrap; text-align: center;}


@media (max-width: 1200px) {
    .partners {margin: 0 0 60px;}
    .partners__item img {max-width: 100%;}
}

@media (max-width: 576px) {
    .partners {margin: 0 -10px 40px;}
    .partners__list {display: block; width: auto; padding: 30px 0; font-size: 0; text-align: center;}
    .partners__item {display: inline-block; width: 25%; height: auto; padding: 10px;}
}


.osi {font-size: 0; padding-top: 60px;}
.osi__photo,
.osi__text {display: inline-block; vertical-align: middle;}

.osi__photo {width: 60%;}
.osi__photo_wrap {margin-left: -100px; padding-top: 10px;}
.osi__photo_wrap img {max-width: 100%;}

.osi__text {width: 40%; padding: 0 80px 60px 0; text-align: left;}
.osi__title {margin-bottom: 20px; text-align: left;}
.osi__descr {margin-bottom: 25px;}

@media (max-width: 1200px) {
    .osi__text {padding: 0 20px 60px 0;}
}

@media (max-width: 992px) {
    .osi__photo,
    .osi__text {display: block; width: auto; padding: 0 0 40px 0;}

    .osi__photo_wrap {margin-left: 0;}
    .osi__title,
    .osi__text {text-align: center;}

}

.services {padding-bottom: 60px}

.service-tabs {margin: 0 -15px 50px;}
.service-tabs__wrap {display: table; width: 100%;}
.service-tabs__item {display: table-cell; vertical-align: top; width: 20%; padding: 0 15px;}
.service-tabs__title {height: 50px; font-weight: 800; padding: 0 0 0 30px; border-bottom: 2px solid #e6edf0; font-size: 15px; line-height: 16px; background-position: 0px 5px; background-repeat: no-repeat; cursor: pointer; transition: 0.3s;}
.service-tabs__title:hover {color: #00b2ff;}

.service-tabs__ico-1 {padding-left: 40px; background-image: url(/local/templates/binman_new/img/service_tab_1.svg);}
.service-tabs__ico-2 {background-image: url(/local/templates/binman_new/img/service_tab_2.svg);}
.service-tabs__ico-3 {background-image: url(/local/templates/binman_new/img/service_tab_3.svg);}
.service-tabs__ico-4 {padding-left: 40px; background-image: url(/local/templates/binman_new/img/service_tab_4.svg);}
.service-tabs__ico-5 {padding-left: 40px; background-image: url(/local/templates/binman_new/img/service_tab_5.svg);}

.active .service-tabs__title {border-bottom-color: #00b2ff;}

.service-card {display: table; width: 100%;}
.service-card__info,
.service-card__photo {display: table-cell; vertical-align: top; width: 50%;}
.service-card__info {padding-right: 20px;}
.service-card__photo {padding-right: 20px;}
.service-card__photo img {display: block; max-width: 100%; box-shadow: 0 0 50px rgba(41, 49, 60, 0.2);}

.service-card__param {margin-top: 30px;}

.service__icon-1::after {background-image: url(/local/templates/binman_new/img/service_ico_1.svg);}
.service__icon-2::after {background-image: url(/local/templates/binman_new/img/service_ico_2.svg);}
.service__icon-3::after {background-image: url(/local/templates/binman_new/img/service_ico_3.svg);}
.service__icon-4::after {background-image: url(/local/templates/binman_new/img/service_ico_4.svg);}
.service__icon-5::after {background-image: url(/local/templates/binman_new/img/service_ico_5.svg);}
.service__icon-6::after {background-image: url(/local/templates/binman_new/img/service_ico_6.svg);}
.service__icon-7::after {background-image: url(/local/templates/binman_new/img/service_ico_7.svg);}
.service__icon-8::after {background-image: url(/local/templates/binman_new/img/service_ico_8.svg);}
.service__icon-9::after {background-image: url(/local/templates/binman_new/img/service_ico_9.svg);}
.service__icon-10::after {background-image: url(/local/templates/binman_new/img/service_ico_10.svg);}
.service__icon-11::after {background-image: url(/local/templates/binman_new/img/service_ico_11.svg);}
.service__icon-12::after {background-image: url(/local/templates/binman_new/img/service_ico_12.svg);}


.tabs__box {display: none;}
.tabs__box.visible {display: block;}
.tabs__box-title {display: none;}



@media (max-width: 1200px) {
    .service-tabs {margin: 0 -5px 50px;}
    .service-tabs__item {padding: 0 5px;}
    .service-tabs__title {font-size: 14px; height: 60px;}
    .service-tabs__title br {display: none;}

    .service-tabs__ico-2 br {display: inline;}
}

@media (max-width: 992px) {
    .service-tabs__title {padding: 0; background: none;}

    .service-card {display: block; width: auto;}
    .service-card__info,
    .service-card__photo {display: block; width: auto; padding: 0;}

    .service-card__info {margin-bottom: 40px;}
    .service-card__photo img {width: 100%;}
}

@media (max-width: 576px) {
    /*.service-tabs {height: 50px; background: #ccc; position: relative;}*/
    /*.service-tabs::after {content: 'Тут табы я пока скрыл'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 50px; text-align: center; color: #000;}*/
    /*.service-tabs__item {display: none;}*/

    .service-card__photo {padding: 0 0 40px;}

    .tabs {position: relative;}
    .tabs:after {content: ''; position: absolute; left: -20px; right: -20px; bottom: -3px; height: 1px; background: #eeedeb;}
    .tabs__header,
    .tabs__box .cnt {display: none;}
    .tabs__box {display: block; padding: 0;}
    .tabs__box.visible .cnt {display: block;}

    .tabs__box-title {cursor: pointer; display: flex; align-items: center; font-weight: 800; margin: 0 -20px; padding: 10px 20px 10px 60px; height: 60px; line-height: 1.2; font-size: 16px; font-weight: bold; border-top: 2px solid #fff; color: #29313c; background-color: #f4f9fb; background-position: 20px center; background-repeat: no-repeat; cursor: pointer; transition: 0.3s;}
    .tabs__box.visible .tabs__box-title {background-color: #00a0e2; color: #fff; margin-bottom: 30px;}


    .tabs__box-title.service-tabs__ico-1 {background-position: 20px center;}
    .tabs__box-title.service-tabs__ico-2 {background-position: 24px center;}
    .tabs__box-title.service-tabs__ico-3 {background-position: 24px center;}
    .tabs__box-title.service-tabs__ico-4 {background-position: 20px center;}
    .tabs__box-title.service-tabs__ico-5 {background-position: 20px center;}


    .tabs__box.visible .service-tabs__ico-1 {background-image: url(/local/templates/binman_new/img/service_tab_1_white.svg);}
    .tabs__box.visible .service-tabs__ico-2 {background-image: url(/local/templates/binman_new/img/service_tab_2_white.svg);}
    .tabs__box.visible .service-tabs__ico-3 {background-image: url(/local/templates/binman_new/img/service_tab_3_white.svg);}
    .tabs__box.visible .service-tabs__ico-4 {background-image: url(/local/templates/binman_new/img/service_tab_4_white.svg);}
    .tabs__box.visible .service-tabs__ico-5 {background-image: url(/local/templates/binman_new/img/service_tab_5_white.svg);}


}







.tabs {display: block; margin-bottom: 40px;}
.tabs li {cursor: pointer; display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold; color: #ed1c24; margin-left: 85px;}
.tabs li:first-child {margin-left: 0;}
.tabs li:hover,
.tabs li.active {color: #000;}

.tabs li span {position: relative; display: inline-block; padding-bottom: 11px; padding: 64px 0 13px;}
.tabs li.active span::after {content: ''; position: absolute; left: -10px; right: -10px; top: 0; height: 5px; background: #ed1c24;}

.tabs_box .box {display: none;}
.tabs_box .visible {display: block;}

.tabs_box .box_title {display: none;}

.tabs_box .typography p {font-size: 17px; margin-bottom: 20px;}

@media (max-width: 640px) {
    .tabs_box {position: relative;}
    .tabs_box:after {content: ''; position: absolute; left: -20px; right: -20px; bottom: -3px; height: 1px; background: #eeedeb;}
    .tabs_box .tabs,
    .tabs_box .box .cnt {display: none;}
    .tabs_box .box {display: block !important; padding: 0;}
    .tabs_box .box.visible .cnt {display: block;}

    .tabs_box .box_title {cursor: pointer; display: block; margin: 0 -20px; padding: 0 20px; height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; border-top: 1px solid #eeedeb; background: none;}
    .tabs_box .box.visible .box_title {background: #ed1c24; color: #fff; margin-bottom: 30px;}
}












.special-offer {padding: 120px 0 25px; text-align: center; max-width: 1000px; margin: 0 auto;}
.special-offer__button {margin: 30px 0 45px;}
.special-offer__note {font-size: 11px; line-height: 17px; color: #96ddff; max-width: 600px; margin: 0 auto;}

.product-stat {text-align: center; margin-bottom: 85px; padding-left: 80px;}
.product-stat__item {position: relative; display: inline-block; vertical-align: top; padding: 5px 0 5px 80px; color: #fff; background-position: left center; text-align: left; margin: 0 20px;}
.product-stat__item::after {content: ''; position: absolute; left: 0; top: 0; width: 65px; height: 65px; background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius: 50%;}
.product-stat__val {font-size: 36px; font-weight: 800; line-height: 1; padding-top: 2px;}
.product-stat__title {font-size: 14px;}

.icon-gear::after {background-image: url(/local/templates/binman_new/img/ico_gear.svg);}
.icon-gps::after {background-image: url(/local/templates/binman_new/img/ico_gps.svg);}

.icon-rfid::after {background-image: url(/local/templates/binman_new/img/ico_rfid.svg);}
.icon-camera::after {background-image: url(/local/templates/binman_new/img/ico_camera.svg);}


@media (max-width: 1200px) {
    .special-offer {padding: 60px 0 25px; margin-bottom: 40px;}
}

@media (max-width: 992px) {
    .product-stat {padding-left: 0;}
}

@media (max-width: 576px) {
    .product-stat {display: inline-block; margin-bottom: 40px;}
    .product-stat__item {display: block; margin: 25px 0;}
}


.advantages {font-size: 0; margin: 0 -10px; padding-top: 15px;}
.advantages__item {display: inline-block; vertical-align: top; margin-bottom: 50px; padding: 0 10px; position: relative;}
.advantages__info {color: #8a979d; font-size: 18px; line-height: 26px; position: relative; padding-left: 74px;}
.advantages__info::after {content: ''; position: absolute; left: 0; top: 0; width: 54px; height: 54px; background-color: #00afff; background-position: center; background-repeat: no-repeat; border-radius: 3px;}
.advantages__info b {font-weight: 800; color: #29313c;}

.advantages__title {font-size: 22px; font-weight: 800; margin-bottom: 5px; color: #29313c;}

.advantages__icon-1::after {background-image: url(/local/templates/binman_new/img/adv_ico_1.svg);}
.advantages__icon-2::after {background-image: url(/local/templates/binman_new/img/adv_ico_2.svg);}
.advantages__icon-3::after {background-image: url(/local/templates/binman_new/img/adv_ico_3.svg);}
.advantages__icon-4::after {background-image: url(/local/templates/binman_new/img/adv_ico_4.svg);}
.advantages__icon-5::after {background-image: url(/local/templates/binman_new/img/adv_ico_5.svg);}
.advantages__icon-6::after {background-image: url(/local/templates/binman_new/img/adv_ico_6.svg);}



@media (max-width: 1200px) {
    .advantages__info {font-size: 16px; line-height: 1.5;}
}



.articles {margin-top: -50px;}
.articles__item {margin-bottom: 30px; display: table; width: 100%; background: #fff;}
.articles__photo,
.articles__info {display: table-cell; vertical-align: middle; width: 50%;}
.articles__photo img {display: block; max-width: 100%;}
.articles__info {padding: 20px 110px 20px 80px;}
.articles__buttons {padding-top: 20px;}

@media (max-width: 1200px) {
    .articles__info {padding: 20px 40px;}
}

@media (max-width: 992px) {
    .articles {margin-top: -20px;}
    .articles__info {padding: 40px 30px;}

    .articles__photo {position: relative; overflow: hidden;}
    .articles__photo img {position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: initial;}
}

@media (max-width: 576px) {
    .articles__item {display: block; width: auto; padding-top: 200px; position: relative;}
    .articles__photo,
    .articles__info {display: block; width: auto;}

    .articles__photo {position: absolute; height: 200px; top: 0; left: 0;}
    .articles__photo img {position: static; height: auto; width: 100%;}

    .articles__info {padding: 30px 20px;}
}



.info-blocks {margin: 0 -15px 90px; font-size: 0;}
.info-blocks__item {display: inline-block; vertical-align: top; padding: 0 15px; text-align: center;}
.info-blocks__wrap {padding: 0 25px 20px; min-height: 350px; background: #fff; border-radius: 4px;}
.info-blocks__icon {height: 134px; background-position: center; background-repeat: no-repeat;}
.info-blocks__title {font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 17px;}
.info-blocks__descr {color: #8a979d; font-size: 14px; line-height: 20px;}


.info-blocks-decor__wrap {min-height: 200px; display: table; width: 100%; padding: 0;}
.info-blocks-decor__text {display: table-cell; vertical-align: middle; height: 200px; padding: 15px 30px 15px 275px; text-align: left; position: relative;}
.info-blocks-decor__text::after {content: ''; position: absolute; top: 0; left: 0; width: 275px; height: 100%; background-position: center; background-repeat: no-repeat;}
.info-blocks-decor__descr {font-size: 18px; line-height: 24px; margin-bottom: 20px; color: #848e92;}
.info-blocks-decor__links {font-weight: bold; font-size: 15px}
.info-blocks-decor__links a {display: inline-block; border-bottom: 2px solid #00adff; margin-right: 12px; font-size: 15px}
.info-blocks-decor__links a:hover {border-bottom-color: transparent;}


.decor-map::after {background-image: url(/local/templates/binman_new/img/decor_map.svg);}
.decor-feedback::after {background-image: url(/local/templates/binman_new/img/decor_feedback.svg);}


.col__x2 {width: 50%;}
.col__x3 {width: 33.33%;}
.col__x4 {width: 25%;}


@media (max-width: 1200px) {
    .info-blocks {margin: 0 -5px 30px;}
    .info-blocks__item {padding: 0 5px;}
    .info-blocks__wrap {padding: 0 15px 20px;}
    .info-blocks__title {font-size: 15px;}

    .info-blocks-decor__wrap {padding: 0;}
    .info-blocks-decor__text {padding: 15px 30px 15px 220px;}
    .info-blocks-decor__text::after {width: 210px;}

    .info-blocks-decor__descr {font-size: 16px; line-height: 1.5;}
}

@media (max-width: 992px) {
    .col__x3,
    .col__x4 {width: 50%;}

    .info-blocks {margin: 0 -10px 30px;}
    .info-blocks__item {padding: 10px;}
    .info-blocks__icon {height: 120px;}
    .info-blocks__wrap {min-height: 250px;}

    .info-blocks-decor__text::after {width: 100%; height: 200px;}
    .info-blocks-decor__text {padding: 200px 20px 20px; text-align: center;}
    .info-blocks-decor__links a {margin: 5px;}
}

@media (max-width: 576px) {
    .col__x2,
    .col__x3,
    .col__x4 {width: 100%;}
}



.map__title {height: 50px; line-height: 1; font-size: 22px; padding: 15px 0 0 0; margin: 0; font-weight: 800;}
.map__title-wrap {background: #fff;}

.map__wrap {position: relative; height: 500px;}
#map {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.map-contacts {position: relative;}
.map-contacts__wrap {position: relative; height: 650px;}
.map-contacts__info {position: absolute; left: 40px; top: 90px; z-index: 10; padding: 38px 50px 0; width: 400px; height: 465px; background: #fff; border-radius: 5px;}

@media (max-width: 1200px) {
    .map-contacts__info {left: 20px;}
}

@media (max-width: 576px) {
    .map-contacts {background: #fff;}
    .map-contacts__info {position: static; padding: 0; width: auto; height: auto; border-radius: 0;}

    .map-contacts__wrap {height: 400px;}
}

.contacts-tabs {margin-bottom: 30px; text-align: left;}
.contacts-tabs__item {display: inline-block; margin-left: 37px; font-size: 26px; line-height: 24px; font-weight: 800; cursor: pointer;}
.contacts-tabs__item:first-child {margin-left: 0;}

.contacts-tabs__item.active {border-bottom: 2px solid #00b9ff;}

.contacts-tabs__title {display: none;}

@media (max-width: 576px) {
    .map-contacts__info {margin: 0; text-align: left; padding: 40px 0 0 0;}
    .map-contacts__info .tabs__box {margin-bottom: 40px;}
    .map-contacts__info .tabs:after {display: none;}

    .contacts-tabs__title {display: block; font-size: 26px; font-weight: 800; margin-bottom: 20px;}
}


.contacts__item {margin-bottom: 29px}
.contacts__item.shrt {margin-bottom: 23px}
.contacts__item:last-child {margin-bottom: 0}
.contacts__title {font-size: 12px; text-transform: uppercase; font-weight: 800; margin-bottom: 8px}
.contacts__text {font-size: 14px; line-height: 20px}
.contacts__text b {font-weight: 800;}
.contacts__icon {padding-left: 23px;}

.contacts__icon.icon-loc-blue {padding-left: 23px; background-position: 0 0;}
.contacts__icon.icon-time-blue {background-position: 0 3px;}
.contacts__icon.icon-phone-blue {background-position: 0 3px;}
.contacts__icon.icon-mail-blue {background-position: 0 5px;}

.contacts__hint {font-size: 12px; color: #648394;}
.contacts__phone,
.contacts__email {font-size: 18px; font-weight: 800;}

.contacts__email:hover {color: #00adff;}






.dilers {padding: 50px 0 100px;}

.dilers__title {margin-bottom: 45px;}
.dilers__count {font-size: 13px; color: #8a979d; margin-top: -27px;}

.dilers__table {width: 100%; font-size: 14px;}

.dilers__table th,
.dilers__table tr:nth-child(odd) td {background: #f4f9fb;}

.dilers__table th {text-align: left; height: 50px; padding: 0 30px; font-weight: 800; font-size: 12px; text-transform: uppercase;}
.dilers__table td {height: 80px; padding: 20px 30px; transition: 0.3s;}

.dilers__link {font-weight: 800; display: inline-block; padding-left: 20px; background-position: left center; white-space: nowrap;}
.dilers__link:hover {color: #00adff;}

.dilers__name {font-size: 16px; font-weight: 800;}
.dilers__type {color: #8a979d; font-size: 12px;}

.dilers b {font-weight: 800;}

.dilers-col__addr {line-height: 18px;}

.goto-map {cursor: pointer;}
.goto-map:hover td {background-color: #d9eff8 !important;}



@media (max-width: 992px) {
    .dilers__table td {padding: 20px 10px;}
}

@media (max-width: 760px) {
    .map {display: none;}

    .dilers {padding: 50px 0 0;}

    .dilers__table {margin: 0 -20px;}

    .dilers__table,
    .dilers__table thead,
    .dilers__table tbody,
    .dilers__table tr,
    .dilers__table td {display: block; width: auto; height: auto;}

    .dilers__table tr:first-child,
    .dilers__table th {display: none;}

    .dilers__table tr {padding: 20px 0;}
    .dilers__table td {padding: 0 20px; margin: 20px 0;}

    .dilers__table tr:nth-child(even) {background: #f4f9fb;}
    .dilers__table tr:nth-child(odd) td {background: none;}

    .dilers__name {font-size: 22px;}

}


.new-diler {padding-top: 125px; padding-bottom: 125px; display: table; width: 100%;}

.new-diler__info,
.new-diler__appl {display: table-cell; vertical-align: top;}

.new-diler__info {padding-right: 50px;}
.new-diler__appl {width: 394px; padding-top: 75px;}

.nd-info__wrap {max-width: 750px;}
.nd-info__text {font-size: 22px; line-height: 30px; margin-bottom: 45px;}

.nd-list {padding-bottom: 20px;}
.nd-list__item {margin-bottom: 40px; padding-left: 110px;}
.nd-list__title {color: #fff; font-weight: 800; font-size: 22px; margin-bottom: 6px;}
.nd-list__descr {font-size: 17px; line-height: 26px;}

.nd-contacts {max-width: 640px; font-size: 0;}
.nd-contacts__title {color: #fff; font-weight: bold; font-size: 17px; line-height: 22px; margin-bottom: 20px;}
.nd-contacts__item {display: inline-block; vertical-align: top; width: 50%; position: relative; padding: 3px 0 0 60px;}
.nd-contacts__item::after {content: ''; position: absolute; left: 0; top: 0; width: 42px; height: 42px; border: 2px solid #00b9ff; border-radius: 50%; box-sizing: border-box;}
.nd-contacts__lbl {font-size: 14px; margin-bottom: 3px;}
.nd-contacts__link {color: #fff; font-weight: bold; font-size: 20px}
.nd-contacts__link:hover {color: #00adff;}

.nd-contacts__phone::before,
.nd-contacts__mail::before {content: ''; position: absolute; top: 12px; left: 12px; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.nd-contacts__phone::before {background-image: url(/local/templates/binman_new/img/ico_phone.svg)}
.nd-contacts__mail::before {background-image: url(/local/templates/binman_new/img/ico_mail.svg)}


.ap-form {font-size: 0; margin: 0 -15px;}
.ap-form__title {text-align: center; font-size: 24px; line-height: 1; font-weight: 800; margin-bottom: 15px; color: #fff;}
.ap-form__field {margin-bottom: 20px; display: inline-block; vertical-align: middle; padding: 0 15px; width: 100%;}
.ap-form__buttons {text-align: center;}
.ap-form__submit {width: 202px; height: 46px; line-height: 48px; font-size: 14px;}

.ap-form__note {font-size: 12px; line-height: 15px; text-align: center; margin-bottom: 23px; color: #8796aa;}
.ap-form__note a {color: #fff;}
.ap-form__note a:hover {color: #00b9ff;}

.ap-form__el-text {height: 52px; padding: 0 90px 0 25px;}
.ap-form__el-textarea {height: 108px; padding: 25px; resize: none;}

.ap-form__msg {display: none; height: 42px; line-height: 44px; font-size: 12px; color: #8796aa; padding-left: 45px; margin-bottom: 15px; background-color: #242b35; background-position: 20px 12px; background-repeat: no-repeat; border-radius: 3px;}


.fel__wrap {position: relative; width: 100%; height: 54px; border: none; padding: 0 25px; text-align: left; border: 1px solid transparent; border-radius: 3px; background-color: #1e2229; background-position: right 23px center; background-repeat: no-repeat;}
.fel__wrap.focus {border: 1px solid #5b6c87;}

.fel__wrap-txa {height: 108px;}

.fel__placeholder {position: absolute; top: 18px; font-size: 14px; color: #8796aa; transition: 0.3s;}

.fel__text,
.fel__textarea {opacity: 0; position: absolute; top: 18px; left: 0; width: 100%; border: none; height: 32px; color: #fff; font-size: 14px; background: none; transition: 0.3s;}

.fel__text,
.fel__textarea {padding: 0 50px 0 25px;}
.fel__textarea {height: 54px; top: 34px; padding: 0 25px; font-size: 14px; line-height: 18px; resize: none;}

.fel__error {opacity: 0; color: #ff1919; font-size: 10px; line-height: 20px; position: absolute; top: 100%; left: 0;}

.fel__wrap.active .fel__placeholder {font-size: 12px; top: 10px;}
.fel__wrap.active .fel__text,
.fel__wrap.active .fel__textarea  {opacity: 1;}

.fel__wrap.error {border: 1px solid #a71414;}
.fel__wrap.error .fel__error {opacity: 1;}



.ap-form_light .fel__wrap {background-color: #e6ebf3;}
.ap-form_light .fel__wrap.focus {border: 1px solid #7fddc3;}

.ap-form_light .sc__title,
.ap-form_light .ap-form__note a,
.ap-form_light .fel__text,
.ap-form_light .fel__textarea {color: #29313c;}


.ap-form_white .fel__wrap {background-color: #fff;}
.ap-form_white .fel__wrap.focus {border: 1px solid #00b8ff;}

.ap-form_white .sc__title,
.ap-form_white .ap-form__note a,
.ap-form_white .fel__text,
.ap-form_white .fel__textarea {color: #29313c;}

.ap-form_white .ap-form__note a:hover {color: #00b8ff;}


.sc {position: absolute; right: 50px; top: 19px; padding-bottom: 12px;}
.sc__title {color: #fff; text-transform: uppercase; font-size: 14px; padding-right: 15px; cursor: pointer; background: url(/local/templates/binman_new/img/select_arrow.svg) right center no-repeat;}

.sc-list {display: none; position: absolute; z-index: 100; top: 100%; right: -70px; width: 220px; padding: 10px 0; background: #fff; border-radius: 3px;}
.sc-list:after {content: ''; position: absolute; bottom: 100%; right: 66px; border: solid transparent; height: 0; width: 0; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px;}
.sc-list__item {height: 32px; font-size: 14px; line-height: 32px; padding: 0 20px; color: #29313c; cursor: pointer;}
.sc-list__item:hover {background: #e6f0f5;}



@media (max-width: 1200px) {
    .new-diler__appl {width: 320px;}

    .nd-info__text {font-size: 18px;}
    .nd-list__descr {font-size: 15px;}
}

@media (max-width: 992px) {
    .new-diler {padding-top: 80px; padding-bottom: 80px; display: block; width: auto;}

    .new-diler__info,
    .new-diler__appl {display: block; width: auto; padding-right: 0;}
}

@media (max-width: 576px) {
    .nd-contacts__item {display: block; width: auto; margin: 30px 0;}

    .fel__wrap {padding: 0 10px;}

    .fel__text,
    .fel__textarea {padding: 0 50px 0 10px;}
    .fel__textarea {padding: 0 10px;}
}


.page-header {padding: 60px 0 30px;}
.page-header__title {margin: 0;}

.page-header-dark {display: table; width: 100%; background: #29313c; position: relative; overflow: hidden;}
.page-header-dark__wrap {height: 760px; display: table-cell; vertical-align: middle; position: relative; z-index: 10;}
.page-header-dark__cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.07;}

.page-header-dark__wrap_sm {height: 600px;}

.page-header-dark__map-wrap {height: 850px;}
.page-header-dark__map {background-size: contain; opacity: 1;}

.video-cover {opacity: 0.45; object-fit: cover;}
.video-border::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top: 90px solid rgba(41, 49, 60, 0.7); border-bottom: 90px solid rgba(41, 49, 60, 0.7); border-left: 280px solid rgba(41, 49, 60, 0.7); border-right: 280px solid rgba(41, 49, 60, 0.7);}

.video-border::before {content: ''; position: absolute; bottom: 140px; left: 50%; z-index: 10; margin-left: -15px; width: 30px; height: 92px; background: url(/local/templates/binman_new/img/mouse.png) center no-repeat;}


@media (max-width: 1800px) {
    .video-border::after {border-left: 180px solid rgba(41, 49, 60, 0.7); border-right: 180px solid rgba(41, 49, 60, 0.7);}
}

@media (max-width: 1600px) {
    .video-border::after {border: none; border-top: 90px solid rgba(41, 49, 60, 0.7);}
}

@media (max-width: 576px) {
    .video-border::before {display: none;}
}



.page-content {padding: 60px 0;}


@media (max-width: 992px) {
    .page-header-dark__wrap {height: auto; padding: 150px 0 80px 0;}
    .page-header-dark__wrap_sm {padding: 120px 0 50px 0;}
}



.about-header {text-align: center;}
.about-header__title {font-size: 150px; line-height: 1; color: #fff; letter-spacing: 40px;}
.about-header__sub-title {font-size: 28px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}


@media (max-width: 1600px) {
    .about-header__title {font-size: 100px; letter-spacing: 20px;}
}

@media (max-width: 992px) {
    .about-header__sub-title {font-size: 20px;}
    .about-header__title {font-size: 80px; letter-spacing: 10px;}
}

@media (max-width: 576px) {
    .about-header__sub-title {font-size: 18px; margin-bottom: 10px;}
    .about-header__title {font-size: 50px; letter-spacing: 5px;}
}

.about-stat {padding: 30px 0 0;}
.about-stat__val {display: inline-block; border-bottom: 3px solid #00b9ff; font-size: 80px; font-weight: 800; line-height: 92px; margin-bottom: 20px;}
.about-stat__lbl {color: #9db3d1; font-size: 18px; line-height: 26px;}

@media (max-width: 760px) {
    .about-stat > * {margin-bottom: 30px;}
    .about-stat__val {font-size: 60px; line-height: 72px;}
}

.academpark {height: 720px; position: relative; margin-top: 90px; margin-bottom: 90px;}
.academpark::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/local/templates/binman_new/img/academpark_photo.jpg) center no-repeat; background-size: cover; opacity: 0.2;}
.academpark .section__info-sm {color: #c7d5e7;}
.academpark__logo {margin-bottom: 15px;}
.academpark .academpark__wrap {display: table-cell; vertical-align: middle; height: 660px; position: relative; z-index: 1;}


@media (max-width: 1920px) {
    .academpark::after {background-size: contain;}
}

@media (max-width: 992px) {
    .academpark::after {background-size: cover;}
}

.team {font-size: 0; margin: 50px -15px 0;text-align: center;}
.team__item {width: 25%; padding: 0 15px; display: inline-block; vertical-align: top;}

.member__photo {margin-bottom: 15px;}
.member__photo img {max-width: 100%;}
.member__name {color: #fff; font-weight: 800; font-size: 22px; margin-bottom: 10px;}
.member__post {color: #9fafc3; font-size: 13px;}

@media (max-width: 576px) {
    .team__item {width: 50%; margin-bottom: 30px;}
    .member__name {font-size: 20px;}
}



.products__item {display: table; width: 100%; margin-bottom: 20px; padding-right: 75px;}
.products__wrap {display: table-cell; vertical-align: middle; height: 192px; padding: 20px 80px 20px 40px; position: relative; background: #2d394b;}
.products__title {color: #fff; font-size: 22px; line-height: 22px; font-weight: 800; margin-bottom: 10px; padding-right: 40px;}
.products__descr {color: #788aa2; font-size: 18px; line-height: 26px;}
.products__icon {position: absolute; top: 50%; right: -35px; margin-top: -35px; width: 70px; height: 70px; border-radius: 3px; background-color: #00c2ff; background-position: center; background-repeat: no-repeat;}


.icon-world-big {background-image: url(/local/templates/binman_new/img/ico_world_big.svg);}
.icon-rfid-big {background-image: url(/local/templates/binman_new/img/ico_rfid_big.svg);}
.icon-camera-big {background-image: url(/local/templates/binman_new/img/ico_camera_big.svg);}



@media (max-width: 992px) {
    .products {margin-bottom: 60px}
    .products__item {padding-right: 35px;}
}

@media (max-width: 576px) {
    .products__item {padding-right: 25px;}
    .products__wrap {padding: 20px 40px 20px 20px;}
    .products__title {padding-right: 0; font-size: 18px;}
    .products__descr {font-size: 16px; line-height: 1.5;}

    .products__icon {right: -25px; margin-top: -25px; width: 50px; height: 50px; background-size: 60%;}
}


.news-header {margin: 0 auto;  padding-bottom: 10px;}
.news-header__date {color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 25px;}
.news-header__title {color: #fff; text-align: left; margin-bottom: 18px;}
.news-header__descr {color: #becfdd; font-size: 22px; line-height: 30px;}

.news-footer {padding: 70px 0; text-align: center;}

@media (max-width: 576px) {
    .news-header__descr {font-size: 20px; line-height: 1.4;}
}


.share {margin-bottom: 35px; text-align: center;}
.share__title {margin-bottom: 12px;}


.filter {overflow: hidden; margin-bottom: 35px; padding-top: 15px;}
.filter__left {float: left;}
.filter__right {float: right;}

.filter__group  {border-radius: 4px; overflow: hidden; font-size: 0;}

.filter__button {width: auto; color: #29313c; background: #fff; border-radius: 0; margin-left: 1px; padding: 0 20px;}
.filter__button:first-child {margin-left: 0;}
.filter__button:hover {color: #00b1ff;}

.filter__button.active {color: #fff; background: #00b1ff;}

.icon-all {padding-left: 20px; position: relative; display: inline-block;}
.icon-all::after {content: ''; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 10px; border-top: 2px solid #29313c; border-bottom: 2px solid #29313c; box-sizing: border-box;}
.icon-all::before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 12px; height: 2px; border-top: 2px solid #29313c;}

.filter__button.active .icon-all::after,
.filter__button.active .icon-all::before {border-color: #fff;}

@media (max-width: 992px) {
    .filter__button {padding: 0 12px;}
}

@media (max-width: 760px) {
    .filter__left {float: none; margin-bottom: 15px;}
    .filter__right {float: none;}
}

@media (max-width: 576px) {
    .filter__group {display: table; width: 100%;}
    .filter__button {display: table-cell; vertical-align: middle; width: 1%; white-space: nowrap; padding: 0; font-size: 11px; letter-spacing: -0.3px; border-left: 1px solid #f4f9fb;}
    .filter__button:first-child {border-left: none;}
}

.news-list {margin: 0 -15px; font-size: 0;}
.news-list__item {display: inline-block; vertical-align: top; width: 33.33%; padding: 15px;}
.news-list__buttons {padding: 40px 0; text-align: center;}

.news {display: block; padding: 0 30px 30px; background: #fff;}
.news__date {line-height: 52px; height: 50px; font-weight: 800; font-size: 14px; padding-left: 20px; background: url(/local/templates/binman_new/img/ico_calend.svg) left center no-repeat;}
.news__photo {margin: 0 -30px 20px; overflow: hidden;}
.news__photo img {width: 100%; transition: 0.3s;}
.news__title {margin-bottom: 0; transition: 0.3s;}
.news__descr {font-size: 14px; line-height: 20px; margin-top: 10px;}

.news:hover .news__title {color: #00a0e2;}
.news:hover .news__photo img {transform: scale(1.05)}

@media (max-width: 992px) {
    .news-list__item {width: 50%;}
}

@media (max-width: 576px) {
    .news-list__item {width: 100%;}

    .news {display: block; padding: 0 20px 20px;}
    .news__photo {margin: 0 -20px 20px;}
}




.catalog-header {color: #fff;}
.catalog-header__title {height: 220px;}
.catalog-header__h1 {margin-bottom: 15px;}
.catalog-header__h3 {color: #9fafc3; font-size: 22px; line-height: 34px; max-width: 830px;}

.catalog-header__h2 {font-size: 38px; font-weight: bold; margin: 0 0 30px;}

.catalog-header__buttons {margin-bottom: 85px;}
.catalog-header__buttons .button {margin: 0 15px 15px 0;}
.catalog-header__buttons .button__white {color: #29313c;}
.catalog-header__buttons .button__white:hover {color: #fff;}

@media (max-width: 992px) {
    .catalog-header__title {height: auto; margin: 20px 0 40px;}
    .catalog-header__title:first-child {margin-top: 0;}
    .catalog-header__h2 {font-size: 30px;}
    .catalog-header__h3 {font-size: 20px; line-height: 28px;}
}

@media (max-width: 767px) {
    .catalog-header__h1 {font-size: 32px;}
    .catalog-header__h2 {font-size: 24px;}
    .catalog-header__h3 {font-size: 18px; line-height: 26px;}
}

.catalog {margin: 0 -15px; padding: 20px 0 0; overflow: hidden;}
.catalog__item {padding: 0 15px 30px; float: left; width: 33.33%;}

.poduct {position: relative; padding: 0 40px 32px; overflow: hidden; background: #fff;}
.poduct__photo {margin: 0 -40px 20px;}
.poduct__photo img {width: 100%}
.poduct__title {line-height: 1;}
.poduct__text {min-height: 230px;}
.poduct__descr p {max-width: 310px;}
.poduct__descr p,
.poduct__descr ul {font-size: 14px; line-height: 20px; margin-bottom: 15px;}
.poduct__price {line-height: 40px; font-weight: 800; font-size: 26px; float: left; margin-right: 20px;}
.poduct__button.sm {float: right; width: 115px;}

.poduct__buy {display: inline-block;}

.poduct.npd {padding: 0 0 32px;}
.poduct.npd .poduct__photo {margin: 0 0 20px;}

@media (max-width: 1280px) {
    .poduct {padding: 0 20px 25px;}
    .poduct__photo {margin: 0 -20px 20px;}
}

@media (max-width: 992px) {
    .catalog {margin: 0 -5px;}
    .catalog__item {padding: 0 5px 30px;}

    .poduct__text {min-height: 275px;}
    .poduct__title {font-size: 20px;}
    .poduct__price {float: none; margin-bottom: 10px; text-align: center;}
    .poduct__button.sm {float: none; display: block; margin: 0 auto;}
}

@media (max-width: 767px) {
    .catalog__item {width: 100%; margin-bottom: 30px;}

    .poduct__text {min-height: auto; padding-bottom: 15px;}

    .poduct__price {float: left; margin-bottom: 0;}
    .poduct__button.sm {float: right;}

    .poduct__descr p {max-width: 100%;}
}


.used-list {overflow: hidden; margin: -20px -50px -20px 0;}
.used-list__item {float: left; display: table; width: 25%; padding-right: 50px; margin: 20px 0;}
.used-list__icon,
.used-list__text {display: table-cell; vertical-align: middle;}
.used-list__icon {width: 50px;}
.used-list__icon img {display: block;}
.used-list__text {font-size: 14px; line-height: 18px;}


@media (max-width: 1280px) {
    .used-list {margin-right: -30px;}
    .used-list__item {padding-right: 30px;}

    .used-list__icon,
    .used-list__text {height: 60px;}
}


@media (max-width: 992px) {
    .used-list {margin-bottom: -20px;}
    .used-list__item {width: 50%; margin: 0;}
}

@media (max-width: 767px) {
    .used-list {margin-right: 0;}
    .used-list__item {width: 100%; padding-right: 0;}

    .used-list__icon,
    .used-list__text {padding-top: 10px; padding-bottom: 10px;}
}




.pdescr {display: table; width: 100%; padding-top: 80px;;}
.pdescr__ls,
.pdescr__rs {display: table-cell;}

.pdescr__ls {padding-right: 80px;}
.pdescr__rs {width: 400px;}

.pdescr h2 {font-size: 36px;}
.pdescr h3 {margin-bottom: 10px;}

.files-box {background: #fff;}
.files-box__title {padding: 25px 40px 20px; margin: 0;}

.file-list {}
.file-list__item {border-top: 1px solid #f4f9fb; padding: 20px 40px; background: #fff;}

.file {height: 40px; display: table-cell; vertical-align: middle; padding-left: 53px; line-height: 1.3;}
.file__name {font-size: 18px; font-weight: 800; transition: 0.3s;}
.file__size {font-size: 14px; color: #8a979d; transition: 0.3s;}
.file_pdf {background: url(/local/templates/binman_new/img/ico_pdf.png) left center no-repeat;}

.file:hover .file__name,
.file:hover .file__size {color: #00b9ff;}

@media (max-width: 1024px) {
    .pdescr__ls {padding-right: 40px;}
    .pdescr__rs {width: 360px;}

    .files-box__title {padding: 25px 20px 20px;}
    .file-list__item {padding: 20px;}
}

@media (max-width: 992px) {
    .pdescr {display: block; width: auto;}
    .pdescr__ls,
    .pdescr__rs {display: block;}

    .pdescr__rs {width: auto; margin: 40px 0;}
}


.tbl-param {font-size: 18px; max-width: 700px; margin-bottom: 25px;}
.tbl-param td {padding: 3px 0;}
.tbl-param__ttl {width: 80%;}
.tbl-param__val {font-weight: 800; white-space: nowrap;}

@media (max-width: 576px) {
    .tbl-param {font-size: 17px;}

    .tbl-param,
    .tbl-param thead,
    .tbl-param tbody,
    .tbl-param tr,
    .tbl-param td {display: block;}

    .tbl-param tr {padding: 5px 0;}
    .tbl-param td {padding: 0;}
    .tbl-param__ttl {width: auto;}
}


.product-card {overflow: hidden; padding-bottom: 100px;}


.product-card__gallery {float: left; width: 600px; position: relative;}
.product-card__text {margin-left: 660px; font-size: 18px;}

.product-card__descr {margin-bottom: 35px;}
.product-card__param {margin-bottom: 10px;}

.product-card__buy {padding: 30px 0;}
.product-card__price,
.product-card__order {display: inline-block; vertical-align: middle; margin-right: 20px;}
.product-card__price {font-size: 36px; font-weight: 800;}
.product-card__order {height: 46px; line-height: 46px; width: 132px; font-size: 14px;}



.product-slider {position: relative;}

.product-slider * {-webkit-tap-highlight-color: transparent;}

.product-slider__photo,
.product-slider__photo .slider,
.product-slider__item {height: 380px;}

.product-slider__photo {width: 500px; position: relative; overflow: hidden;}
.product-slider__photo img {max-width: 100%;}
.product-slider__item {width: 100%; position: relative;}
.product-slider__item > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}


.slider-thumbs {position: absolute; top: 0; right: 0; overflow: hidden;}
.slider-thumbs__item {display: block; width: 89px; height: 68px; transition: 0.3s; margin-bottom: 10px; opacity: 0.5;}
.slider-thumbs__item.active {opacity: 1;}
.slider-thumbs__img {width: 100%;}

.slider-nav {position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 3px; border: none; z-index: 100; background-color: rgba(30, 34, 41, 0.5); background-repeat: no-repeat; background-position: center; transition: 0.3s;}
.slider-nav:hover {background-color: rgba(30, 34, 41, 1);}
.slider-nav.prev {left: 15px; background-image: url(/local/templates/binman_new/img/nav_arrow_left.svg);}
.slider-nav.next {right: 15px; background-image: url(/local/templates/binman_new/img/nav_arrow_right.svg);}

.catalog-slider {height: 280px; overflow: hidden; position: relative;}
.catalog-slider .item {height: 280px;}



@media (max-width: 1024px) {
    .product-card__text {margin-left: 640px;}
}

@media (max-width: 992px) {
    .product-card {padding-bottom: 50px;}

    .product-card__gallery {float: none; width: auto;}
    .product-card__text {margin-left: 0;}
}

@media (max-width: 576px) {
    .product-slider__photo {width: auto;}

    .slider-thumbs {position: static; text-align: center; margin-bottom: 20px; }
    .slider-thumbs__item {display: inline-block; margin: 5px; height: auto; width: 60px;}

    .product-slider__photo,
    .product-slider__photo .slider,
    .product-slider__item {height: 300px;}
}

@media (max-width: 320px) {
    .slider-thumbs__item {width: 50px;}
}


.dark-box {background-color: #232a34; border-radius: 4px; padding: 55px 75px 70px 75px;}
.dark-box-sm {background-color: #232a34; border-radius: 4px; padding: 40px 55px;}

.service-info-box {display: table; width: 100%; position: relative; margin-top: 40px;}
.service-info-box::after {content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 30px; margin-left: -15px; background: #232a34;}
.service-info-box__col {display: table-cell; width: 50%; background: #29313c;}

.service-info {padding: 30px 60px;}
.service-info__title {font-size: 36px; font-weight: 800; line-height: 1.1; margin-bottom: 15px;}
.service-info__subtitle {font-size: 18px; line-height: 26px; color: #9fafc3;}

.service-params__item {padding: 4px 0 4px 80px; margin: 35px 0; position: relative;}
.service-params__title {font-size: 22px; line-height: 1.2; font-weight: 800;}
.service-params__descr {font-size: 14px; line-height: 20px; color: #9fafc3; margin: 8px 0;}
.service-params__more {display: inline-block; font-weight: 800; text-transform: uppercase; font-size: 14px; border-bottom: 2px solid;}
.service-params__more:hover {border-color: transparent;}

.service-params__item::after {content: ''; position: absolute; left: 0; top: 0; width: 60px; height: 60px; background-color: #252d38; background-repeat: no-repeat; background-position: center; border-radius: 3px;}

.service-params__item.icon-round {padding-left: 70px;}
.service-params__item.icon-round::after {border-radius: 50%;}

@media (max-width: 1024px) {
    .dark-box {padding: 40px 30px;}
    .dark-box-sm {padding: 40px 30px;}
    .service-info {padding: 30px 40px;}
}

@media (max-width: 992px) {
    .dark-box-sm,
    .dark-box {margin: 0 -20px; padding: 40px 20px;}
    .service-info-box {display: block; width: auto;}
    .service-info-box::after {display: none;}
    .service-info-box__col {display: block; width: auto; margin: 30px 0;}
}

@media (max-width: 576px) {
    .service-info {padding: 30px 20px;}
    .service-info-box__col {margin: 20px -20px;}
}


.service-slider {margin: -50px -50px 50px; padding-bottom: 50px; overflow: hidden; position: relative;}
.service-slider,
.service-slider .slider,
.service-slider .iosSlider,
.service-slider__item {height: 610px;}

.service-slider__item {width: 100%;}

.service-sldr-card {display: table; width: 100%; padding: 0 50px}
.service-sldr-card__text,
.service-sldr-card__photo {display: table-cell; vertical-align: top; height: 560px;}

.service-sldr-card__text {padding: 60px 80px 0 0;}
.service-sldr-card__photo {padding-top: 50px; text-align: right;}

.service-sldr-card__title {color: #fff; font-weight: 800; font-size: 36px; margin-bottom: 10px;}
.service-sldr-card__descr {color: #9fafc3; font-size: 18px; line-height: 26px;}

.service-sldr-card__photo img {box-shadow: 0 2px 50px rgba(0, 0, 0, 0.5); border-radius: 3px;}

.service-slider .spnav {bottom: 0;}


.service-slider__nav {position: absolute; bottom: 90px; left: 30px; width: 120px;}
.service-slider__nav .slider-nav {top: 0; margin: 0; background-color: #00b0ff;}

@media (max-width: 1280px) {
    .service-slider,
    .service-slider .slider,
    .service-slider .iosSlider,
    .service-slider__item {height: 580px;}


    .service-slider {margin-bottom: 30px;}
    .service-sldr-card__text {width: 40%; padding-right: 40px;}
    .service-sldr-card__photo img {max-width: 100%;}
}

@media (max-width: 992px) {
    .service-slider {margin-top: 0;}
    .service-slider,
    .service-slider .slider,
    .service-slider .iosSlider,
    .service-slider__item {height: 680px;}

    .service-sldr-card,
    .service-sldr-card__text,
    .service-sldr-card__photo {display: block; height: auto;}

    .service-sldr-card__photo {padding-top: 0;}
    .service-sldr-card__text {padding: 0; margin-bottom: 40px; width: auto;}

    .service-slider__nav {display: none;}
}


@media (max-width: 576px) {
    .service-slider,
    .service-slider .slider,
    .service-slider .iosSlider,
    .service-slider__item {height: 520px;}

    .service-sldr-card__title {font-size: 26px;}
    .service-sldr-card__descr {font-size: 17px; line-height: 24px;}
}



/* help page  */

.warning-box {margin-bottom: 100px; padding: 25px 50px 25px 125px; border-radius: 4px; overflow: hidden; background-image: url(/local/templates/binman_new/img/ico_warning.svg); background-repeat: no-repeat; background-position: 40px center;}
.warning-box__title {margin-bottom: 7px;}
.warning-box__text {font-size: 14px; line-height: 20px;}

@media (max-width: 576px) {
    .warning-box {margin-bottom: 100px; padding: 125px 20px 30px; background-position: center 40px;}
}



.faq {margin-bottom: 105px; border-bottom: 1px solid #f4f9fb; border-radius: 4px; overflow: hidden;}
.faq__part {margin-bottom: 1px;  background-color: #f4f9fb;}
.faq__part-title {font-size: 26px; height: 70px; line-height: 70px; font-weight: 800; padding-left: 40px; cursor: pointer; position: relative;}
.faq__part-title::after {content: ''; position: absolute; right: 30px; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: url(/local/templates/binman_new/img/chevron-down.svg) #fff center no-repeat;  border-radius: 50%;}
.faq__part-title.open::after {background-image: url(/local/templates/binman_new/img/chevron-up.svg);}
.faq__list {display: none; padding: 0 1px;}
.faq__item {margin-bottom: 1px; padding: 21px 0 22px 40px; background-color: #fff;}
.faq__title {font-size: 22px; font-weight: 800; cursor: pointer; padding-right: 110px; position: relative;}
.faq__title::after {content: ''; position: absolute; right: 30px; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: url(/local/templates/binman_new/img/chevron-down.svg) #f4f9fb center no-repeat;  border-radius: 50%;}
.faq__title.open::after {background-image: url(/local/templates/binman_new/img/chevron-up.svg);}
.faq__answer {display: none; font-size: 16px; line-height: 24px; padding: 8px 110px 0 0;}


@media (max-width: 1024px) {
    .faq__part-title {padding-left: 20px; padding-right: 70px;}
    .faq__item {padding: 21px 0 22px 20px;}
    .faq__part-title::after,
    .faq__title::after {right: 20px;}
    .faq__answer {padding: 8px 70px 0 0;}
}

@media (max-width: 576px) {
    .faq {margin: 0 -20px 105px; border-radius: 0;}
    .faq__part-title {font-size: 22px;}
    .faq__title {font-size: 20px;}
}


.feedback-wrap {display: table; width: 100%; }
.feedback-form,
.feedback-contacts {display: table-cell; padding: 40px 55px 70px;}

.feedback-form {border-right: 2px solid #fff}

.feedback-contacts {width: 425px;}
.feedback-contacts__item  {margin-bottom: 25px; padding-left: 60px; position: relative; padding-top: 5px;}
.feedback-contacts__lbl {font-size: 14px; color: #a4b1c3; margin-bottom: 2px;}
.feedback-contacts__link {font-weight: 800; font-size: 20px;}
.feedback-contacts__link a:hover {color: #00b9ff;}
.feedback-contacts__more {padding-top: 10px;}


@media (max-width: 1024px) {
    .feedback-form,
    .feedback-contacts {display: table-cell; padding: 40px 35px 50px;}

    .feedback-contacts {width: 320px;}
}


@media (max-width: 992px) {
    .feedback-wrap {display: block; width: auto;}
    .feedback-form,
    .feedback-contacts {display: block; width: auto; border-bottom: 2px solid #fff;}
}

@media (max-width: 576px) {
    .feedback-form,
    .feedback-contacts {padding: 30px 20px 40px;}
}



.num-el {position: relative; padding-left: 32px;}
.num-el__num {position: absolute; top: 7px; left: 0; font-size: 36px; font-weight: 800; color: #00adff;}



.info-box {padding: 20px 30px 30px 30px; border: none;}
.info-box__title {padding: 5px 0; margin-bottom: 15px; padding-left: 55px;}
.info-box__text {font-size: 14px; line-height: 20px; margin-bottom: 20px;}
.info-box__text:last-child {margin-bottom: 0;}
.info-box__button {width: 100%;}

.icon-info-w {background: url(/local/templates/binman_new/img/ico_warning_blue.svg) left center no-repeat;}
.icon-info-q {background: url(/local/templates/binman_new/img/ico_question_blue.svg) left center no-repeat;}


/* footer */


footer {position: relative; background: #29313d;}

.footer__wrap {min-height: 450px; padding: 80px 0; color: #fff; overflow: hidden;}

.footer-info {position: absolute; top: 0; width: 300px; padding-top: 5px;}

.footer-info__logo {margin-bottom: 40px;}
.footer-info__slogan {margin-bottom: 20px; font-size: 11px; line-height: 15px; color: #8796aa;}

.footer-info__nav-item {font-size: 12px; color: #fff; margin-bottom: 7px;}
.footer-info__nav-item a:hover {color: #00b4ff;}

.footer-menu {margin-left: 320px;}

.footer-menu__wrap {display: table; width: 100%;}
.footer-menu__col {display: table-cell; vertical-align: top; width: 1%; white-space: nowrap; padding-right: 40px;}
.footer-menu__col:last-child {padding-right: 0; width: 0.1%;}

.footer-menu__title {text-transform: uppercase; font-size: 13px; font-weight: bold; color: #8796aa; margin-bottom: 35px; white-space: normal; letter-spacing: 0.4px;}
.footer-menu__item {font-size: 14px; color: #fff; margin-bottom: 20px; white-space: normal;}
.footer-menu__item a:hover {color: #00b4ff;}

.footer-contact {width: 200px;}
.footer-contact__item {padding-left: 24px; margin-bottom: 18px; background-position: 0 3px;}
.footer-contact__link {font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 3px; letter-spacing: 0.4px;}
.footer-contact__hint {font-size: 11px; color: #8796aa;}
.footer-contact__addr {font-size: 11px; line-height: 15px; color: #fff; white-space: normal;}


.footer-search {position: relative; margin-bottom: 40px; cursor: pointer;}
.footer-search__text {width: 100%; height: 44px; border-radius: 4px; border: none; color: #fff; font-size: 13px; padding: 0 40px 0 22px; background-color: #232a35; transition: 0.3s;}
.footer-search__submit {position: absolute; right: 22px; top: 50%; margin-top: -8px; width: 16px; height: 16px; border: none; background: url(/local/templates/binman_new/img/ico_search_blue.svg) center no-repeat;}


.footer-search__text::-webkit-input-placeholder {opacity: 1; color: #8c95a3;}
.footer-search__text::-moz-placeholder {opacity: 1; color: #8c95a3;}
.footer-search__text:-ms-input-placeholder {opacity: 1; color: #8c95a3;}





.footer__bottom {padding: 24px 0 23px; background: #232a35;}
.footer__copyright {font-size: 11px; color: #8796aa;}


@media (max-width: 992px) {
    .footer__wrap {min-height: 0; padding: 40px 0;}
    .footer-info {position: static; width: auto; text-align: center; padding-top: 20px;}
    .footer-info__nav-item {display: inline-block; margin-right: 15px;}
    .footer-menu {margin-left: 0; display: none;}
    .footer__copyright {text-align: center;}
}




/* plugins */


/* support class style */

.clear {clear: both; float: none !important;}

.cf:before,
.cf:after {content: " "; /* 1 */ display: table; /* 2 */}
.cf:after {clear: both;}

.disp_none {display: none;}

.middle_box > * {display: inline-block; vertical-align: middle;}

.row {font-size: 0; margin: 0 -15px;}
.row > * {display: inline-block; vertical-align: top; padding: 0 15px; font-size: initial;}


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 24.99%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.65%;}
.col-6 {width: 50%;}
.col-7 {width: 58.31%;}
.col-8 {width: 66.64%;}
.col-9 {width: 33.33%;}
.col-10 {width: 74.97%;}
.col-11 {width: 91.63%;}
.col-12 {width: 100%;}

@media (max-width: 992px) {
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 24.99%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.65%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.31%;}
    .col-lg-8 {width: 66.64%;}
    .col-lg-9 {width: 33.33%;}
    .col-lg-10 {width: 74.97%;}
    .col-lg-11 {width: 91.63%;}
    .col-lg-12 {width: 100%;}
}

@media (max-width: 767px) {
    .col-md-1 {width: 8.33%;}
    .col-md-2 {width: 16.66%;}
    .col-md-3 {width: 24.99%;}
    .col-md-4 {width: 33.33%;}
    .col-md-5 {width: 41.65%;}
    .col-md-6 {width: 50%;}
    .col-md-7 {width: 58.31%;}
    .col-md-8 {width: 66.64%;}
    .col-md-9 {width: 33.33%;}
    .col-md-10 {width: 74.97%;}
    .col-md-11 {width: 91.63%;}
    .col-md-12 {width: 100%;}
}

@media (max-width: 576px) {
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 24.99%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.65%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.31%;}
    .col-xs-8 {width: 66.64%;}
    .col-xs-9 {width: 33.33%;}
    .col-xs-10 {width: 74.97%;}
    .col-xs-11 {width: 91.63%;}
    .col-xs-12 {width: 100%;}
}