@import "fonts.css";
@import "template.css";
@import "normalize.css";
@import "callback-modal.css";




body {
    --red: #FA3F3F;
    --deep-blue: #0F70B7;
    --light-blue: #B0F1FA;
    --light: #F3FAFF;
    --black: #444C56;
    overflow-x: hidden;
    color: #231F20;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
      background: url(/img/back.svg) no-repeat fixed;
  background-size: 60%;
  background-position: 140%
}

button, input {outline: none;}
.slick-slide a{outline: none;}
a:hover {cursor: pointer; text-decoration: none; transition: .5s;}

.row-svk {display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}

.btn-std {background: var(--red); color: white; padding: 7px 17px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); border-radius: 50px; font-size: 13px}
.btn-std:hover {}

.bx-breadcrumb {
    margin: 10px 0;
    padding-top: 5px;
}

/*  */
header {display: flex; width: 100%; background: white; height: 90px; align-items: center; padding-left: 5%;}
header .logo {width: 20%;}
header .logo img {height: 60px;}
header .search {width: 45%; padding-left: 25px;}
header .phone {width: 15%;}
header .social {width: 10%; padding-right: 20px}
header .basket {width: 5%;border-left: 1px solid lightgray;border-right: 1px solid lightgray;text-align: center;transition: .5s;height: 90px;display: flex;align-items: center;justify-content: center;}
header .basket:hover img{filter: grayscale(1) brightness(1)}
header .menu {width: 5%;}
.scroll { position: fixed; z-index: 999;top: 0}
header .phone a {font-size: 24px; color: #231F20; font-weight: 500 }
header .social {display: flex; justify-content: space-around;}
header .menu {text-align: center; font-size: 24px; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

header .menu i, header .phone a {transition: .5s}
header .menu:hover i, header .phone:hover a {color: #4CB5F3 }

/*------general------*/
.btn-line {color: #231F20;font-size: 18px;font-weight: 500;line-height:  32px;}
.btn-line i {margin-left: 10px}


.akcii {margin: 80px auto}
.akcii .line {display: flex;align-items: baseline;justify-content: space-between}
.akcii .btn-line {position: relative; left:-40px; top:-3px }
.akcii .btn-line:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); background-size: 22px; background-repeat: no-repeat; right: -40px; top: 5px}

.line h3 {font-size: 40px;text-transform: uppercase;font-weight: 300;line-height: 84px;margin-bottom: 5px;}

.popular {margin: 80px auto; margin-bottom: 0; }

.about {margin: 80px auto}
.about img {width: 100%}
.about .row {display: flex; align-items: center}
.about .text {font-size: 24px; font-weight: 300; line-height: 32px; margin-bottom: 20px; margin-top: 0px; padding-right: 60px}
.about-v .text {font-size: 18px; font-weight: 300; line-height: 28px; margin-bottom: 20px; margin-top: 0px; padding-right: 60px}
.about .btn-line:after {content: '';position: absolute;width: 25px;height: 25px;background: url(/img/arrow.svg);background-size: 22px;background-repeat: no-repeat;right: -35px;top: 0px;}
.about .btn-line {position: relative}

h2 {text-align: center;text-transform: uppercase;font-size: 40px;font-weight: 300;line-height: 84px;margin-top: 0;}
.preim {display: flex;justify-content: space-between;}
.preim .item {width: 24%;padding: 20px;/* margin: 1%; */border: 1px solid lightgray;padding-top: 0}
.preim .one {display: flex;align-items: center;/* margin-bottom: 10px */}
.preim .one img {width: 85px; position: relative; top: -25px}
.preim .name {padding-left: 20px; text-transform: uppercase; font-weight: 500; font-size: 18px; line-height: 20px}
.preim .txt {font-weight: 300; font-size: 16px; line-height: 24px}
/* ------citata------- */
.citata {margin: 80px auto}
.citata .img img {width: 100%}
.citata .container {position: relative;}
.citata .quote {position: absolute; right: 0; bottom: 42px;}
.citata .quote img {width: 70px;}
.citata .text {font-size: 24px; font-weight: 300; line-height: 32px; padding-left: 25px}
.citata .name {font-weight: 500; margin-top: 30px; font-size: 18px; padding-left: 25px}
.citata .dolz {font-weight: 300; padding-left: 25px; font-size: 18px;}
.citata .row {display: flex; align-items: center}

.prefooter {height: 600px;background: url(/img/prefooter.jpg);margin: 80px 0;margin-bottom: 0;}
.prefooter .row {display: flex; align-items: center; height: 100%; justify-content: center; text-align: right; padding-top: 100px}
.prefooter h2 {text-align: right; font-weight: 300;font-size: 50px; line-height: 50px; color: white}
.prefooter  p {font-weight: 300; font-size: 18px; line-height: 24px; color: white}
.prefooter .btn-line {margin-top: 25px; display: block; color: white; position: relative; left: -40px}
.prefooter .btn-line:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); background-size: 20px; background-repeat: no-repeat; right: -40px; top: 5px}

footer {}
footer > .row {width: 92%; margin: 0 auto;}
footer .row> .col-xs-4 {border-right: 1px solid lightgrey; padding-top: 80px}
footer .row> .col-xs-6 {border-right: 1px solid lightgrey;padding-top: 80px;height: 449px;}
.underfooter {display: flex; width: 100%!important; margin: 0 auto; border-top: 1px solid lightgray; padding-top: 10px; padding-left: 5%; padding-right: 5%}
.underfooter .one {display: flex; justify-content: flex-start; width: 80%}
.underfooter .one p {margin-right: 30px; font-size: 16px;
    font-weight: 300;}
