.owl-dots {
    text-align: center;
    margin-bottom: 1.25rem
}

.owl-dots .owl-dot {
    background: #e5e5e5!important;
    border-radius: 100%;
    width: .75rem;
    height: .75rem;
    margin: 0 .3125rem
}

.owl-dots .owl-dot.active {
    background: #0089c4!important
}

body {background: linear-gradient(0deg,#fff 0,#eef1f8 100%);}

.background--blue {
    background: #0089c4;
    color: #fff
}

.background--orange {
    background: #ff7a00
}

.background--gray {
    background: #e5e5e5;
    color: #000
}

.background--gray svg {
    color: #909090
}

.background--green {
    background: #093
}

input,textarea {
    border-radius: .3125rem;
    min-height: 2.5rem;
    padding: .3125rem .625rem;
    border: .0625rem solid #e5e5e5!important
}

input.error,textarea.error {
    border-color: brown!important
}

.icon-minus {
    width: .875rem;
    height: .25rem
}

.icon-plus {
    width: .8125rem;
    height: .8125rem
}

.icon-location {
    width: 1.125rem;
    height: 1.5rem
}

.icon-location--mini {
    width: .9375rem;
    height: 1.25rem
}

.icon-phone {
    width: 1.5rem;
    height: 1.5rem
}

.icon-cart {
    width: 1.5rem;
    height: 1.375rem
}

.icon-search {
    width: 1.5rem;
    height: 1.5rem
}

.icon-star {
    width: 3rem;
    height: 3rem
}

.icon-tocart {
    width: 2.25rem;
    height: 1.6875rem
}

.icon-tank {
    width: 4.0625rem;
    height: 4.0625rem
}

.icon-arrow {
    width: 4.625rem;
    height: 3.25rem
}

.icon-box {
    width: 6.25rem;
    height: 6.25rem
}

.icon-percent {
    width: 4.75rem;
    height: 4.125rem
}

.icon-truck--mini {
    width: 1.375rem;
    height: 1.125rem
}

.icon-close {
    width: .75rem;
    height: .75rem
}

.icon-telegram,.icon-vk,.icon-whatsapp {
    width: 1.5rem;
    height: 1.5rem
}

.icon-email {
    width: 1.5rem;
    height: 1rem
}

.icon-arrow--down {
    width: 1rem;
    height: .75rem
}

.icon-check {
    width: .9375rem;
    height: .5625rem
}

.icon-pdf {
    width: 2rem;
    height: 2rem
}

.whatsappi {position:fixed; right: 24px; bottom: 24px; z-index: 200;}
.whatsappi a {display: block;}

.list-style-none {
    list-style: none;
    padding-left: 0;
    margin: 0
}

ul.list-styled {
    list-style: none;
    padding-left: 0;
    margin: 0
}

ul.list-styled li {
    position: relative;
    padding-left: 1.25rem
}

ul.list-styled li:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/check.svg);
    width: .75rem;
    height: .5625rem;
    top: .25rem;
    left: 0;
    background-size: 100%
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0089c4;
    border-radius: .3125rem;
    border: .0625rem solid #0089c4;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700;
    padding: 0 1.2rem;
}

.btn--blue {
    background: #0089c4;
    color: #fff
}

.btn--blue:hover {
    background: #fff;
    color: #0089c4
}

.btn--transparent {
    color: #0089c4
}

.btn--transparent:hover {
    background: #0089c4;
    color: #fff
}

.btn--white {
    background: #fff;
    color: #0089c4;
    border-color: #fff
}

.btn--white:hover {
    opacity: .7
}

.btn--green {
    background: #093;
    color: #fff;
    border-color: #093
}

.btn--green:hover {
    background: 0 0;
    color: #093
}

.btn--green.btn--transparent {
    background: 0 0;
    color: #093
}

.btn--green.btn--transparent:hover {
    background: #093;
    color: #fff
}



.btn--red {background: #b30; border:none; color: #fff; padding:10px 20px;}
.btn--red:hover {background: rgb(173, 0, 0); color: #fff;}

.promocode {background-color: #fc0; background-position: center bottom; background-size: contain; background-repeat: no-repeat; color:#111; padding: 20px 0;}
.promo-title {font-size: 20px; font-weight: 700; margin-bottom: 5px;}

@media screen and (max-width: 767px) {
    .promocode {padding: 70px 0;}
}

.btn--lg {
    height: 3rem;
    width: 16.875rem;
    max-width: 100%
}

.checkbox--blue {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkbox--blue i {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: .3125rem;
    border: .125rem solid #00acec;
    top: .125rem
}

.checkbox--blue input {
    display: none
}

.checkbox--blue input:checked+i {
    background: url(../img/checkbox.svg) center!important
}

.checkbox--blue label {
    margin-left: .625rem
}

.checkbox-block {
    margin-bottom: .3125rem
}

.checkbox-block [type=checkbox] {
    position: absolute;
    left: -624.9375rem
}

.checkbox-block [type=checkbox]+label {
    color: #0089c4;
    padding: .3125rem .625rem;
    line-height: 1;
    border-radius: .375rem;
    font-weight: 500;
    font-size: 1.25rem;
    cursor: pointer
}

.checkbox-block [type=checkbox]:checked+label {
    color: #fff;
    background: #0089c4
}

.checkbox [type=checkbox],.checkbox [type=radio],.radio [type=checkbox],.radio [type=radio] {
    position: absolute;
    left: -624.9375rem
}

.checkbox [type=checkbox]+label,.checkbox [type=radio]+label,.radio [type=checkbox]+label,.radio [type=radio]+label {
    position: relative;
    padding-left: 1.875rem;
    cursor: pointer;
    margin-bottom: .125rem;
    display: inline-block;
    font-size: 1rem
}

.checkbox [type=checkbox]+label:before,.checkbox [type=radio]+label:before,.radio [type=checkbox]+label:before,.radio [type=radio]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.375rem;
    height: 1.375rem;
    border: .125rem solid #858585;
    background: #fff;
    border-radius: 1.25rem
}

@media screen and (max-width: 767px) {
    .checkbox [type=checkbox]+label:before,.checkbox [type=radio]+label:before,.radio [type=checkbox]+label:before,.radio [type=radio]+label:before {
        width:1rem;
        height: 1rem
    }
}

.checkbox [type=checkbox]+label:after,.checkbox [type=radio]+label:after,.radio [type=checkbox]+label:after,.radio [type=radio]+label:after {
    content: "•";
    position: absolute;
    top: .0625rem;
    left: .3125rem;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #858585
}

.checkbox [type=checkbox]:not(:checked)+label:after,.checkbox [type=radio]:not(:checked)+label:after,.radio [type=checkbox]:not(:checked)+label:after,.radio [type=radio]:not(:checked)+label:after {
    opacity: 0
}

.checkbox [type=checkbox]:checked+label:after,.checkbox [type=radio]:checked+label:after,.radio [type=checkbox]:checked+label:after,.radio [type=radio]:checked+label:after {
    opacity: 1;
    font-size: 4.0625rem;
    line-height: 0;
    top: .375rem;
    bottom: 0;
    left: .0938rem;
    right: 0;
    margin: auto
}

@media screen and (max-width: 767px) {
    .checkbox [type=checkbox]:checked+label:after,.checkbox [type=radio]:checked+label:after,.radio [type=checkbox]:checked+label:after,.radio [type=radio]:checked+label:after {
        font-size:3.0625rem;
        top: .3rem;
        left: .048rem
    }
}

.checkbox [type=checkbox]:disabled+label,.checkbox [type=radio]:disabled+label,.radio [type=checkbox]:disabled+label,.radio [type=radio]:disabled+label {
    color: #aaa
}

.checkbox [type=checkbox]:disabled+label:before,.checkbox [type=radio]:disabled+label:before,.radio [type=checkbox]:disabled+label:before,.radio [type=radio]:disabled+label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #999;
    background-color: #ddd
}

.checkbox [type=checkbox]:disabled:checked+label:after,.checkbox [type=radio]:disabled:checked+label:after,.radio [type=checkbox]:disabled:checked+label:after,.radio [type=radio]:disabled:checked+label:after {
    color: #999
}

.checkbox [type=checkbox]+label {
    line-height: 120%
}

.checkbox [type=checkbox]+label:before {
    border-radius: .1875rem;
    border-color: #858585;
    width: 1rem;
    height: 1rem;
    top: .25rem;
    left: 0
}

.checkbox [type=checkbox]+label:after {
    content: "■";
    top: .6875rem!important;
    font-size: 1.1875rem!important;
    left: .125rem!important
}

.title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 120%;
    margin-bottom: 1.75rem;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .title {
        text-align:center;
        font-size: 1.375rem
    }
}

h1.title {
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 120%
}

@media screen and (max-width: 767px) {
    h1.title {
        font-size:1.5rem
    }
}

.text {
    font-weight: 400;
    font-size: 2rem;
    line-height: 140%;
    color: #000;
    margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
    .text {
        font-size:1.3rem;
        text-align: center
    }
}

.header {
    color: #fff;
    padding: 1.25rem 0 2.25rem
}

@media screen and (max-width: 767px) {
    .header {
        padding:.4375rem 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 90;
        background: #fff
    }
}

.header__burger span {
    width: 1.5rem;
    height: .25rem;
    margin-bottom: .3125rem;
    background: #0089c4;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header__burger span:last-child {
    margin-bottom: 0
}

.header__burger.active span {
    position: relative
}

.header__burger.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: .25rem 0;
    -ms-transform-origin: .25rem 0;
    transform-origin: .25rem 0;
    width: 1.875rem;
    top: .125rem
}

.header__burger.active span:nth-child(2) {
    opacity: 0
}

.header__burger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 .125rem;
    -ms-transform-origin: 0 .125rem;
    transform-origin: 0 .125rem;
    width: 1.875rem;
    top: .125rem
}


li.toggleIt span.toggler {display: block; border-radius: 12px; position: absolute; border: solid 1px #555; background: rgba(0,0,0,.2); font-size:20px; color:#999; width: 20px; line-height: 20px; text-align: center; height: 20px; right:5px; top:7px; cursor: pointer; background:url(../img/toggler-arr.svg) center 6px no-repeat;}
li.toggleIt span.toggler.open {background-position: center -20px;}

@media screen and (max-width: 767px) {
    .header__logo img {
        margin:auto;
        display: block;
        width: 7.8125rem
    }
}

.header__location {
    font-size: 1.125rem
}

.header__location span {
    margin-left: .625rem
}

.header__controls-phone span {
    margin-left: .5rem;
    font-size: 1rem;
    color: #333;
    white-space: nowrap;
}

.header__controls-phone .btn {font-size: 0.875rem;}

.header__controls-call .btn {
    width: 10.8125rem;
    border-radius: .3125rem;
    height: 2.25rem;
    font-weight: 400;
    max-width: 100%
}

.header__controls-cart a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #093;
    color: #fff;
    height: 2.25rem;
    border-radius: .3125rem;
    width: 9.625rem;
    max-width: 100%;
    position: relative;
    border: .0625rem solid #093;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width: 767px) {
    .header__controls-cart a {
        width:3.125rem
    }
}

.header__controls-cart a span {
    margin-left: 1.0625rem
}

@media screen and (max-width: 767px) {
    .header__controls-cart a span {
        display:none
    }
}

.header__controls-cart a i {
    position: absolute;
    top: .25rem;
    left: 1.9625rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    border: .0625rem solid #fff;
    font-weight: 700;
    font-size: .6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    text-align: center;
    background: #093;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header__controls-cart a:hover {
    background: #fff;
    color: #093;
    border-color: #093
}

.header__controls-cart a:hover i {
    color: #fff
}

.header__controls-cart .full div {
    display: block
}

@media screen and (max-width: 767px) {
    .header__controls-cart .full div {
        display:none!important
    }
}

.header__controls-cart .full i {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.nav {
    margin-bottom: 1.5rem
}

@media screen and (max-width: 767px) {
    .nav {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        bottom:0;
        background: #f5f5f5;
        margin-top: 3.4375rem;
        margin-bottom: 0;
        padding: 1.5625rem 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 99;
        left: -100%;
        overflow-y: auto;
    }

    .nav.active {
        left: 0
    }
}

.nav__container ul li {
    font-weight: 700
}

.nav__container ul li {
    position: relative;
}



.nav__container ul ul li a {
    text-align: left;
    padding: .4rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    display: block;
}


.nav__container ul ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 24rem;
    background: #fff;
    border-radius: .5rem;
    display: none;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}



.nav__container ul li.toggleIt ul {position:static; padding:.5rem 0; margin:.5rem 30px .5rem 0;}

.nav__container ul li a {text-transform:uppercase; font-size:1rem; font-weight: 500;}
.nav__container li.img-link {display:flex;}
.nav__container li.img-link a {display:flex; align-items: center; flex-grow: 1;}
.nav__container li.img-link a .img  {margin-right: 10px;}
.nav__container li.img-link a .img img  {border-radius: 10px;}

.nav__container ul li.active ul li a {
    background: #fff;
    color: #0089c4;
}
.nav__container ul li.active ul li:hover a, .nav__container ul li.active ul li.active a {
    background: #0089c4;
    color: #fff;
}
.nav__container ul li:hover ul {
    display: block;
}

@media screen and (max-width: 767px) {
    .nav__container ul li {
        margin-bottom:1.25rem
    }

    .nav__container ul li:last-child {
        margin-bottom: 0
    }
    .nav__container ul ul {
        width: auto;
        max-width: 100%;
        display: none;
    }

    .nav__container ul li:hover ul {display: none;}
    .nav__container ul li:hover ul.openme,
    .nav__container ul ul.openme {display: block;}
}

.nav__container ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem .4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;

    border-radius: 5px;
    color: #0089c4;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .95rem
}

.nav__container > ul > li > a {
    font-weight: 700;
}

.nav__container ul li a:hover {
    background: #00acec;
    color: #fff
}

@media screen and (max-width: 767px) {
    .nav__container ul li a {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: 30px;
    }

    .nav__container ul ul li a {
        padding:.2rem 1rem;
    }
}

.nav__container ul li.active a {
    color: #fff;
    background: #0089c4
}

.nav__location a span {
    margin-left: .625rem;
    font-size: 1.125rem
}

@media screen and (max-width: 767px) {
    .nav__location {
        margin-bottom:1.25rem
    }
}

.nav__search {
    position: relative
}

@media screen and (max-width: 767px) {
    .nav__search {
        margin-bottom:2.25rem
    }
}

.nav__search input {
    width: 100%
}

.nav__search button {
    position: absolute;
    border: none;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: 0 0;
    color: #00a2d4
}

.nav__phone {
    margin-top: 2.1875rem
}

.nav__phone span {
    margin-left: .5rem;
    font-size: 1.375rem;
    color: #333
}

.nav__email {
    margin-top: .5rem
}

.nav__email a {
    color: #858585;
    font-size: .875rem
}

.nav__call {
    margin-top: 1rem
}

.nav__call .btn {
    width: 10.8125rem;
    border-radius: .3125rem;
    height: 2.25rem;
    font-weight: 400;
    max-width: 100%
}

.footer {
    background: #121212;
    padding: 2.5rem 0 2.1875rem;
    color: #fff
}

.footer__logo div {
    margin-top: 1.625rem;
    color: #fff;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .footer__logo {
        text-align:center
    }

    .footer__logo img {
        margin: auto
    }
}

.footer__nav {
    margin-top: 1.375rem;
    padding-left: 1.875rem
}

@media screen and (max-width: 767px) {
    .footer__nav {
        padding-left:0
    }
}

.footer__nav ul li {
    margin-bottom: .9375rem
}

.footer__nav ul li:last-child {
    margin-bottom: 0
}

.footer__nav ul li a {
    color: #00acec;
    font-weight: 700;
    font-size: .875rem
}

.footer__nav ul li a:hover {
    color: #fff
}

.footer__social {
    margin-top: 2.5rem;
    padding-left: 1.875rem
}

@media screen and (max-width: 767px) {
    .footer__social {
        padding-left:0
    }
}

.footer__social a {
    color: #fff;
    margin-right: .625rem
}

.footer__social a:last-child {
    margin-right: 0
}

.footer__factory {
    padding-left: 1.25rem;
    margin-top: 1.375rem
}

@media screen and (max-width: 767px) {
    .footer__factory {
        padding-left:0;
        margin-top: 2.875rem
    }
}

.footer__factory-title {
    font-weight: 500;
    margin-bottom: .625rem
}

.footer__factory-phone {
    margin-bottom: .6875rem
}

.footer__factory-phone a {
    font-weight: 700;
    font-size: 1.125rem;
    color: #00acec
}

.footer__factory-phone a:hover {
    color: #fff
}

.footer__factory-address {
    font-weight: 500;
    font-size: .875rem;
    margin-bottom: .6875rem;
    color: #858585;
    line-height: 1.0625rem
}

.footer__factory-map a {
    font-weight: 500;
    font-size: .875rem;
    color: #00acec
}