.underfooter .two {width: 20%; display: flex; justify-content: flex-end}
.underfooter .two img {margin-left: 20px}
.underfooter a, .underfooter p {color: #231F20}

footer .phone {margin-top: 40px}
footer .phone a {font-size: 24px; color:#231F20 }
footer p a {color: #231F20; font-size: 16px; font-weight: 300; line-height: 24px }
footer .col-xs-6 p {margin: 0}
footer .social {margin: 20px 0; display: flex; margin-bottom: 100px;}
footer .social a {margin: 10px; filter: grayscale(1) brightness(0.5);}
footer .social a:first-child{margin-left: 0}
footer .social a:hover {filter: none}

.innova_slide_block .innova_slider_inner{width: 1400px;margin: 0 auto; padding: 0;}
.innova_slide_block .innova_slider_inner .innova_slide_innerH1 {font-weight: 400;font-size: 28px!important;color: #231F20;text-transform: uppercase;width: 40%;margin-top: 50px;line-height: 38px;}
.innova_slide_block .innova_slider_inner .innova_slide_innerP {font-size: 18px!important;line-height: 26px;color: #231F20;width: 50%;margin-top: 10px;}


.mmenu {background: #f3f6f7; display: flex; border-bottom: 1px solid lightgrey; }
.mmenu .item {position: relative;}
.mmenu p {color: #231F20;font-weight: 600;text-transform: uppercase;text-align: center;transition: .5s;font-size: 18px;line-height: 21px;}
.mmenu .img { width: 100%; height: 80px; background-repeat: no-repeat!important; background-position: center bottom!important; margin: 0 auto; transition: .5s; background-size: 50px }
.mmenu .hoverimg { width: 100%; height: 80px; background-repeat: no-repeat!important; background-position:  center bottom!important; margin: 0 auto; transition: .5s; display: block; opacity: 0; position: absolute; top: 0; left: 0; }
.mmenu a {/*width: 280px!important;*/border-left: 1px solid lightgrey;height: 150px;}
.mmenu a:hover p {color: #4CB5F3}
.mmenu .hover .img {opacity: 0}
.mmenu .hover .hoverimg {opacity: 1}

.catalog-section .product-item {position: relative;}
.catalog-section .product-item .product-item-image-wrapper {margin-bottom: 128px;}
.catalog-section .product-item .product-info {position: absolute; bottom: -3px; z-index: 99; background: white; border: 1px solid lightgrey; width: 90%; left: 5%; }
.catalog-section .product-item .product-item-title {font-weight: 700;border-bottom: 1px solid lightgrey;padding: 15px;padding-left: 65px;color: #231F20;margin-bottom: 0;}
.catalog-section .product-item .col-one-two {display: flex; border-bottom: 1px solid lightgray;   }
.catalog-section .product-item .col-one-two .item {width: 33%;height: 100%;padding: 15px 0;padding-left: 65px;}
.catalog-section .product-item .col-one-two .item span {display: block}
.catalog-section .product-item .col-one-two .item:nth-child(2) {border-left: 1px solid lightgray; border-right: 1px solid lightgray;  }
.catalog-section .product-item .product-item-info {display: none}
.catalog-section .product-item .col-two .product-item-price-container {width: 66%; border-right: 1px solid lightgray; margin-bottom: 0; padding: 15px; padding-left: 35px;}
.catalog-section .product-item .col-two .product-item-price-current {font-size: 34px;color: #4CB5F3;padding-left: 30px; font-weight: 500}
.catalog-section  .product-item-info-container.product-item-hidden {display: none}

.catalog-section .product-item .col-two {display: flex; width: 100%; align-items: stretch; min-height: 65px}
.catalog-section .product-item .btn-default {background: none!important; border: none; color: #231F20; text-transform:uppercase; font-weight: 700; display: flex; align-items:center; font-size: 15px }
.catalog-section .product-item .btn-default img {margin-right: 10px;margin-top: -5px; filter: grayscale(1) brightness(0.5);}
.catalog-section .product-item .product-item-btn {width: 34%; background: #F7F5F3; margin-bottom: 0; display: flex; justify-content: center; align-items: center; }

.single-top {position: relative;/* margin-bottom: -10px; */}
.single-top .limg {position: absolute; right: 0; top: -100px; z-index: -1}
.single-top .limb1 {position: absolute; right: 0; top: 50px; z-index: -1}
.single-top h1 {text-transform: uppercase;font-weight: 400;font-size: 50px;border-bottom: 4px solid #4CB5F3;margin-top: 50px;padding-bottom: 10px;}
.breadcrumb a, .breadcrumb p, .breadcrumb span {color: #C4C4C4; font-size: 14px;}
.breadcrumb {background: none!important; padding: 0;}

.bx-nav-1-lvl-link-text {color: #231F20;font-size: 18px;line-height: 24px;font-family: 'Roboto';text-transform: none;font-weight: 300;padding-left: 8px!important;}
.product-item-big-card .product-item-title a {color: #231F20; font-size: 24px; font-weight: 500}

.bx-top-nav ul {display: flex;flex-direction: column;padding-right: 10px; padding-top: 15px}
.bx-top-nav ul li {/* padding-left: 10px; */border-bottom: 1px solid lightgrey;height: 50px;display: flex;align-items: center;}
.bx-top-nav ul li:first-child {border-top: 1px solid lightgrey;}
.bx-top-nav ul li a{display: flex; align-tems: center}
.bx-top-nav ul li .image {height: 50px;width: 50px;text-align: center;display: flex;justify-content: center}
.bx-top-nav ul li img {width: auto; max-height: 23px;}
.bx-top-nav ul li.bx-active {background: #4CB5F3; color: white;}
.bx-top-nav ul li.bx-active .bx-nav-1-lvl-link-text {color: white}
.bx-top-nav ul li.bx-active img {filter: grayscale(1) brightness(10)  }
.bx-top-nav ul li:hover .bx-nav-1-lvl-link-text{ color: #4CB5F3;}
.bx-top-nav ul li.bx-active:hover .bx-nav-1-lvl-link-text {color: white}

.product-item-image-wrapper {padding-top: 100%}
.product-item {padding-top: 0}
.product-item-big-card {margin-bottom: 20px}


.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {display: none!important}


.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 0!important; }
.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 1; }

.banner {margin: 50px auto; padding-left: 15px; padding-right: 15px;}
.banner img {width: 100%}

.catalog-section .product-item-list-col-2 {/*margin-right: 15px*/}
.product-item-small-card {margin-bottom: 70px} 

.product-item-detail-slider-image img {width: 100%}

.rightside-detail {padding-left: 50px}
.rightside-detail h1 {font-size: 50px; font-weight: 400; line-height: 58px; margin-top: 0;}
.rightside-detail .product-item-scu-container-title {font-weight: 600; font-size: 18px; line-height: 20px; margin-bottom: 20px}
.rightside-detail > .row > .col-lg-5 {width: 100%; margin-bottom: 50px; padding-left: 0;} 
.rightside-detail .product-item-scu-item-text {font-size: 14px; font-weight: 500; line-height: 20px}
.rightside-detail .product-item-scu-item-text-block {min-width: 148px; min-height: 50px; display: flex; justify-content: center; align-items: center}
.rightside-detail .product-item-scu-item-text-container.selected .product-item-scu-item-text-block {outline-color: #4CB5F3!important}

.rightside-detail > .row > .col-lg-7 {width: 100%; margin-bottom: 50px; padding-left: 0;} 
.rightside-detail .product-item-detail-pay-block {border: none;padding: 0;display: flex;justify-content: space-between;align-items: center;}
.rightside-detail .product-item-detail-pay-block .mb-3:nth-child(2) {order: 1}
.rightside-detail .product-item-detail-pay-block .mb-3:nth-child(1) {order: 2}
.rightside-detail .product-item-detail-pay-block .mb-3:nth-child(3) {order: 3}
.rightside-detail .product-item-detail-pay-block .mb-3:nth-child(4) {display: none}
.rightside-detail .product-item-detail-info-container-title {display: none}
.rightside-detail .product-item-amount-description-container {display: none}
.rightside-detail .product-item-detail-price-current {color: #4CB5F3; font-weight: 500;  }
.rightside-detail .product-item-amount-field-block {border: 1px dotted lightgrey; width: 50px; height: 50px;display: flex; align-items: center;}
.rightside-detail  .product-item-amount-field-btn-plus, .rightside-detail  .product-item-amount-field-btn-minus {background: none; height: 32px}
.rightside-detail .product-item-amount-field-container {margin-bottom: 0!important}
.rightside-detail .btn-link.product-item-detail-buy-button {background: #F7F5F3; color: #231F20; display: flex; align-items: center; justify-content: center; width: 168px; height: 68px }
.rightside-detail .product-item-detail-tabs-container {display: none; }
.catalog-block-header {border-bottom: 0;}
.catalog-block-header h2 {text-align: left;}
.rightside-detail .btn-link.product-item-detail-buy-button img {margin-right: 10px}


.harak  .col-one-two {display: flex; border: 1px solid lightgray; flex-wrap: wrap; margin-bottom: 50px}
.harak  .col-one-two .item {width: 33.33%; height: 100%; padding: 15px 0; padding-left: 35px ;border-bottom: 1px solid lightgray;}
.harak  .col-one-two .item-l {width: 50%}
.harak  .col-one-two .item span {display: block}
.harak  .col-one-two .item:nth-child(2) {border-left: 1px solid lightgray; border-right: 1px solid lightgray;  }
.harak  .col-one-two .item:nth-child(4) { border-right: 1px solid lightgray; border-bottom: 0 }
.harak  .col-one-two .item:nth-child(5) {border-bottom: 0 }
.harak .btns {display: flex; justify-content: space-between; margin-bottom: 50px;}
.harak .btns a { color: #231F20; font-size: 18px; position: relative; margin-right: 60px}
.harak .btns a:last-child {margin-left: 0px}
.harak .btns a:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); right:-30px; background-position: center; background-size: 20px; background-repeat: no-repeat; top:-1px;}

.harak .btns a:after {transition: .5s}
.harak .btns a:hover {color: #4CB5F3  }
.harak .btns a:hover:after {right: -35px; background: url(/img/arrow-h.svg); background-position: center; background-size: 20px; background-repeat: no-repeat;}

.product-item-detail-slider-controls-image {margin: 0px}

.popup-window-with-titlebar{background: #40321Dee; width: 500px; height: 280px; display: flex; align-items: center; padding-top: 80px!important}
.popup-window-with-titlebar .popup-window-content {display: none}
.popup-window-with-titlebar .popup-window-titlebar-text {font-size: 32px;font-weight: 300;width: 300px;white-space: normal;text-align: center;color: white;line-height: 38px;font-family: 'Roboto';}
.popup-window-with-titlebar  .popup-window-buttons .btn {display: block; margin-top: 36px; background: none; font-size: 18px; font-weight: 500; position: relative; color: white;}
.popup-window-with-titlebar  .popup-window-buttons .btn:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: -40px; transition: .5s}
.popup-window-with-titlebar  .popup-window-buttons .btn:hover {background: none; cursor: pointer;}
.popup-window-with-titlebar  .popup-window-buttons .btn:hover:after {right: -50px}
.popup-window-buttons {left: -30px}

.about-cont .row {display: flex; align-items: flex-start}
.about-cont p {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;

    width: 100%;
    left: 0%;
    }
.about-cont li, .about-cont span {font-size: 18px; font-family: 'Roboto'!important;}
    .rekvizit {margin: 50px auto;}
.rekvizit h2 {text-align: left; margin-bottom: 0; margin-top: 15px}
.rekvizit h2 a {float: right; font-size: 18px; font-weight: 500; color: #231F20; } 
.rekvizit h2 a img {margin-left: 10px}
.rekvizit p span:first-child {width: 420px; display: block;}
.rekvizit p {display: flex; align-items: center; padding: 10px; padding-left: 15px; font-size: 18px; font-weight: 300;}
.rekvizit p:nth-child(2n) {background: #F7F5F3 }

.question {width: 1170px; margin: 80px auto; margin-top: 0 }
.question > p {margin-bottom: 80px; font-size: 18px; font-weight: 300;}
.question h2 {text-align: center}
.question .ask {background: white; padding: 15px 10px; font-weight: 400; border-bottom: 1px solid lightgrey; transition: .5s;     display: flex;
    align-items: center;
    justify-content: space-between;}
.question .otvet {padding: 10px}
.question .q {margin: 10px; font-size: 18px }
.question .fa {float: right; margin-right: 15px; font-size: 30px}
.question .ask:hover {cursor: pointer; color: #4CB5F3 }

.kont-map p {text-align: center; background: #EEEBE7; padding: 25px; margin-bottom: 0px; margin-top: 50px; position: relative;
    z-index: 9;font-weight: 300; font-size: 30px }
.kont h3 {font-weight: 300; font-size: 20px;}
.kont a {color: #231F20; font-weight: 400; font-size: 40px; }
.kont a img {margin-right: 20px;}


.basket-checkout-block-total-description {display: none}
.basket-checkout-container {border: none!important}
.basket-checkout-container {padding: 0}
.basket-checkout-container .basket-checkout-section {background: #EEEBE7; border: none!important}
.basket-checkout-block-btn {padding-top: 0;  }
.basket-checkout-block-btn button {background:#231F20;border: none;color: white;display: block!important;height: 100%;width: 350px;border-radius: 0;position: relative;font-weight: 500}
.basket-checkout-block-btn button:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: 40px; transition: .5s}
.basket-checkout-block-btn button:hover:after {right: 30px}

.basket-hidden {position: absolute; right: 5%; top: 90px; z-index: 95; background: white; box-shadow: 0px 20px 20px 6px rgba(112, 94, 74, 0.25); display: none;}
.basket-hidden .bx-hdr-profile{}
.basket-hidden .bx-basket-item-list {width: 500px;padding: 25px;padding-bottom: 60px!important;padding-right: 0;}
.basket-hidden .bx-basket-item-list-button-container {background: #231F20; padding: 20px; bottom: 0}
.basket-hidden .bx-basket-item-list-button-container a {color: white; position: relative;}
.basket-hidden .bx-basket-item-list-button-container a:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: -40px; top: -3px; transition: .5s}
.basket-hidden .bx-basket-item-list-button-container a:hover:after {right: -50px}
.basket-hidden .bx-basket-item-list-item {display: flex; align-items: center; margin-bottom: 0px; padding-bottom: 10px}
.basket-hidden .bx-basket-item-list-item-status {background: none; text-align: left; color: #231F20; font-family: 'Roboto'; font-weight: 400; font-size: 24px}
.basket-hidden .bx-basket-item-list-item-img {width: 20%;}
.basket-hidden .line {width: 80%;padding-left: 10px; height: 77px; position: relative; display: flex; flex-direction: column; justify-content: space-between}
.basket-hidden .bx-basket-item-list-item-name a {color: #231F20; font-family: 'Roboto'; font-weight: 300;}
.basket-hidden .bx-basket-item-list-item-name {text-align: left}
.basket-hidden .bx-basket-item-list-item-remove {position: absolute; z-index: 99; top: 0px; opacity: 1}
.basket-hidden .bx-basket-item-list-container {max-height: 350px; }
.basket-hidden .bx-basket-item-list-item-price-summ {display: flex; justify-content: space-between; padding-right: 15px;}
.basket-hidden .bx-basket-item-list-item-price-summ strong {color: #231F20; font-family: 'Roboto'; font-size: 16px; font-weight: 300; }
.basket-hidden .bx-basket-item-list-item-price-summ .price {font-size: 24px; font-weight: 500}
.basket-hidden .bx-basket-item-list-item-remove:after, .basket-hidden .bx-basket-item-list-item-remove:before {background-color: #231F20!important; }
.bx-basket-block-icon {position: relative}
.bx-basket-block-icon span {position: absolute;left: 35%;top: 10px;font-size: 12px;font-family: 'Roboto';color: #231F20}
.basket.hover {background: #4CB5F3}
.hover .bx-basket-block-icon span{color: white}
.hover .bx-basket-block-icon img {filter: grayscale(1) brightness(10)!important; }
.bx-basket-block-icon img {filter: grayscale(1) brightness(0.2)!important; }

.menu:hover {cursor: pointer;}
.top-menu {position: absolute; background: #ebdce3; width: 100%; left: 0; top: -900px; z-index: 299; opacity: 0; transition: .5s;}
.top-menu .col-xs-8 {border-left: 1px solid white; padding-top: 40px; padding-left: 150px}
.top-menu > .row {display: flex; align-items: stretch; margin: 0}
.top-menu .col-xs-4 .row:first-child {border-bottom: 1px solid white; }
.top-menu .col-xs-4 .row {padding-left: 43%; padding-bottom: 40px; padding-top: 40px;}
.top-menu h3 {font-weight: 500; font-size: 24px; color: #231F20 }
.top-menu a {color: #231F20; font-size: 20px; font-weight: 300; position: relative}
.top-menu p {margin: 0; line-height: 30px; width: fit-content;}
.top-menu a:after {content: ''; position: absolute; width: 0px; height: 25px; background: url(/img/arrow.png); right: 100px; top: 0px; z-index: -1; opacity: 0; transition: .5s}
.top-menu a:before {content: ''; position: absolute; width: 0; height: 2px; background: white; top: 11px; right: 100px; z-index: -1; opacity: 0; transition: .5s}
.top-menu p:hover a:after, .top-menu p:hover a:before {opacity: 1;}
.top-menu p:hover a:after {width: 25px; right: -20px;}
.top-menu p:hover a:before {width: 100%; right: 0;}

.top-menu.active {display: block; opacity: 1; top: 90px;}

.catalog-section .product-item .product-item-btn {transition: .5s;}
.catalog-section .product-item .product-item-btn:hover {background: #4CB5F3}
.catalog-section .product-item .product-item-btn:hover img {filter: grayscale(1) brightness(10)!important; }
.catalog-section .product-item .product-item-btn:hover a {color: white}

footer a {border-bottom: 2px solid transparent}
footer a:hover {/*border-bottom: 2px solid #4CB5F3*/; color: #231F20 }
footer .col-xs-6 p a {position: relative}
footer .col-xs-6 p a:after {position: absolute; width: 0px; height: 40px; background: url(/img/arrow-h.svg); content: ''; background-repeat: no-repeat; background-size: 20px; top: 3px; left: -10px; opacity: 0; transition: .5s;}
footer .col-xs-6 p a:before {position: absolute; width: 100%; height: 2px; content: ''; background: #4CB5F3; top: 50%; z-index: -1; opacity: 0; transition: .5s; left: -10px }
footer .col-xs-6 p a:hover:after {opacity: 1; width: 40px; left: 93%}
footer .col-xs-6 p a:hover:before {opacity: 1; width: 100%; left: 0}
footer .social a:hover, footer .phone a:hover {border-color: transparent}

.product-item-scu-item-text-block:hover{background: #f7f5f3}
.rightside-detail .btn-link.product-item-detail-buy-button {transition: .1s; border: 1px solid lightgrey}
.rightside-detail .btn-link.product-item-detail-buy-button:hover img {filter: grayscale(1) brightness(10)!important; }
.rightside-detail .btn-link.product-item-detail-buy-button:hover {color: white; background: #4CB5F3}

.product-item-detail-short-card-fixed, .product-item-detail-tabs-container-fixed {display: none;}

.bx-top-nav ul li img {transition: .2s}
.bx-top-nav ul li:hover img {}
.bx-top-nav ul li.bx-active:hover img {filter: brightness(10) }

.i404 {background: url(/img/404_bg.png); height: 90vh; background-size: cover; color: #40321D }  
.i404 h1 {font-weight: 300; font-family: 'Roboto'; font-size: 60px; line-height: 60px}
.i404 p, .i404 a {font-weight: 400; font-family: 'Roboto'; font-size: 24px; line-height: 32px; color: #40321D; position: relative; transition: .5s; }
.i404 a:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); right: -35px; top: 6px; opacity: 1; transition: .5s; filter: brightness(0.7); background-size: 22px; background-repeat: no-repeat}
.i404 a:hover {color: white;}
.i404 a:hover:after {filter: brightness(3)}


header {border-bottom: 1px solid lightgrey}
.top-menu.active {box-shadow: 1px 3px 5px #00000077;}
.search .tips {position: fixed; z-index: 95; background: white; top: 90px; left: 0; padding-top: 50px; width: 100%; display: none; box-shadow: 1px 3px 5px #00000077;}
.search .sscroll {display: flex; flex-wrap: wrap; }
.search .sscroll a {width: 33%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; color: #231F20; font-family: 'Roboto'; font-weight: 300; }
.search .sscroll a img {width: 100%}
.search .sscroll a .thumb {width: 20%}
.search .sscroll a .info {width: 75%; display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding-top: 10px; padding-bottom: 10px;}
.search .sscroll a .price {font-weight: 500; font-size: 24px;}

.fos h2 {font-weight: 300; font-size: 40px; position: relative; width: 100%; margin: 0px auto;margin-top: 50px;}
.fos h2:after {content: ''; width: 100%; height: 4px; background: #4CB5F3; position: absolute; right: 0; top: 40px; z-index: -2 }
.fos h2:before {content: ''; width: 40%; height: 100%; background: #ffffff; position: absolute; top: 35px; left: 0; right: 0; bottom: 0; margin: auto; z-index: -1 }
.fos-line {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.fos-text {font-size: 18px; line-height: 26px; font-weight: 300;}
.fos-text a {font-weight: 600; color: #231F20 }
.fos-social a {margin-left: 20px}
.fos-form .alx_feed_back {width: 100%!important}
.fos-form form {display: flex; flex-wrap: wrap; justify-content: space-between}
.fos-form .svk-col {width: 39%;}
.fos-form .svk-long {width: 59%;}
.fos-form .svk-col .afbf_item_pole:first-child {margin-top: 0!important}
.afbf_item_pole .afbf_select, .afbf_item_pole .afbf_inputtext {height: 50px; font-family: 'Roboto'; color: #231F20 ;}
.afbf_inputtext_bg .afbf_textarea {height: 183px!important; resize: none!important;}
.fos-form form > label {width: 70%;   display: flex; align-items: baseline; }
.fos-form form > label a {color: #231F20; padding-left: 10px; font-size: 16px;font-weight: 300;}
.fos-form form .afbf_submit_block {margin: 0; font-family: 'Roboto'; position: relative; left: -10px; top: -15px; }
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn {background: none!important; box-shadow: none; color: #231F20!important; text-transform: capitalize!important; font-weight: 500; position: relative }
.fos-form form .afbf_submit_block:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: -10px; top: 12px;}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover {background: none!important; color: #231F20!important }


.bx-sbb-empty-cart-container {background: url(/img/cart-bg.png) no-repeat; background-size: contain; height: 500px; border: 1px solid lightgrey; background-position: bottom; padding-top: 50px; padding-left: 50px; margin-bottom: 50px}
.bx-sbb-empty-cart-container p {font-weight: 500; font-size: 24px}

.basket-items-list-wrapper, .basket-items-list-wrapper-compact {border: none;}
.basket-items-list-item-container {border: 1px solid lightgray; position: relative; margin-bottom: 20px }
.basket-items-list-item-descriptions {padding-top: 0}
.basket-items-list-item-descriptions-inner {display: flex; align-items: stretch;}
.basket-item-block-image {padding-right: 0;padding-bottom: 0; width: 200px!important; max-width: 200px }
.basket-item-info-name {padding-right: 0; border-bottom: 1px solid lightgray; font-size: 24px; font-weight: 500; text-align: left; padding: 15px 30px!important;  }
.basket-item-info-name a {color: #231F20;}
.basket-item-info-name a:hover {text-decoration: none}
.basket-item-block-info .line {display: flex;/* flex-grow: 3; *//* height: 70%; */ height: 134px}
.basket-item-block-info .line .price-block {display: flex;align-items: center;width: 350px;border-left: 1px solid lightgrey;background: #F7F5F3;justify-content: space-evenly;}
h2.basket-item-info-name {margin-bottom: 0}
.basket-item-block-properties .basket-item-property-custom:nth-child(3) {border-bottom: none}
.basket-item-scu-item {display: none;}
.basket-item-scu-item.selected {display: block; border: none; padding-left: 10px}



.basket-item-block-properties { display: flex; flex-wrap: wrap;}
.basket-item-block-properties .basket-item-property-custom {width: 50%; border-bottom: 1px solid lightgrey; padding: 10px 30px}
.basket-item-block-properties .basket-item-property-scu-text {width: 50%;display: flex;padding-left: 30px;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid lightgrey;border-bottom: none;position: relative;top: -1px}
.basket-items-list-item-remove {position: absolute; top: 15px; right: 15px; background: #F7F5F3; padding: 5px 10px; }
.basket-item-block-properties .basket-item-property-custom .basket-item-property-custom-name {width: 90px; font-size: 16px; font-weight: 300;}
.basket-items-list {padding: 0 15px}
.basket-checkout-section {margin: 0 15px}
.basket-item-image {}
.basket-item-image-link {display: block!important; height: 100%;}

.search .input {border: none; font-family: 'Roboto'; font-size: 20px; color: #c4c4c4; font-weight: 300}
.search .input::placeholder {color: #c4c4c4}

.modal_form {border-radius: 0!important;width: 1340px!important; margin-top:0!important; margin-left: 0!important; margin: 0 auto!important; padding: 50px 100px!important;position: fixed!important;top: 10vh!important;z-index: 9999;left: 0!important; right: 0!important; min-height: 600px!important; display: flex; flex-direction: column-reverse;}
.alx_fb_overlay {background-color: #231F20!important; opacity: .8!important }
.modal_form .afbf_error_block:after {display: none;}
.afbf_error_icon {display: none}
.afbf_error_block {width: 100%; display: flex!important; align-items: center; justify-content: center}
.afbf_error_block .afbf_error_text {width: 100%; background: rgba(243, 38, 38, 0.1); border: 1px solid #F32626; text-transform: uppercase; color: #F32626; display: flex!important; align-items: center; justify-content: center; padding-bottom: 0!important;}

.sscroll > p {width: 100%; background: #F3F5F3; height: 60px; font-weight: 500; font-size: 24px; margin: 20px 0; padding: 14px;}
.sscroll > p .btn-line {justify-content: center; width: 100%; line-height: 32px; font-size: 24px}

.sscroll > p {transition: .5s}
.sscroll > p .btn-line {position: relative}
.sscroll > p .btn-line i {display: none;}
.sscroll > p .btn-line:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: 492px; top: 5px; filter: brightness(0.4)}
.sscroll > p:hover {background: #4CB5F3}
.sscroll > p:hover .btn-line {color: white}
.sscroll > p:hover .btn-line:after {filter: brightness(1)}

.order-simple__block.delivery, .order-simple__block.payment {display: flex; align-items: flex-start}
.order-simple__block__title {width: 300px; padding-top: 45px}
.row-types {display: flex; width: 800px; flex-wrap: wrap}
.row-types .order-simple__field {width: 48%; display: flex; margin: 1% } 
.order-simple input[type="radio"]:checked + label div {
 border:2px solid #4CB5F3;
}
.row-types label div img {/*width: 72px;*/ height: auto; margin-right: 25px}
.row-types .order-simple__field label div {display: flex; padding: 10px; padding-left: 30px; align-items: center; transition: .5s; height: 100px; border: 1px solid transparent  }
.row-types .order-simple__field label:hover div {background: #F7F5F3; cursor: pointer; border: 1px solid lightgray }
.order-simple input[type="radio"]:checked + label:hover div {background: none;}
.payment .row-types .order-simple__field {width: 48%}

.order-simple__block.payment {border-top: 1px solid lightgrey; padding-top: 30px}
.order-simple__block.summ .order-simple__price-table {display: flex; width: 100%; background: #F7F5F3; align-items: center; height: 70px; border-top: 1px solid lightgrey; justify-content: flex-end;}
.order-simple__block.summ button {position: relative; height: 100%; border: none; width: 300px; background: #231F20; color: white; font-family: 'Roboto'; font-weight: 500; font-size: 18px; margin-left: 30px }
.order-simple__block.summ p {font-family: 'Roboto'; font-weight: 300; font-size: 18px;}
.order-simple__block.summ p span { font-weight: 500; font-size: 24px; padding-left: 25px}
.order-simple__block.summ button:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.png); right: 70px; top: 22px; filter: brightness(2); z-index: 5; transition: .5s}
.order-simple__block.summ button:hover:after {right: 60px}
.order-simple__block.order-props {background: #F7F5F3; padding: 20px 80px; width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px }
.order-simple__block.order-props .order-simple__block__title {display: none}
.order-simple__block.komment {width: 100%; margin-top: 15px}
.order-simple__block.komment textarea {width: 100%; max-width: 100%; height: 225px; background: none; border: 1px solid lightgray; border-radius: none!important}
.order-simple__block.order-props .order-simple__field {width: 48%; position: relative;}
.order-simple__block.order-props .order-simple__field input {width: 100%; max-width: 100%; height: 50px; margin-bottom: 21px; background: none; border: 1px solid lightgray; padding: 20px}
.order-simple__block.order-props .order-simple__field span {position: absolute; top: -10px; left: 10px; background: #F7F5F3; padding: 0px 10px }

.order-simple__block.order-props .komment span {position: absolute; top: -10px; left: 10px; background: #F7F5F3; padding: 0px 10px }
.order-simple__block.order-props .komment {position: relative}

.mmenu1024, .mmenu768, .mmenu450 {display: none}
.slick-arrow {position:relative;width: 200px;/*border-left: 1px solid lightgrey!important;*/height: 150px;top: 0!important;transform: none!important}
.slick-prev:before {content: '';background: url(/img/arrow.svg) no-repeat;background-position: center;width: 100px;height: 100px;position: absolute;transform: rotate(180deg);top: 25px;left: 10px; transition: .5s}
.slick-next:before {content: '';background: url(/img/arrow.svg) no-repeat;background-position: center;width: 100px;height: 100px;position: absolute;top: 25px;right: -60px; transition: .5s}
.slick-prev:hover:before {left: 5px}
.slick-next:hover:before {right: -65px}

.slick-next {right: 50px;}

  .nomobile {display: block;}
    .mobile {display: none;}

    .sidebarmenu ul li {display: none;}
    /*.sidebarmenu li.bx-active {display: block}*/
      .sidebarmenu .m-active li {display: block; animation: anim 0.5s;}

      @keyframes anim {
    0% {height: 0px; opacity:0;}
    100% {height: auto; opacity: 1;}
}

.sidebarmenu .active {background: #4CB5F3; display: flex; align-items: center; justify-content: space-between;}
.sidebarmenu .active .fa {width: 10%; text-align: center; color: white; font-size: 80px}
.sidebarmenu .active a {width: 88%; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding-right: 50px}
.sidebarmenu .active .image {width: 45px; text-align: center; display: flex; justify-content: center}
.sidebarmenu .active img {width: auto; max-height: 50px;}
.sidebarmenu .active .bx-nav-1-lvl-link-text {color: white; font-size: 50px; font-family: 'Roboto'; font-weight: 300}
.sidebarmenu .active img {filter: grayscale(1) brightness(10)  }
.sidebarmenu .bx-top-nav-container {padding: 0}
.sidebarmenu .bx-top-nav ul {padding-right: 0; }
.sidebarmenu .bx-top-nav ul li {padding-top: 10px; padding-bottom: 10px;}
.sidebarmenu ul li a { flex-direction: row-reverse; justify-content: space-between}
.sidebarmenu .bx-nav-1-lvl-link-text {font-size: 50px; font-weight: 300; font-family: 'Roboto'; }
.sidebarmenu ul li a {padding-right: 50px}
.sidebarmenu ul li .image {width: 45px; text-align: center; display: flex; justify-content: center}
.sidebarmenu ul li img {width: auto; max-height: 50px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-family: 'Roboto'; font-size: 14px; font-weight: 400}

  .rightside-detail .product-item-scu-container-title {color: #231F20}
  .m-active {border: 4px solid #4CB5F3 }

.basket-item-block-price .basket-item-price-current-text {font-size: 30px; font-weight: 500}

.mmenu {height: 150px}

footer .logo {width: 100%}
footer .logo img {width: 90%}
footer h3 {font-size: 16px; font-weight: 500; line-height: 18px; text-transform: uppercase}


/*@import "mobile.css";*/ 

.tns-controls {width: 1400px; margin: 0 auto; position: relative;}
.tns-controls button {top: 300px}
.tns-controls button[data-controls=prev] {left: 0; transition: .5s}
.tns-controls button[data-controls=next] {left: 50px; transition: .5s}
.tns-controls button[data-controls=prev]:hover {left: -10px; }
.tns-controls button[data-controls=next]:hover {left: 60px; }
.tns-controls button:before {display: none}
.tns-outer .tns-controls button[data-controls=prev]:after {transform: none; margin: 0; background: url(/img/arrowsl.png)!important;height: 20px; background-repeat: no-repeat!important;  background-position: center!important; filter: grayscale(1) brightness(0) }
.tns-outer .tns-controls button[data-controls=next]:after {transform: rotate(180deg); margin: 0; background: url(/img/arrowsl.png)!important;height: 20px; background-repeat: no-repeat!important; background-position: center!important; filter: grayscale(1) brightness(0) }

::-webkit-scrollbar {
     background-color: #f7f7f7;
}

::-webkit-scrollbar-thumb {
    background-color: #4CB5F3; 
}
.catalog-el {margin-top: 80px}
.mb-5 {margin: 0}

.akcii .btn-line:after {transition: .5s;  filter: brightness(0.1)}
.akcii .btn-line:hover { }
.akcii .btn-line:hover:after {right: -50px;  }

.about .btn-line:after {transition: .5s;  filter: brightness(0.1)}
.about .btn-line:hover {}
.about .btn-line:hover:after {right: -50px; }

.prefooter .btn-line:after {transition: .5s; filter: brightness(10)}
.prefooter .btn-line:hover {}
.prefooter .btn-line:hover:after {right: -50px; }

header .search img{transition: .1s}
header .search > img  { filter: grayscale(1); }

.r-rev {border: 1px solid lightgrey; padding: 80px; font-size: 18px; font-weight: 300; line-height: 1.1; margin-bottom: 40px}
.r-rev .line {display: flex; justify-content: space-between}
.r-rev .line .name {font-weight: 500; color: #231F20;  }
.r-text {font-size: 18px; font-weight: 300;}
.r-reviews {margin-top: 50px;} 

.underfooter .two a:hover{ border: none;}
.mscroll {position: fixed; top: 110px;}
.breadcrumb a:hover span {color: #4CB5F3 }

.fixed {
/*position:fixed; 
width:100%; */
}

#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID1 .afbf_item_pole.is_focused .afbf_inputtext{
    border-color: lightgrey!important;
}
#alx_feed_back_FID1 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID1.floating_labels .afbf_item_pole.is_focused .afbf_name
{
    color:grey!important;
}

.modal_form .alx-feedb-error .afbf_send_another_message {display: none}
.modal_form .alx-feedb-error {align-items: center;display: flex;flex-direction: column;justify-content: center;}


.innova_slide_block {height: 400px!important; background-size: cover!important}
.ymaps-logotype-div {display: none!important}

.product-item-detail-slider-controls-image {height: 102px; width: 102px}
.product-item-detail-slider-controls-image img {max-height: 102px; max-width: 102px}
.product-item-detail-slider-controls-block {text-align: left}
.product-item-detail-slider-controls-image.active {border: 2px solid #4CB5F3; outline: none }

.product-item-scu-item-list .product-item-scu-item-text-block:hover {background: #4CB5F3; color: white}
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block:hover {background: none; color: #231F20}

.product-item-amount-field:focus {border: none; }

.product-item-amount-field-btn-minus:after {
    background: url(/img/minus.png) no-repeat center;
    transition: .5s;
}
.product-item-amount-field-btn-plus:after {
    background: url(/img/plus.png) no-repeat center;
     transition: .5s;
}
.product-item-amount-field-btn-minus:hover:after {
   filter: grayscale(0) brightness(0);
    
}
.product-item-amount-field-btn-plus:hover:after {
    filter: grayscale(0) brightness(0);
   
}

.rightside-detail .product-item-amount-field-btn-plus, .rightside-detail .product-item-amount-field-btn-minus {width: 52px; height: 52px;}

.rightside-detail .product-item-amount-field-btn-plus, .rightside-detail .product-item-amount-field-btn-minus {width: 52px; height: 52px;}
.rightside-detail .product-item-amount-field-btn-plus:hover, .rightside-detail .product-item-amount-field-btn-minus:hover {background: none}
.product-item-amount-field {font-family: 'Roboto'; font-weight: 300; color: #231F20; font-size: 24px}

.product-item-detail-slider-left, .product-item-detail-slider-right {background:url(/img/cat-arrow.png) no-repeat center; transition: .5s; opacity: 1; width: 8%; filter: brightness(0);}
.product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover {filter: none}

.rekvizit h2 a {transition: .1s}
.rekvizit h2 a:hover {color: #4CB5F3}
.rekvizit h2 a > img  {filter: brightness(0.2) }

header .social a {transition: .1s}
header .social a:hover {color: #4CB5F3}
header .social a > img  {filter: brightness(0.2); transition: .3s; }

header .social a:hover > img {filter: none}


.fos-form form .afbf_submit_block:after {transition: .5s;}
.fos-form form .afbf_submit_block:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); right:-10px; background-position: center; background-size: 20px; background-repeat: no-repeat;}
.fos-form form .afbf_submit_block:hover:after {right: -15px; background: url(/img/arrow-h.svg); background-position: center; background-size: 20px; background-repeat: no-repeat;}
#alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn:hover {color: #4CB5F3!important }


.ymaps-b-zoom__scale-bg, .ymaps-b-zoom__sprite {background: url(/img/yan.png)!important}
.ymaps-b-form-button_theme_grey-sm, .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left, .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content {background: #231F20!important}
.ymaps-b-zoom__button_type_minus, .ymaps-b-zoom__button_type_plus {border-radius: 3px}
.ymaps-b-zoom__button_type_minus:hover .ymaps-b-form-button_theme_grey-sm,.ymaps-b-zoom__button_type_minus:hover .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left,.ymaps-b-zoom__button_type_minus:hover .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content {background: #4CB5F3!important}
.ymaps-b-zoom__button_type_plus:hover .ymaps-b-form-button_theme_grey-sm,.ymaps-b-zoom__button_type_plus:hover .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left,.ymaps-b-zoom__button_type_plus:hover .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content {background: #4CB5F3!important}
.ymaps-b-zoom__mark-inner:hover .ymaps-b-zoom__sprite {background: #4CB5F3!important }

footer .logo a:hover {border: none;}

#alx_feed_back_FID2 .afbf_feedback_poles .afbf_btn {background: none!important; box-shadow: none; color: #231F20!important; text-transform: capitalize!important; font-weight: 500; position: relative }
#alx_feed_back_FID2 .afbf_feedback_poles .afbf_btn:hover {background: none!important; color: #231F20!important }


#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_select,
#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_textarea,
#alx_feed_back_FID2 .afbf_item_pole.is_focused .afbf_inputtext{
    border-color: lightgrey!important;
}
#alx_feed_back_FID2 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before,
#alx_feed_back_FID2.floating_labels .afbf_item_pole.is_filled .afbf_name,
#alx_feed_back_FID2.floating_labels .afbf_item_pole.is_focused .afbf_name
{
    color:grey!important;
}

#alx_feed_back_FID2 .afbf_feedback_poles .afbf_btn:hover {color: #4CB5F3!important }

.product-item-label-text {display: none}
.product-item-big-card .product-item-label-ring.product-item-label-small {position: absolute; bottom: 65px; border-radius: 0; height: 42px; font-size: 22px; width: 250px; padding: 0; line-height: 40px; left: 5%; background: #4CB5F3; font-weight: 500; padding-left: 15px }
.catalog-section .product-item .col-two .product-item-price-container {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center}

.product-item-price-old {padding-left: 10px}

.product-item-detail-slider-container .product-item-label-ring {border-radius: 0; top: -1px; left: -1px; min-width: 250px; background: #4CB5F3; font-size: 22px; font-weight: 500;}
.product-item-button-container .btn {margin-bottom: -4px}

footer .col-xs-4 > p {font-weight: 300}

.about-cont {margin-top: 50px}

#map {margin-bottom: 50px}
.r-rev .text p {line-height: 1.4;}

.social .hov {display: none;}
.social a:hover .gen {display: none}
.social a:hover .hov {display: block}

.fos-social .hov {display: none;}
/*.fos-social a:hover .gen {display: none}
.fos-social a:hover .hov {display: inline}*/

.product-item-detail-economy-price {display: none;}

.question .ask {font-size: 24px; line-height: 30px; font-weight: 300}
.question .otvet {font-size: 18px; line-height: 24px; font-weight: 300; border-bottom: 1px solid lightgrey;}
.question .q {margin: 0}
.question .qs .q:first-child {border-top: 1px solid lightgrey;}

.product-item-scu-list .product-item-scu-item-list {display: flex; justify-content: space-between; flex-wrap: wrap}

.catalog-el-detail h2 {margin-top: 20px}
.catalog-el-detail .catalog-block-header h2 {margin-bottom: 10px; margin-top: 30px}

.rev-btn {background: #f7f5f3; border: 1px solid #DCD6CE; display: block; text-align: center; padding: 20px; margin-top: 20px}

.rev-btn:after {transition: .5s;}
.rev-btn:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); right: 70px; top: 45px; background-position: center; background-size: 20px; background-repeat: no-repeat;}
.rev-btn:hover:after {right: 55px; background: url(/img/arrow-h.svg); background-position: center; background-size: 20px; background-repeat: no-repeat;}
.rev-btn:hover {color: #4CB5F3}

body::-webkit-scrollbar{
width: 8px;
}

.basket-item-block-price .basket-item-price-old {/* display: none; */ text-decoration: line-through} 
.basket-item-block-price .basket-item-price-difference {display: none} 
.basket-coupon-block-total-price-difference {display: none}
.basket-checkout-block-total-price-inner {display: flex!important; align-items: center}
.basket-coupon-block-total-price-old {position: inherit; text-decoration: line-through; margin-right: 25px}
.basket-coupon-block-total-price-old:after {display: none}
.basket-checkout-section-inner {align-items: center}
.basket-checkout-block-btn {height: 60px }

.basket-item-label-ring {border-radius: 0; background: #4CB5F3; right: 0; width: 130px!important}
.basket-item-block-image {width: 250px; max-width: 250px}

.basket-item-block-price {display: flex; flex-direction: column-reverse}

.basket-item-property-name, .basket-item-property-custom-name {font-size: 16px; font-weight: 300}

footer .phone a:hover {color: #4CB5F3}
footer .col-xs-4 p a:hover {color: #4CB5F3}
footer .underfooter p a:hover {color: #4CB5F3}


/**/
header .menu {position: relative;}

.hamburger-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 50px;
  cursor: pointer;
}

.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
  position: relative;
  transform: translateY(25px);
  background: #231F20;
  transition: all 0ms 300ms;
}
.bar.animate {
  background: rgba(255, 255, 255, 0);
}

.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  background: #231F20;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: #231F20;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/**/

.back_to_top {background: url(/img/totop.png); width: 27px; height: 78px; display: block; margin-top: 100px; margin-left: 50%; transition: .5s;}
.back_to_top:hover {background: url(/img/totop-h.png); }

.trusms .alx_cont_popup .fos div {display: none; }
.trusms {min-height: auto!important}
.trusms .afbf_ok_icon {height: 160px;}
.trusms .afbf_mess_ok .mess {font-size: 32px; font-weight: 300;}
.trusms .modal_close_ok {background: none; box-shadow: none; color: #231F20; position: relative; width: 300px; font-weight: 500}
.trusms .modal_close_ok:hover {box-shadow: none}

.trusms .modal_close_ok:after {transition: .5s;}
.trusms .modal_close_ok:after {content: ''; position: absolute; width: 25px; height: 25px; background: url(/img/arrow.svg); right: 90px; top: 5px; background-position: center; background-size: 20px; background-repeat: no-repeat;}
.trusms .modal_close_ok:hover:after {right: 80px; background: url(/img/arrow-h.svg); background-position: center; background-size: 20px; background-repeat: no-repeat;}
.trusms .modal_close_ok:hover {color: #4CB5F3}

.advantage {margin-bottom: 100px}
.el-advantage .advantage {margin-bottom: 50px}

.mb-4 .catalog-section {position: relative; top: -35px}

.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button {border-radius: 0!important;}

.basket-item-property-value, .basket-item-property-custom-value {color: #231F20; font: 500 16px "Roboto";}
.basket-item-property-scu-text .basket-item-scu-item-inner {color: #231F20; font: 500 16px "Roboto";}
.basket-item-amount-filed-block p {font-size: 16px;}
.read_more a {color: #4CB5F3; font-weight: 500}

.svk-long {position: relative; margin-bottom: 20px}
.svk-long .need {position: absolute; bottom: -10px; right: 0}
#alx_feed_back_FID2 .svk-long .need {position: absolute; bottom: 40px; right: 0}
.order-simple__block.order-props {position: relative;}
.order-simple__block.order-props .need {position: absolute; top: 0; right: 80px}

.product-item-scu-list .product-item-scu-item-list li:nth-child(1) {order: 1}
.product-item-scu-list .product-item-scu-item-list li:nth-child(4) {order: 2}
.product-item-scu-list .product-item-scu-item-list li:nth-child(2) {order: 3}
.product-item-scu-list .product-item-scu-item-list li:nth-child(3) {order: 4}

.basket-item-actions-remove {font-size: 0; width: 15px; height: 20px; display: block; background: url(/img/remove.png) no-repeat; background-position: center center; transition: .3s;}
.basket-items-list-item-remove {transition: .5s}
.basket-items-list-item-remove:hover {background: #4CB5F3; cursor: pointer }
.basket-items-list-item-remove:hover .basket-item-actions-remove {filter: brightness(10)}
.basket-item-block-info .basket-item-actions-remove {opacity: 0}

.product-item-detail-price-current {font-size: 30px!important}

.catalog-section-list-tile-list .catalog-section-list-item-link {margin: 10px; display: block; color: #231F20; font-size: 18px}

.order-simple__block.order-props .order-simple__field:last-child {width: 100%}

.citata .img img {border-radius: 50%; filter: grayscale(1)}

.product-item-detail-pay-block {background: none!important}

.harakter h3 {border-bottom: 4px solid #4CB5F3; padding-bottom: 5px}
.harakter .headline {font-weight: 500; margin-bottom: 10px; justify-content: flex-start}
.harakter p {margin: 0; line-height: 2; display: flex; justify-content: space-between; align-items: baseline}
.harakter p i {border-bottom: 1px dotted black; min-width: 10px; flex: 1;}
.harakter p span:first-of-type {margin-right: 5px}
.harakter p span:last-child {margin-left: 5px}

.el-advantage img {filter: hue-rotate(120deg);}
.preim .one img {filter: hue-rotate(120deg);}

.harakter h3 a {float: right; color: black; font-weight: 300}
.harakter h3 a i {margin-left: 10px}
.serial {font-weight: 300;}
.serial span {font-weight: 500; color: #4CB5F3; margin-left: 10px}
.harak .callback-tog {width: 100%; display: block; border: 1px solid lightgrey; text-align: center; padding: 15px;}
.harak .callback-tog:hover {background: #4CB5F3 ; color: white}

.harak .btns {margin-bottom: 30px; margin-top: 30px;}

.rightside-detail .row > a {position: fixed; color: black; bottom: 20px; left: 40px }


.fos-social a:last-child {display: none}
.catalog-section {z-index: 99}

.mmenu1920 .slick-track, .mmenu1920 .slick-list {width: 100%!important}
.mmenu1920 .slick-track {display: flex; justify-content: space-between}
.mmenu1920 a {width: 100%!important}

.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span {background: #4CB5F3}
.bx-breadcrumb .bx-breadcrumb-item {display: flex}
.sl-cont-sw {overflow: hidden; position: relative;}
.product-item-detail-slider-controls-block {position: relative}
.sl-cont-sw .product-item-detail-slider-controls-image { height: 90px}
.product-item-detail-slider-controls-block .swiper-button-next:after {transform: scale(0.5); right: -40px!important; position: relative}
.product-item-detail-slider-controls-block .swiper-button-prev:after {transform: scale(0.5); left: -40px!important; position: relative}

.bar {transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)}
.hamburger-menu:hover .bar:before, .hamburger-menu:hover .bar:after, .hamburger-menu:hover .bar {background: #4CB5F3 }
.hamburger-menu:hover .bar.animate {background: none}

.catalog-section .tags {padding-left: 15px; margin-bottom: 40px; margin-top: 60px; display: flex; flex-wrap: wrap;}
.catalog-section .tags a {border: 1px solid lightgray; padding: 10px 15px; color: black; font-weight: 400; margin-right: 10px; margin-bottom: 10px;}
.catalog-section .tags a.active {color: #4CB5F3 ; border: 2px solid #4CB5F3; }

.rightside-detail .row .matras-btn {position: static!important; margin: 20px 0; display: inline-block; background: white; padding: 5px 30px; font-weight: 400; transition: .1s!important; border: 1px solid lightgrey;}
.rightside-detail .row .matras-btn img {width: 50px; margin-right: 10px; transition: .3s; filter: none}
.rightside-detail .row .matras-btn:hover {background: #4CB5F3; color: white; border-color:#4CB5F3  }
.rightside-detail .row .matras-btn:hover img {filter: invert(1) brightness(10)}

body .dopsel1 .select2-selection, body .dopsel2 .select2-selection {width: 455px!important}
.product-item-detail-tab-content {padding: 0}
.rightside-detail .serial, .rightside-detail .after-h1 {margin: 0}

.variant .color {width: 50px; height: 50px; background-size: cover!important;}
.variant .colors {display: flex; flex-wrap: wrap;}
.variant .color {margin-right: 5px; margin-bottom: 5px; border: 1px solid lightgrey;}

.variant .color {position: relative;}
.variant .color .hidden {background: white; padding: 10px; z-index: 9; width: 200px; display: ; flex-direction: column; align-items: center; justify-content: center; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.2)); top: -70px; left: -150% }
.variant .color .hidden p {margin: 0!important; line-height: 1.3}
.variant .color .hidden:after{border: 13px solid transparent; border-top: 13px solid white; content: ''; position: absolute; bottom: -26px; left: 0; right: 0; margin: 0 auto; width: 13px}
.variant .color:hover .hidden {position: absolute; display: flex!important;}

.kont .col-xs-4:last-child {opacity: 0}