.footer__factory-map a:hover {
    color: #fff
}

.footer__contacts {
    margin-top: 2.5rem;
    padding-left: 1.25rem
}

@media screen and (max-width: 767px) {
    .footer__contacts {
        padding-left:0
    }
}

.footer__contacts-email span {
    margin-left: .625rem;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.footer__contacts-email:hover span {
    color: #00acec
}

.footer__contacts-call .btn {
    width: 12.0625rem;
    max-width: 100%;
    color: #fff
}

@media screen and (max-width: 767px) {
    .footer__contacts-call {
        margin-top:1.25rem
    }
}

.footer__copy {
    margin-top: 2.8125rem
}

.footer__copy a {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.0625rem;
    color: #909090
}

.footer__copy a:hover {
    color: #fff
}

.modal {
    max-width: 100%;
    width: 37.5rem;
    display: none;
    border-radius: .625rem;
    padding: 1.5625rem
}

.modal__footer-call {
    text-align: center
}

.modal__footer-call_title {
    font-weight: 500
}

.modal__footer-call_phone {
    font-weight: 700;
    margin-top: .3125rem;
    font-size: 1.125rem;
    line-height: 120%
}

.modal__footer-call_share {
    margin-top: .9375rem
}

.modal__footer-call_share .icon {
    width: 2rem;
    height: 2rem
}

.modal__title {
    font-weight: 700;
    font-size: 1.5rem
}

.modal__content {
    margin-top: 1.25rem
}

.modal__call {
    width: 17.5rem
}

.modal__thanks {
    width: 18.75rem
}

.modal__text {
    width: 50rem;
    padding: 0;
    border-radius: .625rem
}

.modal__text .modal__content {
    padding: .625rem 1.875rem
}

.modal__text h1 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.875rem
}

.modal__text h2 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.modal__text p {
    font-size: .875rem
}

.modal__text ol,.modal__text ul {
    padding-left: 1.25rem;
    font-size: .875rem
}

.modal__form {
    background: #f4f4f4;
    margin-top: 2rem;
    padding: 1.5625rem 1.875rem
}

.modal__form-title {
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 150%;
    margin-bottom: 1.875rem
}

.modal__form-content_block .form-text {
    font-size: .875rem;
    line-height: 120%
}

.modal__form-content_block input,.modal__form-content_block label {
    display: block;
    width: 100%
}

.modal__form-content_block label {
    margin-bottom: .3125rem
}

.modal__form-content_block button {
    width: 100%
}

.modal__city {
    width: 43.75rem
}

.modal__city-tabs {
    gap: 0 3.25rem;
    margin-top: 2rem
}

@media screen and (max-width: 767px) {
    .modal__city-tabs {
        overflow-x:auto
    }
}

.modal__city-tabs .item {
    font-weight: 700;
    font-size: .875rem;
    cursor: pointer;
    text-transform: uppercase;
    color: #00acec
}

@media screen and (max-width: 767px) {
    .modal__city-tabs .item {
        white-space:nowrap
    }
}

.modal__city-tabs .item.active {
    border-bottom: .1875rem solid #0089c4;
    color: #000
}

.modal__city-content {
    margin-top: 1.5rem
}

.modal__city-content .item {
    display: none
}

.modal__city-content .item.active {
    display: block
}

.modal__city-content .item__title {
    gap: 0 1.25rem
}

.modal__city-content .item__title a {
    font-weight: 500;
    font-size: 1.125rem;
    color: #000;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

@media screen and (max-width: 767px) {
    .modal__city-content .item__title a {
        font-size:1rem
    }
}

.modal__city-content .item__title a.active,.modal__city-content .item__title a:hover {
    color: #00acec
}

.modal__city-content .item__list {
    margin-top: 1.5rem
}

.modal__city-content .item__list ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

@media screen and (max-width: 767px) {
    .modal__city-content .item__list ul {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1;
        margin-left: -.625rem
    }
}

.modal__city-content .item__list ul li {
    margin-bottom: .8rem
}

.modal__city-content .item__list ul li a {
    color: #000;
    display: inline-block
}

.modal__city-content .item__list ul li a span {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: .3125rem;
    padding: .25rem /*.625rem*/ 0
}

.modal__city-content .item__list ul li a:hover span {
    background: #eee
}

.modal__city-content .item__list ul li.active a span {
    background: #eee
}

.modal__discount-list {
    margin-top: 1.25rem
}

@media screen and (max-width: 767px) {
    .modal__discount-list {
        margin-top:0
    }
}

.modal__discount-list ul {
    line-height: 120%
}

.modal__discount-list ul li {
    margin-bottom: .825rem
}

.modal__discount-contacts {
    margin-top: 1.25rem
}

.modal__discount-contacts_title {
    font-weight: 500;
    color: #000
}

.modal__discount-contacts_phone {
    font-weight: 700;
    font-size: 1.125rem;
    color: #00acec;
    margin-top: .2rem
}

.modal__discount-share {
    margin-top: 2.25rem
}

@media screen and (max-width: 767px) {
    .modal__discount-share {
        margin-top:.5rem
    }
}

.modal__discount-form {
    margin-top: 1.25rem
}

.modal__discount-form .form-group button,.modal__discount-form .form-group input {
    width: 100%
}

.modal__oneclick {
    width: 37.5rem;
    border-radius: .5rem;
    padding: 1.5625rem
}

@media screen and (max-width: 767px) {
    .modal__oneclick-info {
        margin-top:1rem
    }
}

.modal__oneclick-info_title {
    font-weight: 500;
    font-size: 1.25rem
}

.modal__oneclick-info_price {
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: .75rem
}

.modal__oneclick-info_text {
    margin-top: .9375rem;
    color: #464648
}

.modal__oneclick-info_text span {
    font-size: 1.25rem;
    margin-top: .3125rem;
    display: block
}

.modal__oneclick-info_controls {
    margin-top: 1.5625rem;
    gap: 0 1.25rem
}

.modal__oneclick-info_controls .total {
    font-size: 1.5rem;
    font-weight: 500
}

.modal__oneclick-form {
    margin-top: 2rem
}

.modal__oneclick-form label {
    margin-bottom: .625rem;
    font-size: .875rem
}

.modal__oneclick-form input {
    width: 100%
}

.modal__oneclick-text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.0625rem;
    color: #0089c4;
    margin-top: 2.1875rem
}

.modal__oneclick-footer {
    margin-top: 2.1875rem
}

.modal__oneclick-footer .btn {
    width: 100%
}

.modal__oneclick-footer_manager span,.modal__oneclick-footer_pay span {
    display: block;
    margin-top: .9375rem;
    font-size: .875rem;
    line-height: 120%;
    color: #858585
}

@media screen and (max-width: 767px) {
    .modal__oneclick-footer_manager {
        margin-top:1rem
    }
}

.count {
    width: 6.25rem;
    height: 2.5rem;
    border-radius: .3125rem;
    border: .0625rem solid #00acec
}

.count div {
    width: 33.33%;
    max-width: 33.33%;
    text-align: center;
    cursor: pointer;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.count div .icon {
    color: #c4c4c4
}

.count div:hover .icon {
    color: #00acec
}

.count input {
    width: 33.33%;
    border: none!important;
    padding: 0;
    background: 0 0;
    font-size: 1.75rem;
    font-weight: 500;
    height: 2.1875rem;
    text-align: center;
    max-width: 33.33%
}

@media screen and (max-width: 767px) {
    .count input {
        font-size:1rem
    }
}

.hero {
    padding: 15rem 0 6.25rem;
    background-position: center;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .hero {
        padding:8rem 0 3rem
    }
}

.hero__block-title {
    font-weight: 700;
    font-size: 3.75rem;
    color: #fff;
    line-height: 120%
}

@media screen and (max-width: 767px) {
    .hero__block-title {
        font-size:1.5rem;
        text-align: center
    }
}

.hero__block-triggers {
    margin-top: 2.5rem
}

.hero__block-triggers .item {
    color: #fff
}

.hero__block-triggers .item .wrapper div {
    margin-left: .625rem
}

.filters .col-53 {
    width: 53%;
    max-width: 53%
}

@media screen and (max-width: 767px) {
    .filters .col-53 {
        width:100%;
        max-width: 100%
    }
}

.filters .col-47 {
    width: 47%;
    max-width: 47%
}

@media screen and (max-width: 767px) {
    .filters .col-47 {
        width:100%;
        max-width: 100%
    }
}

.filters__wrap {
    margin-top: -3.75rem;
    background: #fff;
    border-radius: .375rem;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    position: relative;
    z-index: 10;
}

.filters__wrap.filters-no-margin {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .filters__wrap {
        margin-top:2rem;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.filters__items {
    padding: 1.875rem
}

@media screen and (max-width: 767px) {
    .filters__items {
        background:#f4f4f4;
        border-radius: .625rem;
        padding: 1rem
    }
}

.filters__items .item {
    margin-bottom: .8125rem
}

.filters__items .item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    max-width: 100%
}

.filters__items .item__title {
    font-weight: 700;
    line-height: 140%;
    padding-left: .875rem;
    font-size: .875rem
}

.filters__block {
    padding: 1.875rem
}

@media screen and (max-width: 767px) {
    .filters__block {
        padding:1rem;
        background: #f4f4f4;
        margin-bottom: 2rem;
        border-radius: .625rem
    }
}

.filters__block-title {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.8125rem;
    line-height: 120%
}

@media screen and (max-width: 767px) {
    .filters__block-title {
        font-size:1.25rem
    }
}

.filters__block-content_names-title {
    margin-bottom: .9375rem;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    line-height: 140%
}

@media screen and (max-width: 767px) {
    .filters__block-content_names-title {
        font-size:1.125rem
    }
}

.filters__block-content_names-items .item {
    margin-bottom: .9375rem
}

@media screen and (max-width: 767px) {
    .filters__block-content_names-items .item {
        margin-bottom:.5rem
    }
}

.filters__block-content_values {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.0625rem
}

@media screen and (max-width: 767px) {
    .filters__block-content_values {
        margin-top:1rem
    }
}

.filters__block-content_values .wrapper {
    position: relative;
    height: 100%
}

.filters__block-content_values-title {
    margin-bottom: .9375rem;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    line-height: 140%
}

@media screen and (max-width: 767px) {
    .filters__block-content_values-title {
        font-size:1.125rem
    }
}

.filters__block-content_values-items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.filters__block-content_values-items .item {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 170%
}

@media screen and (max-width: 767px) {
    .filters__block-content_values-items .item {
        margin-left:-.625rem
    }
}

.filters__block-content_values-items .item--alt {
    margin-left: .75rem;
    margin-top: 1.375rem;
    position: absolute;
    bottom: 0
}

@media screen and (max-width: 767px) {
    .filters__block-content_values-items .item--alt {
        position:static;
        margin-left: -.1rem
    }
}

.filters__block-content_results {
    margin-top: 1.875rem
}

.filters__block-content_results-done {
    color: #858585
}

.filters__block-content_results-done.error {
    color: red
}

.filters__block-content_results-done.success {
    color: #093
}

@media screen and (max-width: 767px) {
    .filters__block-content_results-done {
        margin-bottom:2.125rem
    }
}

.filters__block-content_results-submit .btn {
    width: 100%
}

@media screen and (max-width: 767px) {
    .advantages .item {
        margin-bottom:.625rem
    }
}

.advantages .item .wrapper {
    min-height: 22.1875rem;
    color: #fff;
    padding-bottom: 8.125rem;
    border-radius: .625rem;
    padding: 1.5625rem 2rem;
    position: relative;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .advantages .item .wrapper {
        padding:1rem;
        min-height: auto
    }
}

.advantages .item__title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.125rem
}

@media screen and (max-width: 767px) {
    .advantages .item__title {
        font-size:1.25rem
    }
}

.advantages .item__text {
    margin-top: 1.8125rem;
    font-size: 1.25rem;
    line-height: 120%
}

@media screen and (max-width: 767px) {
    .advantages .item__text {
        font-size:1rem;
        margin-top: 1rem
    }
}

.advantages .item__footer {
    position: absolute;
    bottom: 2.5rem;
    left: 1.5625rem;
    width: calc(100% - 3.125rem)
}

@media screen and (max-width: 767px) {
    .advantages .item__footer {
        position:static;
        width: 100%;
        margin-top: 1.5625rem
    }
}

@media screen and (max-width: 767px) {
    .advantages .item__footer-icon svg {
        max-width:4.375rem;
        max-height: 4.375rem
    }
}

.advantages .item__footer-go {
    text-align: right
}

.advantages .item__footer-go svg {
    color: #fff
}

@media screen and (max-width: 767px) {
    .advantages .item__footer-go svg {
        max-width:3.5625rem
    }
}

.about__block-title {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 3rem
}

@media screen and (max-width: 767px) {
    .about__block-title {
        margin-bottom:1rem;
        line-height: 120%
    }
}

.about__block-text {
    font-size: 1.5rem;
    line-height: 140%
}

@media screen and (max-width: 767px) {
    .about__block-text {
        font-size:1rem
    }
}

@media screen and (max-width: 767px) {
    .about__numbers {
        margin-top:1rem
    }
}

.about__numbers .item {
    margin-bottom: 2.25rem
}

@media screen and (max-width: 767px) {
    .about__numbers .item {
        margin-bottom:1rem
    }
}

.about__numbers .item__title {
    font-weight: 300;
    font-size: 4.5125rem;
    line-height: 7rem;
    color: #0089c4
}

@media screen and (max-width: 767px) {
    .about__numbers .item__title {
        font-size:3.125rem;
        line-height: 120%
    }
}

.about__numbers .item__text {
    font-size: 1.25rem;
    line-height: 120%
}

@media screen and (max-width: 767px) {
    .about__numbers .item__text {
        font-size:1rem
    }
}

.page__title {
    font-weight: 700;
    margin-bottom: 1.875rem;
    line-height: 51px;
}

@media screen and (max-width: 767px) {
    .page__title {
        text-align:center;
        margin-top: 5.625rem
    }
}

.page__content {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .625rem;
    padding: 1.875rem 2.1875rem
}

.page__content h1 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.875rem
}

.page__content h2 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.page__content p {
    font-size: .875rem
}

.page__content ol,.page__content ul {
    padding-left: 1.25rem;
    font-size: .875rem
}

.page__content img {width:100%;height:auto;}

@media screen and (max-width: 767px) {
    .page__content {
        padding:1.25rem
    }
}

.page__content.nav-sitemap ul li {font-weight: 700; margin-bottom: 1rem;}
.page__content.nav-sitemap ul li li {font-weight: 400; margin-bottom: 0.75rem;}
.page__content.nav-sitemap ul li li li {font-weight: 400; font-size: 14px; margin-bottom: 0.25rem;}
.page__content.nav-sitemap ul li ul {padding-top: 0.5rem;}
.page__content.nav-sitemap ul li li ul {padding-top: 0.5rem;}

.page__aside {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .625rem;
    padding: 1.875rem 2.1875rem
}

@media screen and (max-width: 767px) {
    .page__aside {
        margin-bottom:1rem;
        padding: 1.25rem
    }
}

.page__aside ul li {
    margin-bottom: .9375rem
}
.page__aside a{
padding:5px;
display:inline-block;
	}
.page__aside .active a{
	background-color:#0089c4;
color:#ffffff;
	}
.page__aside ul li a {
    font-weight: 500
}

.page__aside ul li:last-child {
    margin-bottom: 0
}

.promoMain {background-color: #fff; line-height: 1.2; margin-bottom: 50px;}

.promoMain .slide-img {
    position: relative;
    min-height: calc(100vw * 0.35);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promoMain .btn {
    display: inline-block;
    padding: 10px 20px;
    height: auto;
}

.promoMain .slide-text-desktop {width: 60%;}

.promoMain .slide-text-mobile {display: none;}

.promoMain .h1 {font-size:48px; line-height: 1.1; font-weight: 700; text-shadow: 0 1px 5px #fff; margin-bottom: 25px;}
.promoMain .lead {font-size: 24px; margin-bottom: 25px;}

.promoMain .benefits {margin-bottom: 30px;}
.promoMain .benefits ul {list-style: none; padding:0; margin:0;}
.promoMain .benefits ul li {display:flex; font-size: 18px; margin-bottom: 10px;}
.promoMain .benefits ul li:last-child {margin-bottom: 0;}
.promoMain .benefits ul li::before {content: ""; display: block; width: 20px; margin-right: 8px; height: 20px; background-image: url(../img/droptick.svg); background-repeat: no-repeat; background-size: contain; flex: 0 0 20px;}



@media screen and (max-width: 1200px) {

    .promoMain .slide-text-desktop {width: 50%;}
    .promoMain .h1 {font-size:36px;}
    .promoMain .lead {font-size: 20px;}
}

@media screen and (max-width: 992px) {
    .promoMain .h1 {font-size:40px;}
    .promoMain .slide-img {
        align-items: flex-start;
    }

}

@media screen and (max-width: 768px) {

    .promoMain {padding-top:56px;}

    .promoMain .slide-text-desktop {
        display: none;
    }

    .promoMain .slide-text-mobile {
        display: block;
        min-height: 250px;
        padding: 50px 20px 10px 20px;
        text-align: center;
    }

    .promoMain .slide-img {
        height: 45vh;
    }

    .promoMain .benefits ul {padding-left: 30px; text-align: left;}
    .promoMain .benefits ul  li {font-size: 16px;}

}

@media screen and (max-width: 576px) {
    .promoMain .h1 {font-size:28px;}
    .promoMain .slide-img {
        height: 40vh;
    }
}

@media screen and (max-width: 360px) {
    .promoMain .h1 {font-size:24px;}
    .promoMain .slide-img {
        height: 30vh;
    }
}


.triggers .item {
    position: relative
}

@media screen and (max-width: 767px) {
    .triggers .item {
        margin-bottom:1.875rem
    }
}

.triggers .item__img {
    color: #0089c4
}

.triggers .item__img svg {
    width: 5rem;
    height: 5rem
}

@media screen and (max-width: 767px) {
    .triggers .item__img {
        position:absolute;
        top: 0;
        left: .9375rem
    }
}

@media screen and (max-width: 767px) {
    .triggers .item__caption {
        padding-left:5.5rem;
        min-height: 5rem
    }
}

.triggers .item__caption-title {
    font-weight: 700;
    font-size: 1.375rem;
    margin-top: .75rem
}

@media screen and (max-width: 767px) {
    .triggers .item__caption-title {
        font-size:1.125rem;
        margin-top: 0
    }
}

.triggers .item__caption-text {
    font-size: 1.125rem;
    margin-top: .9375rem
}

@media screen and (max-width: 767px) {
    .triggers .item__caption-text {
        margin-top:.3125rem;
        font-size: 1rem
    }
}

.delivery .wrapper {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .5rem rgba(0,0,0,.15);
    border-radius: .625rem
}

.delivery .item .wrap {
    height: 100%
}

.delivery .item:nth-child(1) .wrap {
    padding: 1.875rem 2.5rem
}

@media screen and (max-width: 767px) {
    .delivery .item:nth-child(1) .wrap {
        padding:1.5rem
    }
}

.delivery .item:nth-child(2) .wrap,.delivery .item:nth-child(3) .wrap {
    padding: 1.875rem 1.5625rem
}

@media screen and (max-width: 767px) {
    .delivery .item:nth-child(2) .wrap,.delivery .item:nth-child(3) .wrap {
        padding:1.5rem
    }
}

.delivery .item:nth-child(3) .wrap {
    border-right: 0
}

.delivery .item .wrap {
    border-right: .0625rem solid rgba(0,0,0,.15)
}

@media screen and (max-width: 767px) {
    .delivery .item .wrap {
        border-right:0;
        border-bottom: .0625rem solid rgba(0,0,0,.15)
    }
}

.delivery .item__title {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.5625rem;
    color: #000
}

.delivery .item__sub-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
    color: #000
}

.delivery .item__text {
    font-size: 1.125rem
}

.delivery .item__text-title {
    font-weight: 700;
    font-size: 1rem;
    color: #000
}

.delivery .item__text-block {
    font-weight: 400;
    font-size: 1rem
}

.delivery .item__text-map {
    margin-top: .4375rem
}

.delivery .item__text-map span {
    font-weight: 500;
    margin-left: .9375rem
}

@media screen and (max-width: 767px) {
    .delivery .item__text-map span {
        font-size:1rem
    }
}

.delivery .item__text-cities {
    margin-top: 1.875rem
}

.delivery .item__text-cities svg {
    position: relative;
    top: .25rem
}

.delivery .item__text-cities span {
    font-weight: 500;
    margin-left: .9375rem
}

@media screen and (max-width: 767px) {
    .delivery .item__text-cities span {
        font-size:1rem
    }
}

.catalog .owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog__content .item {
    margin-bottom: 1.875rem
}

.catalog__content .item .wrapper {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .625rem;
    overflow: hidden
}

.catalog__content .item__badges {
    position: absolute;
    top: 1rem;
    left: 1.2rem;
    width: 8rem;
    max-width: 100%
}

.catalog__content .item__img {
    position: relative
}

@media screen and (max-width: 767px) {
    .catalog__content .item__img img {
        max-width:100%;
        width: 70%;
        margin: auto
    }
}

.catalog__content .item__img-badge {
    border-radius: .1875rem;
    padding: .125rem .3125rem;
    color: #fff;
    font-weight: 700;
    font-size: .625rem;
    line-height: 140%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase;
    top: .625rem;
    left: .9375rem
}

.catalog__content .item__img-value {
    position: absolute;
    text-align: center;
    top: 0;
    right: .9375rem;
    background: url(../img/badge.svg) no-repeat;
    width: 3.875rem;
    height: 3.75rem;
    color: #fff;
    font-size: .625rem;
    line-height: 120%;
    text-transform: none;
    padding-top: 1.25rem;
    background-size: 100% 100%
}

.catalog__content .item__img-value span {
    font-weight: 700;
    font-size: 1.125rem;
    display: block;
    margin-bottom: .125rem
}

.catalog__content .item__caption {
    padding: 1.1875rem
}

.catalog__content .item__caption-title {
    font-weight: 700;
    line-height: 120%;
    margin-bottom: .3125rem
}

.catalog__content .item__caption-title a {
    display: inline-block;
    color: #444;
}

.catalog__content .item__caption-title a:hover {
    color: #0089c4;
}

.catalog__content .item__caption-info {
    font-weight: 500;
    font-size: .875rem;
    line-height: 120%;
    margin-bottom: 1.1875rem
}

.catalog__content .item__caption-list {
    margin-bottom: 1.375rem
}

.catalog__content .item__caption-list ul li {
    font-size: .8125rem;
    line-height: 1rem;
    color: #858585;
    margin-bottom: .3125rem
}

.catalog__content .item__caption-footer_price .price {
    font-weight: 500;
    font-size: 1.5625rem;
    line-height: 120%;
    color: #0089c4
}

.catalog__content .item__caption-footer_price .old_price {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 120%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: red;
}

.catalog__content .item__caption-footer_cart {
    text-align: right
}

.catalog__content .item__caption-footer_cart a,.catalog__content .item__caption-footer_cart button {
    border: .0625rem solid #e5e5e5;
    border-radius: .3125rem;
    width: 3.4375rem;
    height: 2.8125rem;
    color: #0089c4;
    background: 0 0;
    -webkit-transition: border-color,background,color .3s ease;
    -o-transition: border-color,background,color .3s ease;
    transition: border-color,background,color .3s ease
}

.catalog__content .item__caption-footer_cart a:hover,.catalog__content .item__caption-footer_cart button:hover {
    border-color: #0089c4;
    background: #0089c4;
    color: #fff
}

.catalog__more {
    text-align: center;
    margin-top: .625rem
}

.catalog__more a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.cart__title {
    margin-bottom: 3.75rem
}

.cart__products .item {
    margin-bottom: 1.25rem;
    position: relative
}

.cart__products .item:after {
    content: "";
    display: block;
    height: .0625rem;
    background: #e5e5e5;
    position: absolute;
    bottom: .125rem;
    left: 7.5rem;
    width: calc(100% - 7.5rem)
}

@media screen and (max-width: 767px) {
    .cart__products .item:after {
        width:100%;
        left: 0;
        bottom: 0;
        margin-top: 1rem;
        position: static
    }
}

.cart__products .item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.5rem;
    flex: 0 0 7.5rem;
    max-width: 7.5rem
}

.cart__products .item__img img {
    border-radius: .3125rem;
    border: .0625rem solid #e5e5e5
}

@media screen and (max-width: 467px) {
    .cart__products .item__img img {
        max-width:5.25rem
    }
}

.cart__products .item__description {
    -webkit-box-flex: calc(45% - 7.5rem);
    -ms-flex: calc(45% - 7.5rem);
    flex: calc(45% - 7.5rem);
    max-width: calc(45% - 7.5rem)
}

@media screen and (max-width: 767px) {
    .cart__products .item__description {
        -webkit-box-flex:calc(100% - 7.5rem);
        -ms-flex: calc(100% - 7.5rem);
        flex: calc(100% - 7.5rem);
        max-width: calc(100% - 7.5rem);
        padding-right: 3rem
    }
}

.cart__products .item__description-title {
    color: #0089c4;
    font-weight: 700
}

.cart__products .item__description-text {
    font-weight: 500;
    font-size: .875rem;
    margin-top: 1rem
}

.cart__products .item__description-text span {
    color: #c4c4c4;
    margin-right: .5rem
}

.cart__products .item__price {
    -webkit-box-flex: 13%;
    -ms-flex: 13%;
    flex: 13%;
    max-width: 13%
}

@media screen and (max-width: 767px) {
    .cart__products .item__price {
        -webkit-box-flex:calc(60% - 7.5rem);
        -ms-flex: calc(60% - 7.5rem);
        flex: calc(60% - 7.5rem);
        max-width: calc(60% - 7.5rem);
        margin-left: 7.5rem;
        margin-top: 1rem
    }
}

@media screen and (max-width: 467px) {
    .cart__products .item__price {
        -webkit-box-flex:0;
        -ms-flex: 0 0 7.5rem;
        flex: 0 0 7.5rem;
        max-width: 7.5rem;
        margin-left: 0
    }
}

.cart__products .item__price .price {
    font-weight: 500;
    font-size: 1.2rem
}

.cart__products .item__price .old_price {
    font-weight: 500;
    font-size: 1rem;
    line-height: 120%;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #909090;
    margin-top: .3125rem
}

.cart__products .item__count {
    -webkit-box-flex: 12%;
    -ms-flex: 12%;
    flex: 12%;
    max-width: 12%
}

.cart__products .item__count input {
    font-size: 1.125rem
}

@media screen and (max-width: 767px) {
    .cart__products .item__count {
        -webkit-box-flex:40%;
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40%;
        margin-top: 1rem
    }
}

@media screen and (max-width: 467px) {
    .cart__products .item__count {
        -webkit-box-flex:0;
        -ms-flex: 0 0 calc(100% - 7.5rem);
        flex: 0 0 calc(100% - 7.5rem);
        max-width: calc(100% - 7.5rem)
    }
}

.cart__products .item__total {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20%
}

@media screen and (max-width: 767px) {
    .cart__products .item__total {
        margin-left:7.5rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 7.5rem);
        flex: 0 0 calc(100% - 7.5rem);
        max-width: calc(100% - 7.5rem);
        margin-top: 1rem
    }
}

@media screen and (max-width: 467px) {
    .cart__products .item__total {
        -webkit-box-flex:100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        margin-left: 0
    }
}

.cart__products .item__total-price {
    font-weight: 500;
    font-size: 1.5625rem
}

.cart__products .item__total-economy {
    font-weight: 500;
    font-size: .875rem;
    color: #093;
    margin-top: .3125rem
}

.cart__products .item__remove {
    -webkit-box-flex: 10%;
    -ms-flex: 10%;
    flex: 10%;
    max-width: 10%;
    text-align: right
}

.cart__products .item__remove .icon {
    width: 1.5625rem;
    height: 1.5625rem;
    color: #909090;
    cursor: pointer
}

.cart__products .item__remove button {
    border: none;
    background: 0 0
}

@media screen and (max-width: 767px) {
    .cart__products .item__remove button {
        top:0;
        right: .5rem;
        position: absolute
    }
}

.cart__total {
    text-align: right;
    margin-top: 2rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.5625rem;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .cart__total {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 576px) {
    .cart__total {
        display:block!important;
        text-align: center
    }
}

.cart__total-price {
    margin-left: 3.125rem;
    font-weight: 700
}

@media screen and (max-width: 576px) {
    .cart__total-price {
        margin-left:0;
        margin-top: .625rem
    }
}

.order {
    margin-top: 4.375rem
}

.order__title {
    font-weight: 700;
    margin-bottom: 2.8125rem
}

@media screen and (max-width: 576px) {
    .order__title {
        text-align:center
    }
}

.order__block input,.order__block textarea {
    width: 100%
}

.order__block-title {
    font-weight: 700;
    font-size: 1.3125rem;
    margin-bottom: 2.5rem
}

@media screen and (max-width: 576px) {
    .order__block-title {
        text-align:center
    }
}

.order__block-content {
    margin-bottom: 2rem
}

.order__block-content textarea {
    height: auto
}

.order__block-content .form-group.d-flex label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
}

.order__block-content .form-group.d-flex input,.order__block-content .form-group.d-flex textarea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%
}

.order__block-content .radio {
    margin-bottom: 1rem
}

.order__block-content .radio:last-child {
    margin-bottom: 0
}

.order__block-content .radio label {
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .order__block-content .radio label:before {
        top:.25rem
    }
}

@media screen and (max-width: 767px) {
    .order__block-content .radio label:after {
        top:8px!important;
        left: 0!important
    }
}

.order__block-content .radio span {
    padding-left: 2rem;
    display: block;
    color: #909090;
    font-size: .8125rem
}

.order__check,.order__submit {
    margin-top: 2rem
}

@media screen and (max-width: 767px) {
    .order__check,.order__submit {
        margin-top:1rem
    }
}

.order__submit .btn {
    width: 100%
}

.catalog__expand {
    padding: 1rem;
    margin-bottom: .625rem;
    font-weight: 700;
    border-radius: .3125rem;
    cursor: pointer
}

.catalog__expand img,.catalog__expand svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.catalog__expand.active img,.catalog__expand.active svg {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (max-width: 767px) {
    .catalog__expand {
        height:2.5rem;
        margin-bottom: .3125rem
    }
}

.catalog__content.no-results {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .625rem;
    height: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none/*flex*/;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .catalog__content {
        margin-top:2.125rem
    }
}

@media screen and (max-width: 567px) {
    .catalog__content {
        margin-top:.625rem
    }
}

.catalog__categories {
    margin-bottom: 1.5625rem
}

.catalog__categories .item {
    margin-bottom: 1.5625rem
}

.catalog__categories .item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    max-width: 5rem
}

.catalog__categories .item__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 140%;
    padding-left: 1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 5rem);
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem)
}

.catalog__categories-filter {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .3125rem;
    padding: .9375rem 1.25rem;
    display: none
}

.catalog__categories-filter .item {
    margin-bottom: 1.5625rem
}

.catalog__categories-filter .item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    max-width: 5rem
}

.catalog__categories-filter .item__title {
    font-weight: 700;
    font-size: .875rem;
    line-height: 140%;
    padding-left: 1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 5rem);
    flex: 0 0 calc(100% - 5rem);
    max-width: calc(100% - 5rem)
}

@media screen and (max-width: 767px) {
    .catalog__categories-filter {
        position:absolute;
        left: 0;
        width: 31.75rem;
        z-index: 99;
        margin: 0 auto;
        right: 0;
        background: #fff
    }
}

@media screen and (max-width: 575px) {
    .catalog__categories-filter {
        width:calc(100% - 1.875rem)
    }
}

.catalog__filters {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    box-shadow: 0 .125rem .375rem rgba(0,0,0,.15);
    border-radius: .3125rem;
    padding: .9375rem 1.25rem;
    display: none
}

@media screen and (max-width: 767px) {
    .catalog__filters {
        position:absolute;
        left: 0;
        width: 31.75rem;
        z-index: 99;
        margin: 0 auto;
        right: 0
    }
}

@media screen and (max-width: 575px) {
    .catalog__filters {
        width:calc(100% - 1.875rem)
    }
}

.catalog__filters.active {
    display: block
}

.catalog__filters-submit button {
    width: 100%
}

.catalog__filters-reset {
    margin-top: 1rem
}

.catalog__filters-reset button {
    border: none;
    background: 0 0;
    color: #999;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.catalog__filters-reset button span {
    margin-left: .3125rem
}

.catalog__filters-reset button:hover {
    color: #111
}

.catalog__filters-block {
    margin-bottom: 1.875rem
}

.catalog__filters-block_title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 140%;
    margin-bottom: 1rem;
    position: relative
}

.catalog__filters-block_title a {
    top: 0;
    right: 0;
    position: absolute;
    color: #858585
}

.catalog__filters-block_title a:hover {
    color: #00acec
}

.catalog__filters-block--chekcboxes .item {
    margin-bottom: .9375rem
}

@media screen and (max-width: 767px) {
    .catalog__filters-block--chekcboxes .item {
        margin-bottom:.5rem
    }
}

.catalog__filters-block--radios .item {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 170%
}

.catalog__filters-block--radios .item label {
    line-height: 100%;
    padding-left: 1.5rem
}

.catalog__filters-block--radios .item label:before {
    width: 1rem;
    height: 1rem
}

.catalog__filters-block--radios .item label:after {
    font-size: 3rem!important;
    top: .25rem!important;
    left: .05rem!important
}

.catalog__filters-block--radios .item--alt {
    margin-left: .75rem;
    margin-top: 1.375rem
}

@media screen and (max-width: 767px) {
    .catalog__filters-block--radios .item--alt {
        margin-left:-.1rem
    }
}

@media screen and (max-width: 767px) {
    .product {
        margin-top:5.625rem
    }
}

.product__triggers {
    margin-top: 2.5rem;
    margin-bottom: 3.125rem
}

.product__triggers .item .icon {
    color: #0089c4
}

.product__triggers .item .wrapper div {
    margin-left: .8125rem
}

.product__info-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.75rem
}

@media screen and (max-width: 767px) {
    .product__info-title {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 2.1875rem
    }
}

@media screen and (max-width: 767px) {
    .product__info-table {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.product__info-table table {
    width: 100%;
    font-size: 1.125rem
}

.product__info-table table tr td {
    color: #858585;
    padding-bottom: .625rem
}

.product__info-table table tr th {
    font-weight: 500;
    padding-bottom: .625rem
}

@media screen and (max-width: 767px) {
    .product__info-table table {
        font-size:1rem
    }
}

.product__info-controls {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
    .product__info-controls {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 2rem
    }
}

.product__info-controls_price {
    width: 50%;
    max-width: 50%
}

.product__info-controls_price .price {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 120%
}

.product__info-controls_price .old_price {
    font-weight: 400;
    font-size: 1.75rem;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: red
}

.product__info-controls_price .stock {
    font-size: 1.125rem;
    color: #093;
    margin-top: .625rem
}

@media screen and (max-width: 767px) {
    .product__info-controls_price .price {
        font-size:1.5rem
    }
}

@media screen and (max-width: 767px) {
    .product__info-controls_price .old_price {
        font-size:1.25rem
    }
}

@media screen and (max-width: 767px) {
    .product__info-controls_price .stock {
        font-size:.875rem
    }
}

.product__info-controls_buttons {
    width: 50%;
    max-width: 50%
}

.product__info-controls_buttons .btn {
    width: 100%
}

.product__info-controls_buttons .btn:first-child {
    height: 3.75rem
}

.product__info-controls_buttons button {
    margin-bottom: .625rem
}

.product__info-controls_oneclick {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: .9375rem
}

.product__info-controls_oneclick a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.product__info-icons {
    margin-top: 1.5rem;
    gap: 0 3.125rem
}

.product__info-icons .item .icon {
    color: #00acec;
    max-width: 2rem;
    max-height: 2rem;
    margin-right: .9375rem
}

.product__info-icons .item span {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.0625rem;
    color: #0089c4
}

@media screen and (max-width: 767px) {
    .product__info-icons {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 1.5625rem;
        gap: 0 .9375rem
    }
}

.product__gallery-thumbs {
    overflow: hidden;
    float: left;
    width: 5.625rem;
    height: 30rem;
    margin-right: .9375rem
}

.product__gallery-thumbs .swiper-slide {
    cursor: pointer
}

.product__gallery-thumbs .swiper-slide img {
    border: .0625rem solid #ebebeb;
    border-radius: .3125rem;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .product__gallery-thumbs {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
        float: none;
        margin-top: .3125rem
    }
}

.product__gallery-carousel {
    overflow: hidden;
    float: right;
    width: calc(100% - 6.5625rem);
    height: 30rem;
    border-radius: .625rem;
    border: .0625rem solid #ebebeb
}

.product__gallery-carousel .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__gallery-carousel .swiper-slide img {
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .product__gallery-carousel {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        float: none;
        height: auto
    }
}

.product__content {
    margin-top: 3.75rem
}

@media screen and (max-width: 767px) {
    .product__content {
        margin-top:2rem
    }
}

.product__content-tabs {
    margin-bottom: 2.5rem;
    gap: 0 .625rem
}

.product__content-tabs .item {
    height: 2.5rem;
    border-radius: .3125rem;
    padding: 0 .9375rem;
    cursor: pointer;
    border: .125rem solid #00acec;
    color: #00acec;
    font-weight: 700;
    font-size: 1.125rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.product__content-tabs .item.active,.product__content-tabs .item:hover {
    background: #00acec;
    color: #fff
}

@media screen and (max-width: 767px) {
    .product__content-tabs {
        width:100%;
        overflow-x: auto
    }
}

@media screen and (max-width: 767px) {
    .product__content-tabs .item {
        font-size:.875rem
    }
}

.product__content-block h2 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 120%;
    margin-bottom: 1.375rem
}

.product__content-block p {
    font-size: 1.125rem;
    line-height: 130%
}

.product__content-block .item {
    display: none
}

.product__content-block .item.active {
    display: block
}

@media screen and (max-width: 767px) {
    .product__content-block h2 {
        font-size:1.25rem
    }
}

@media screen and (max-width: 767px) {
    .product__content-block p {
        font-size:.875rem
    }
}

.product__content-docs {
    margin-top: 1rem
}

.product__content-docs_title {
    font-weight: 700;
    font-size: 1.75rem;
    margin-bottom: 2.1875rem
}

@media screen and (max-width: 767px) {
    .product__content-docs_title {
        font-size:1.25rem
    }
}

.product__content-docs_content .item {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    color: #00acec
}

.product__content-docs_content .item span {
    margin-left: .9375rem
}

.product__content-docs_content .item:hover {
    color: #0089c4
}

@media screen and (max-width: 767px) {
    .product__content-docs_content .item {
        font-size:.875rem
    }
}

.product__aside {
    margin-top: 3.75rem
}

@media screen and (max-width: 767px) {
    .product__aside {
        margin-top:1.875rem
    }
}

.product__aside-help {
    background: #0089c4;
    border-radius: .3125rem;
    padding: 1.5625rem;
    color: #fff;
    margin-bottom: 2rem
}

@media screen and (max-width: 767px) {
    .product__aside-help {
        padding:.9375rem
    }
}

.product__aside-help_title {
    font-weight: 700;
    font-size: 1.5rem
}

@media screen and (max-width: 767px) {
    .product__aside-help_title {
        font-size:1.25rem
    }
}

.product__aside-help_text {
    margin-top: .9375rem;
    font-size: 1.125rem
}

@media screen and (max-width: 767px) {
    .product__aside-help_text {
        font-size:1rem
    }
}

.product__aside-help_phone {
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 3.125rem
}

.product__aside-help_phone a {
    color: #fff
}

@media screen and (max-width: 767px) {
    .product__aside-help_phone {
        font-size:1.25rem;
        margin-top: 1.5rem
    }
}

.product__aside-help_footer {
    margin-top: .9375rem;
    gap: 0 2.5rem
}

.product__aside-help_footer .item__button .btn {
    width: 12.5rem;
    max-width: 100%
}

.product__aside-help_footer .item__share .icon {
    color: #fff;
    width: 2.25rem;
    height: 2.25rem
}

.product__aside-help_footer .item__share a {
    margin-right: .625rem
}

.product__aside-help_footer .item__share a:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .product__aside-help_footer {
        gap:0 1.375rem
    }
}

@media screen and (max-width: 767px) {
    .product__aside-help_footer .item__button .btn {
        width:10rem
    }
}

@media screen and (max-width: 767px) {
    .product__aside-help_footer .item__share .icon {
        width:1.5rem;
        height: 1.5rem
    }
}

.product__aside-delivery {
    background: #f4f4f4;
    border-radius: .3125rem;
    padding: 1.875rem
}

.product__aside-delivery .item {
    margin-bottom: 3.4375rem
}

.product__aside-delivery .item:last-child {
    margin-bottom: 0
}

.product__aside-delivery .item__title {
    font-size: 1.3125rem;
    font-weight: 700;
    gap: 0 1.0625rem
}

.product__aside-delivery .item__title .icon {
    color: #00acec;
    max-width: 2rem;
    max-height: 1.75rem
}

.product__aside-delivery .item__content {
    margin-top: .9375rem
}

.product__aside-delivery .item__content ul li {
    margin-bottom: .625rem
}

.product__aside-delivery .item__content ul li a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #0089c4
}

.product__aside-delivery .item__content ul li a:hover {
    color: #00acec
}

@media screen and (max-width: 767px) {
    .product__aside-delivery {
        padding:.9375rem
    }
}

@media screen and (max-width: 767px) {
    .product__aside-delivery .item__title {
        font-size:1.3125rem
    }
}

@media screen and (max-width: 767px) {
    .product__aside-delivery .item__content ul li a {
        font-size:.875rem
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size:14px
    }
}

@media (max-width: 991.98px) {
    html {
        font-size:10px
    }
}

@media (max-width: 767.98px) {
    html {
        font-size:16px
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size:15px
    }
}



.city-nav ul {list-style:none; display: flex; padding:0; margin:0; flex-wrap: wrap;}
.city-nav ul li {margin:0 5px 2px 0;}
.city-nav ul li a {display: inline-block; font-size: 12px;}

.img-fluid {max-width: 100%; width: auto;}




.row-nav ul {display: flex; list-style: none; padding:0; margin:0; flex-wrap: wrap;}
.row-nav ul li  {margin: 0 10px 10px 0;}
.row-nav ul li a {display: inline-block; padding: 10px 20px; white-space: nowrap; line-height: 1; border-radius: 5px; background:#fff; color:#282828; font-size: 18px;}
.row-nav ul li a:hover, .row-nav ul li a:active, .row-nav ul .active a {background-color: #0089c4; color:#fff; }

.item-page {border:solid 1px #eee; border-radius: 10px;}
.item-page .img a {display: block;}
.item-page .img a img {border-top-left-radius: 10px; border-top-right-radius: 10px;display: block;}

.item-page .text {padding: 20px; margin:0;}
.item-page .text .title {margin: 0; line-height: 1.2; font-size: 16px;}

ul.file-list {list-style: none; padding:0; margin:0;}
ul.file-list li {position:relative; padding-left: 24px; margin-bottom: 16px;}
ul.file-list li:before {content:""; display:block; width:16px; height:16px; position:absolute; top: 2px; left:0; background: url('../img/icon-file.svg') no-repeat; background-size: contain;}

.border-round {border-radius: 5px; border: solid 1px #ddd;}
.border-round img {border-radius: 5px;}


.filters__items .item__title {font-size: 1.125rem; font-weight:500;}
.filters__items .item__img {flex:0 0 8rem;}

.page-cover {background-size: cover; padding-left: 1rem; padding-right: 1rem; ckground-color: rgba(0,0,0,.2); background-blend-mode: multiply; background-position: center; color:#fff; border-radius:.625rem;}


@media (max-width:576px) {
    .filters__items .item__title {font-size: 1rem;}
    .filters__items .item__img {flex:0 0 5rem;}
}

.collection-nav ul {list-style: none; padding: 0; margin:0;}
.collection-nav ul li {margin:0 0 10px 0;}
.collection-nav ul li a {display: inline-block; font-size: 18px;}

.item-service  {display: flex; }
.item-service .item__img  {flex:0 0 80px; margin-right: 15px;}
.item-service .item__img img {width:100%;}
.item-service .item__info {flex: 1 1 auto;}
.item-service .item__caption {margin-bottom: 10px;}
.item-service .item__caption-title {font-size: 14px; line-height: 1.1;}
.item-service .item__price {display: flex; justify-content: space-between;}
.item-service .item__price .price {font-size: 14px; font-weight: 600;}
.item-service .item__price .btn {font-size: 14px; font-weight: 400; padding: 5px; height: auto; line-height: 1;}

.item__caption-size .h6 {font-size: 13px; font-weight:500; margin-bottom:5px;}
.item__caption-size span {display: block; font-size: 13px; color:#666; line-height:1; margin-bottom:5px;}
.item__caption-size span:last-child {margin-bottom:0;}

.o-table tr td {padding:10px 10px 10px 0;}
.o-table tr th {border-bottom: solid 1px #ddd;padding:10px 10px 10px 0;}

.alert {padding:20px; border-radius:15px; background:#fff; font-size:21px; line-height: 1.3;}
.alert-success {border:solid 1px #060;}

.page__content h2 {font-size: 1.75rem; font-weight: 500;}
.page__content h3 {font-size: 1.5rem;font-weight: 500;}
.page__content p {font-size: 1.125rem; line-height: 1.3;}
.page__content li {font-size: 1.125rem; margin-bottom: .5rem;}

.item-partners p {font-size: 16px;}
.item-partners img {width:auto !important}

h1, h1.title {margin-bottom: 2.5rem;}
h2 {margin-bottom: 2rem;}
h3 {margin-bottom: 1.25rem;}
h4 {margin-bottom: 1rem;}
h5 {margin-bottom: 1rem;}


.form .form-group label,
.form .form-group input,
.form .form-group textarea,
.form .form-group span {display: block; width: 100%;}

.form .form-group label {margin-bottom: 6px;}

.catalog__filters-submit {display:none;}

._customer-operating__row {
    display: grid;grid-template-columns: repeat(1, 1fr);column-gap: 20px;align-items: center;
    border-radius: 3px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    margin-bottom: 40px;
}
._customer-operating__row:last-child {margin-bottom: 0;}
._customer-operating__col-primary {padding: 50px 0 50px 50px;}
._customer-operating__subtitle {font: 700 30px/38px var(--font-family-opensans);margin-bottom: 15px;}
._customer-operating__subtitle-secondary {margin-bottom: 0;}
._customer-operating__step-note {font: 400 16px/24px var(--font-family-opensans);}
._customer-operating__step-note span {color: #1B3F99;text-decoration: underline;cursor: pointer;}
._customer-operating__step-icon {flex-shrink: 0;}
._customer-operating__step-icon span {padding: 5px 12px;border-radius: 50%;background: #FFAB00;font: 800 18px/18px var(--font-family-opensans);}
._customer-operating__step {display: flex;align-items: center;column-gap: 11px;}
._customer-operating__explotation {margin-bottom: 30px;}
._customer-operating__explotation, ._customer-operating__select, ._customer-operating__forbidden {display: flex;flex-direction: column;row-gap: 15px;}
._customer-operating__forbidden-subtitle {font: 600 24px/26px var(--font-family-opensans);margin-bottom: 15px;}
._customer-operating__forbidden-subtitle-sc {margin-bottom: 12px;}
._customer-operating__warning {font: 400 16px/24px var(--font-family-opensans);position: relative;padding-left: 45px;display: flex;align-items: center;}
._customer-operating__warning::before {
    content: "";
    width: 34px;
    height: 34px;
    background: url(/img/content_icon-x.png) center/cover no-repeat;
    position: absolute;
    left: 0px;
}
/* All media queries */
@media (max-width: 1200px) {
    ._customer-operating__row {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    ._customer-operating__img img {width: 100%;}
    ._customer-operating__step-note br, ._customer-operating__warning br {display: none;}
}
@media (max-width: 1024px) {
    ._customer-operating__section {padding: 50px 0 50px 0;}
}
@media (max-width: 991px) {
    ._customer-operating__col-primary {padding: 20px 0 20px 20px;}
    .company-footer {margin-top: 12px;}
}
@media (max-width: 767px) {
    ._customer-operating__section {padding: 35px 0 35px 0;}
    ._customer-operating__title {font-size: 28px;line-height: 28px;margin-bottom: 15px;}
    ._customer-operating__note {font-size: 18px;line-height: 22px;margin-bottom: 20px;}
    ._customer-operating__subtitle, ._customer-operating__forbidden-subtitle-sc {font-size: 24px;line-height: 34px;margin-bottom: 5px;}
    ._customer-operating__note::before {width: 10px;height: 8px;top: -9px;}
    ._customer-operating__col-primary {padding: 20px 0 20px 20px;}
    ._customer-operating__step-note, ._customer-operating__warning {font-size: 12px;line-height: 20px;}
    ._customer-operating__step-icon span {padding: 1px 7px;font-size: 14px;}
    ._customer-operating__warning::before {width: 22px;height: 22px;}
    ._customer-operating__warning {padding-left: 33px;}
    ._customer-operating__explotation, ._customer-operating__select, ._customer-operating__forbidden {row-gap: 10px;}
    ._customer-operating__row {margin-bottom: 20px;}
    ._customer-operating__row:last-child {margin-bottom: 0;}
}
@media (max-width: 641px) {
    ._customer-operating__col-primary {padding: 10px 10px 15px 10px;}
}
@media (max-width: 480px) {
    ._customer-operating__step {column-gap: 8px;}
    ._customer-operating__warning {padding-left: 30px;}
}
.shad {text-shadow: 1px 1px 2px black;}
.lead.shad strong {font-size: 24px; display:block; margin-bottom:20px;}

.pagination {margin: 0 0 20px 0;padding-left:0 !important;display:flex}
.pagination li {list-style:none;margin-right:15px;}
.pagination a {display:block;padding:7px;background:#f6f8fb;border-radius:50%;width: 37px;text-align: center;}
.pagination .current {background:#0089c4;color:#fff}

.mb-5 img {width:100%;height:auto}
.row-marg-top {margin-top:30px;}