@font-face {
  font-family: 'Gilroy Regular';
  src: url('../fonts/Gilroy-Regular.eot');
  src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Gilroy-Regular.woff') format('woff'),
  url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Bold.woff') format('woff'),
    url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
  font-family: "Druk Wide Cy Web Bold Regular";
  src: url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.eot"); /* IE9*/
  src: url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.woff") format("woff"), /* chrome、firefox */
  url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/0b5ecd0afcf95185925504cdca01f5e3.svg#Druk Wide Cy Web Bold Regular") format("svg"); /* iOS 4.1- */
}


html {background: #fff;}
body {font-size: 20px; font-family: 'Gilroy Regular', sans-serif; font-weight: normal; color: #171237; min-height: 100%; position: relative; min-width: 1441px;
  -webkit-transition:all 1s ease;-o-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease; background: #fff; font-weight: 600;
}

body {position: relative; min-height: 100vh; padding-top: 0px;}

body.gray-bg {background: #F1F4F6;}

.cont {padding: 0 31px; margin: 0 auto;}
.fix .cont {width: 1441px;}
.cont-2 {padding: 0 51px; margin: 0 auto;}
.fix .cont-2 {width: 1441px;}

.mobile {display: none!important;}
.desktop {display: block;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
    text-decoration: none; color: #171237;
    -webkit-appearance: none;
}
a:hover {text-decoration: none;}

b, strong {font-family: 'Gilroy Bold';}

body img {max-width: 100%;}

.pull-left {float: left;}
.pull-right {float: right;}

.site-cont {padding: 0 110px; margin: 32px auto 0 auto; max-width: 1700px;}


input,
textarea,
select {font-family: 'Gilroy Regular', sans-serif; -webkit-appearance: none; -webkit-appearance: none; border-radius: 0;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; font-weight: 600;
}

.btn {text-decoration: none; display: inline-block; font-weight: 600; font-size: 16px; line-height: 19px; border: none; border-radius: 13px; color: #171237; padding: 8px 13px;
  -webkit-appearance: none; -webkit-appearance: none; position: relative; font-family: 'Gilroy Bold'; background: #fff; border: 1px solid rgba(134, 142, 150, 0.33); text-align: center;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease; position: relative;
}
.btn:hover {background: rgba(134, 142, 150, 0.33); color: #171237;}

.btn-red {background: #F33742; color: #fff; border-color: #F33742;}
.btn-red:hover {background: #fff; color: #F33742;}

.btn-blue {background: #403CFC; color: #fff; border-color: #403CFC;}
.btn-blue:hover {background: #fff; color: #403CFC;}

.btn-gray {background: #F1F4F6; color: #000; border-color: #F1F4F6;}
.btn-gray:hover {background: #000; color: #F1F4F6;}

.btn-black {background: #171237; color: #fff; border-color: #171237;}
.btn-black:hover {background: #fff; color: #171237;}

.btn-white {background: #fff; color: #171237;}
.btn-white:hover {background: #171237; color: #fff;}

.btn-white-no {background: #fff; color: #171237; border-color: #fff;}
.btn-white-no:hover {background: #171237; color: #fff;}

.btn-white-blank {background: transparent; color: #FFFFFF; border-color: rgba(255, 255, 255, 0.4);}
.btn-white-blank:hover {background: rgba(255, 255, 255, 0.4); color: #fff;}

.btn-black-blank {background: transparent; color: #000000; border-color: rgba(134, 142, 150, 0.33);}
.btn-black-blank:hover {background: rgba(134, 142, 150, 0.33); color: #000000;}


header {padding: 11px 0 16px 0; background: #fff; border-bottom: 1px solid #E3E7EA;}
header .top {margin: 0 0 12px 0;}
header .top .city-block {float: left;}
header .top .city-block .current-city {display: inline-block; position: relative; font-size: 16px; line-height: 19px; padding: 0 17px 0 0;}
header .top .city-block .current-city:before {content: ""; position: absolute; width: 11px; height: 7px; right: 0; top: 6px;
  background-color: #171237;
  -webkit-mask-image: url(../images/dd.svg);
  mask-image: url(../images/dd.svg);
}
header .top .city-block .current-city:hover {color: #2195D2;}
header .top .city-block .current-city:hover:before {background-color: #2195D2;}
header .top .city-block .address {display: block; font-size: 14px; line-height: 17px; color: rgba(23, 18, 55, 0.6);}
header .top .menu {float: left; border-left: 1px solid #E7E7E7; display: flex; justify-content: space-between; margin: 7px 0 0 34px; padding: 4px 0 5px 28px; width: 36.2%;}
header .top .menu a {font-size: 16px; line-height: 19px; color: rgba(23, 18, 55, 0.65); display: inline-block;}
header .top .menu a.geo {position: relative; padding: 0 0 0 18px;}
header .top .menu a.geo:before {content: ""; position: absolute; left: 0; top: 4px; width: 10px; height: 10px; 
  background-color: #68657D;
  -webkit-mask-image: url(../images/geo.svg);
  mask-image: url(../images/geo.svg);
}
header .top .menu a:hover {color: #2195D2;}
header .top .menu a:hover:before {background-color: #2195D2;}
header .top .contact-block {float: right; margin: 3px 0 0 0;}
header .top .contact-block .item {float: left; margin: 0 0 0 28px;}
header .top .contact-block .item span {display: block; font-size: 14px; line-height: 17px; color: #868E96; padding: 0 0 1px 0;}
header .top .contact-block .item .phone {}
header .top .contact-block .item .phone-item {float: left; font-size: 14px; line-height: 17px; font-family: 'Gilroy Bold';}
header .top .contact-block .item .phone-item:hover {color: #F33742;}
header .top .contact-block .item .wa {float: left; width: 12px; height: 12px; margin: 2px 0 0 12px;
  background-color: #868E96;
  -webkit-mask-image: url(../images/wa.svg);
  mask-image: url(../images/wa.svg);
}
header .top .contact-block .item .wa:hover {background-color: #F33742;}
header .top .contact-block .item .tg {float: left; width: 12px; height: 10px; margin: 3px 0 0 8px;
  background-color: #868E96;
  -webkit-mask-image: url(../images/tg.svg);
  mask-image: url(../images/tg.svg);
}
header .top .contact-block .item .tg:hover {background-color: #F33742;}
header .top .contact-block .btn {float: right; position: relative; padding-left: 33px; margin: 0 0 0 26px;}
header .top .contact-block .btn:before {content: ""; position: absolute; left: 12px; top: 10px; width: 14px; height: 14px;
  background-color: #fff;
  -webkit-mask-image: url(../images/phone.svg);
  mask-image: url(../images/phone.svg);
}
header .top .contact-block .btn:hover:before {background-color: #F33742;}
header .center {margin: 0 0 16px 0;}
header .center .logo {float: left; width: 243px; height: 32px; margin: 5px 0 0px 0;
  background-color: #2195D2;
  -webkit-mask-image: url(../images/logo.svg);
  mask-image: url(../images/logo.svg);
}
header .center .logo:hover {background-color: #F33742;}
header .center .btn {position: relative; float: left; margin: 0 0 0 32px; padding: 11px 16px 11px 38px;}
header .center .btn:before {content: ""; position: absolute; width: 17px; height: 17px; left: 15px; top: 12px;
  background-color: #fff;
  -webkit-mask-image: url(../images/settings.svg);
  mask-image: url(../images/settings.svg);
}
header .center .btn:hover:before {background-color: #403CFC;}
header .center form {float: left; position: relative; height: 41px; background: #FFFFFF; border: 1px solid #D7DCE1; border-radius: 13px; margin: 0 0 0 20px; width: calc(100% - 713px); overflow: hidden;}
header .center form:before {content: ""; position: absolute; width: 17px; height: 17px; left: 14px; top: 12px;
  background-color: #000;
  -webkit-mask-image: url(../images/search.svg);
  mask-image: url(../images/search.svg);
}
header .center form input[type='text'] {font-size: 16px; color: #868E96; padding: 0 142px 0 42px; border: 0; height: 40px; width: calc(100% - 184px);}
header .center form input[type='submit'] {position: absolute; top: 1px; right: 1px; border: 0; height: 39px; line-height: inherit; width: 99px; padding: 0;}
header .center .work-icons {float: right; margin: 9px 2px 0 0;}
header .center .work-icons a {margin: 0 0 0px 35px;}
header .center .work-icons .fav {float: left; width: 24px; height: 24px; position: relative; margin-left: 0;
  background-color: #000000;
  -webkit-mask-image: url(../images/fav.svg);
  mask-image: url(../images/fav.svg);
}
header .center .work-icons .fav:hover {background-color: #F33742;}
header .center .work-icons .compare {float: left; width: 24px; height: 24px; position: relative;
  background-color: #000000;
  -webkit-mask-image: url(../images/compare.svg);
  mask-image: url(../images/compare.svg);
}
header .center .work-icons .compare:hover {background-color: #F33742;}
header .center .work-icons .cart-count {float: left; position: relative;}
header .center .work-icons .cart {float: left; width: 24px; height: 24px; position: relative;
  background-color: #000000;
  -webkit-mask-image: url(../images/cart.svg);
  mask-image: url(../images/cart.svg);
}
header .center .work-icons .cart:hover {background-color: #F33742;}
header .center .work-icons .cart-count span {position: absolute; right: -11px; top: -6px; width: 19px; height: 16px; color: #fff; background: #F33742; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; border-radius: 20px;}
header .center .work-icons .incart {float: left;
  background-color: #F33742;
}
header .center .work-icons .login {float: left; width: 24px; height: 24px; position: relative;
  background-color: #000000;
  -webkit-mask-image: url(../images/login.svg);
  mask-image: url(../images/login.svg);
}
header .center .work-icons .login:hover {background-color: #F33742;}
header .bottom-menu {display: flex; justify-content: space-between;}
header .bottom-menu a {display: inline-block; font-family: 'Gilroy Bold';}
header .bottom-menu .menu-item {color: #171237; font-size: 16px; line-height: 19px; border-radius: 13px; background: transparent; padding: 9px 20px;}
header .bottom-menu .menu-item:hover,
header .bottom-menu .menu-item.active {background-color: #F1F4F6;} 
header .bottom-menu .akcii {position: relative; color: #FC3C3C; font-size: 16px; line-height: 19px; margin: 8px 6px 0 0; padding: 0 0 0 22px;}
header .bottom-menu .akcii:before {content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px;
  background-color: #FC3C3C;
  -webkit-mask-image: url(../images/akcii.svg);
  mask-image: url(../images/akcii.svg);
}
header .bottom-menu .akcii:hover {color: #2195D2;}
header .bottom-menu .akcii:hover:before {background-color: #2195D2;}
header .bottom-menu .test-drive {position: relative; color: #00AE46; font-size: 16px; line-height: 19px; margin: 8px 6px 0 0; padding: 0 0 0 22px;}
header .bottom-menu .test-drive:before {content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px;
  background-color: #00AE46;
  -webkit-mask-image: url(../images/test-drive.svg);
  mask-image: url(../images/test-drive.svg);
}
header .bottom-menu .test-drive:hover {color: #2195D2;}
header .bottom-menu .test-drive:hover:before {background-color: #2195D2;}

.slider {padding: 35px 0 0 0; position: relative; margin: 0 0 -63px 0; overflow: hidden;}
.slider:before {content: ""; position: absolute; bottom: 145px; left: 14%; background: url(../images/slider-bg.png) no-repeat; background-size: contain; width: 1571px; height: 208px;}
.slider .item {position: relative;}
.slider .item .text {float: left; width: 550px; padding: 100px 0 0 83px;}
.slider .item .text .label {font-size: 16px; line-height: 19px; color: #27B94F; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 10px 0;}
.slider .item .text .name {font-size: 48px; line-height: 58px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.slider .item .text .short {font-size: 20px; line-height: 30px; margin: 0 0 27px 0; width: 70%;}
.slider .item .text .cart-block {}
.slider .item .text .cart-block .btn {float: left; padding: 13px 35px;}
.slider .item .text .cart-block .price {float: left; font-size: 16px; line-height: 19px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 13px 0 0 33px;}
.slider .item .image {float: right; width: calc(100% - 636px); margin: 0 80px 0 -80px;}
.slider .item .image img {display: block;}

.brands {background: #2195D2; padding: 96px 0 94px 0; margin: 0 0 48px 0;}
.brands .list {margin: 0 36px 0 20px;}
.brands .list img {display: block;}

.product-list {margin: 0 0 58px 0; position: relative; overflow: hidden;}
.product-list .title {float: left; font-size: 48px; line-height: 58px; position: relative; font-family: "Druk Wide Cy Web Bold Regular"; padding: 0 63px 0 0;}
.product-list .title-akcii:after {content: ""; position: absolute; width: 42px; height: 42px; right: 0; top: 10px; background: url(../images/fire.svg) no-repeat; background-size: contain;}
.product-list .sort-block {float: right; margin: 12px 15px 0 0;}
.product-list .sort-block .sort {float: left; border: 1px solid #E0E8EC; border-radius: 10px; margin: 0 19px 0 0; padding: 4px 15px 5px 10px;}
.product-list .sort-block .sort:hover {border-color: #171237;}
.product-list .sort-block .sort span {font-size: 12px; line-height: 14px; color: #868E96; display: block;}
.product-list .sort-block .sort b {display: inline-block; position: relative; font-size: 16px; line-height: 19px; padding: 0 16px 0 0;}
.product-list .sort-block .sort b:before {content: ""; position: absolute; width: 7px; height: 10px; right: 0; top: 4px;
  background-color: #F33742;
  -webkit-mask-image: url(../images/top.svg);
  mask-image: url(../images/top.svg);
}
.product-list .nav {float: right;}
.product-list .nav .prev {float: left; width: 46px; height: 46px; background: #91949C; border-radius: 60px; position: relative; margin: 0 18px 0 0;}
.product-list .nav .prev:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/nav-right.svg);
  mask-image: url(../images/nav-right.svg);
}
.product-list .nav .prev:hover {background-color: #000;}
.product-list .nav .next {float: left; width: 46px; height: 46px; background: #91949C; border-radius: 60px; position: relative;}
.product-list .nav .next:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff; transform: rotate(-180deg);
  -webkit-mask-image: url(../images/nav-right.svg);
  mask-image: url(../images/nav-right.svg);
}
.product-list .nav .next:hover {background-color: #000;}
.product-list .list-fix {position: relative; overflow: hidden;}
.product-list .list {margin: 39px 0 0 0; width: calc(415px * 8);}
.product-list .list .product-item {float: left; width: 382px; margin: 0 33px 0 0;}
.product-item {}
.product-item .top-info {margin: 0 0 12px 0;}
.product-item .top-info .star {float: left; font-size: 14px; line-height: 16px; color: #868E96; position: relative; padding: 0 0 0 25px;}
.product-item .top-info .star:before {content: ""; position: absolute; width: 16px; height: 16px; top: 0; left: 0;
  background-color: #FFB800;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}
.product-item .top-info .is-nal {float: left; font-size: 16px; line-height: 14px; color: #00AE46; position: relative; margin: 0 0 0 10px; padding: 0 0 0 17px;}
.product-item .top-info .is-nal:before {content: ""; position: absolute; width: 6px; height: 6px; left: 0px; top: 5px; background: #E0E0E0; border-radius: 20px;}
.product-item .name {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 18px; margin: 0 0 3px 0; display: block;}
.product-item .name:hover {color: #2195D2;}
.product-item .short {font-size: 16px; line-height: 30px; margin: 0 0 16px 0;}
.product-item .image {display: block; position: relative; overflow: hidden; border: 1px solid #E7E7E7; border-radius: 10px; margin: 0 0 18px 0;}
.product-item .image img {display: block;}
.product-item .image:hover {border-color: #91949C;}
.product-item .cart-block {border-bottom: 1px solid #E0E8EC; padding: 0 0 15px 0; margin: 0 0 17px 0;}
.product-item .cart-block .price {float: left; font-family: "Druk Wide Cy Web Bold Regular";}
.product-item .cart-block .price span {display: inline-block; font-size: 14px; line-height: 17px; color: #B3BAC0; text-decoration: line-through; text-decoration-color: #F33742;}
.product-item .cart-block .price b {display: block; font-size: 18px; line-height: 22px; color: #F33742; font-family: "Druk Wide Cy Web Bold Regular";}
.product-item .cart-block .price .is-nal {font-size: 16px; line-height: 19px; color: #00AE46; font-family: 'Gilroy Bold';}
.product-item .cart-block .btn {float: right; padding: 10px 32px;}
.product-item .cart-block .count {float: right; background: #F33742; border-radius: 10px; position: relative; padding: 2px 12px;}
.product-item .cart-block .count span {float: left; position: relative;}
.product-item .cart-block .count input {float: left; border: none; background: #fff; font-size: 17px; background: #FFFFFF; border-radius: 7px; padding: 0; height: 38px; width: 64px; text-align: center; margin: 0 12px;}
.product-item .cart-block .count .minus {width: 13px; height: 2px; margin: 17px 0 0 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/minus.svg);
  mask-image: url(../images/minus.svg);
}
.product-item .cart-block .count .plus {width: 13px; height: 13px; margin: 11px 0 0 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/plus.svg);
  mask-image: url(../images/plus.svg);
}
.product-item .cart-block .count span:hover {background-color: #000;}
.product-item .bottom-info {padding-bottom: 1px;}
.product-item .bottom-info .colors {float: left; margin: 0 0 0 -3px;}
.product-item .bottom-info .colors a {float: left; width: 22px; height: 22px; border-radius: 22px; border: 2px solid #fff; margin: 0 4px 0 0;}
.product-item .bottom-info .colors a.active,
.product-item .bottom-info .colors a:hover {box-shadow: 0 0 0 1px #000;}
.product-item .bottom-info .work-btns {float: right;}
.product-item .bottom-info .work-btns .fav {float: left; width: 24px; height: 24px; position: relative; margin-top: 0px;
  background-color: #000000;
  -webkit-mask-image: url(../images/fav.svg);
  mask-image: url(../images/fav.svg);
}
.product-item .bottom-info .work-btns .fav:hover {background-color: #F33742;}
.product-item .bottom-info .work-btns .compare {float: left; width: 24px; height: 24px; position: relative; margin: 0 0 0 24px;
  background-color: #000000;
  -webkit-mask-image: url(../images/compare.svg);
  mask-image: url(../images/compare.svg);
}
.product-item .bottom-info .work-btns .compare:hover {background-color: #F33742;}


.main-cat-list {border-top: 1px solid #E0E8EC; border-bottom: 1px solid #E0E8EC; margin: 0 0 92px 0px;}
.main-cat-list a {float: left; border-right: 1px solid #E0E8EC; border-bottom: 1px solid #E0E8EC; height: 319px; position: relative; overflow: hidden;}
.main-cat-list a.last {border-right: 0;}
.main-cat-list a.small {width: calc(25% - 1px);}
.main-cat-list a.small .cat-cont {padding: 25px 0 0 0; margin-left: 18px; height: 281px; position: relative;}
.main-cat-list a.big .cat-cont {height: 283px;}
.main-cat-list a.big {width: 49.94%;}
.main-cat-list a.big .cat-cont {padding: 21px 0 0 0; margin-left: 34px; height: 293px; position: relative;}
.main-cat-list a span {display: block; font-family: "Druk Wide Cy Web Bold Regular"; font-size: 20px; line-height: 24px; position: relative; z-index: 1;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
/*.main-cat-list a.big span {font-size: 28px; line-height: 34px; width: 70%;}*/
.main-cat-list a img {display: block; position: absolute; left: 0; bottom: 0; max-height: 100%; width: 68%;
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.main-cat-list a.big img {left: inherit; right: 40px; height: 92%; width: auto;}
.main-cat-list a .list {position: absolute; left: 0; bottom: 30px; width: calc(100% + 32px); overflow: hidden;}
.main-cat-list a .list-cont {width: 1000px;}
.main-cat-list a .list b {float: left; color: #fff; font-size: 16px; line-height: 19px; background: rgba(67, 72, 84, 0.6); backdrop-filter: blur(2px); border-radius: 53px;
  padding: 9px 28px; margin: 0 10px 0 0;
}
.main-cat-list a:hover img {transform: scale(1.1);}
.main-cat-list a:hover span {color: #2195D2;}


.youtube {overflow: hidden;}
.youtube .top {margin: 0 auto 36px auto; width: 830px; position: relative; z-index: 1;}
.youtube .top .img {float: left; width: 165px; height: 37px; background: url(../images/youtube.svg) no-repeat; background-size: contain; margin-top: 4px;}
.youtube .top .btn {float: right; margin: 0px 15px 0 0; padding: 13px 28px;}
.youtube .list {margin: -140px 0 0 0; position: relative;}
.youtube .list:before {content: ""; width: 1512px; height: 103px; bottom: 210px; background: url(../images/youtube-bg.png) no-repeat; background-size: contain; position: absolute; margin: auto; left: 0; right: 0;}
.youtube .item {background: url(../images/yb.png) no-repeat center; background-size: contain; height: 1000px; margin: 0 auto; position: relative;}
.youtube .item .title {font-size: 24px; line-height: 38px; font-family: "Druk Wide Cy Web Bold Regular"; font-size: 24px; line-height: 38px;
  margin: 0 auto; width: 831px; padding: 140px 0 0 0;
}

.product-list-border {border-top: 1px solid #E0E8EC;}
.product-list-margin {margin: -168px 0 0 0; padding: 46px 0 0 0;}


.blog {background: #2195D2; color: #fff; margin: 71px 0 62px 0; padding: 60px 0 34px 0; position: relative;}
.blog:before {content: ""; position: absolute; bottom: 145px; left: 14%; background: url(../images/blog-bg.png) no-repeat; background-size: contain; width: 1514px height: 144px;}
.blog .title {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 48px; line-height: 58px; float: left; margin: 0 0 63px 0;}
.blog .btn {float: right; margin: 18px 0 0 0; padding: 12px 23px;}
.blog .big-article {float: left; width: 44%;}
.blog .big-article .image {display: block; position: relative; overflow: hidden; border-radius: 10px; margin: 0 0 23px 0;}
.blog .big-article .image img {display: block;}
.blog .big-article .info {margin: 0 0 14px 0;}
.blog .big-article .info .time {float: left; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.8); position: relative; padding: 0 0 0 27px;}
.blog .big-article .info .time:before {content: ""; position: absolute; width: 24px; height: 24px; left: -6px; top: -3px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-mask-image: url(../images/time.svg);
  mask-image: url(../images/time.svg);
}
.blog .big-article .info .view {float: left; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.8); position: relative; padding: 0 0 0 33px; margin: 0 0 0 34px;}
.blog .big-article .info .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.blog .big-article .name {display: block; font-size: 24px; line-height: 38px; font-family: "Druk Wide Cy Web Bold Regular"; color: #fff; margin: 0 0 8px 0;}
.blog .big-article .name:hover {opacity: 0.7;}
.blog .big-article .date {font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.8);}
.blog .article-list {float: right; border-left: 1px solid rgba(255, 255, 255, 0.22); width: 50%; padding: 0 0 0 2.7%;}
.blog .article-list .item {margin: 0 0 27px 0;}
.blog .article-list .item .text {float: left; width: 57%;}
.blog .article-list .item .info {margin: 7px 0 15px 0;}
.blog .article-list .item .info .time {float: left; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.8); position: relative; padding: 0 0 0 27px;}
.blog .article-list .item .info .time:before {content: ""; position: absolute; width: 24px; height: 24px; left: -6px; top: -3px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-mask-image: url(../images/time.svg);
  mask-image: url(../images/time.svg);
}
.blog .article-list .item .info .view {float: left; font-size: 16px; line-height: 19px; color: rgba(255, 255, 255, 0.8); position: relative; padding: 0 0 0 33px; margin: 0 0 0 34px;}
.blog .article-list .item .info .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.blog .article-list .item .name {display: block; font-size: 18px; line-height: 25px; font-family: "Druk Wide Cy Web Bold Regular"; color: #fff; margin: 0 0 7px 0;}
.blog .article-list .item .name:hover {opacity: 0.7;}
.blog .article-list .item .date {font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.8);}
.blog .article-list .item .image {display: block; float: right; position: relative; overflow: hidden; border-radius: 10px; width: 40%;}
.blog .article-list .item .image img {display: block;}

.news {}
.news .title {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 48px; line-height: 58px; float: left; margin: 0 0 47px 0;}
.news .btn {float: right; margin: 9px 0 0 0; padding: 13px 22px;}
.news .list {}
.news .list .item {float: left; width: 31.3%; margin: 0 3% 0 0;}
.news .list .item:nth-child(3n) {margin-right: 0;}
.news .list .item .image {display: block; position: relative; overflow: hidden; border-radius: 10px; margin: 0 0 29px 0;}
.news .list .item .image img {display: block;}
.news .list .item .name {display: block; font-size: 18px; line-height: 25px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 21px 0;}
.news .list .item .name:hover {color: #2195D2;}
.news .list .item .info {}
.news .list .item .info .date {float: left; color: #868E96; font-size: 14px; line-height: 16px; margin: 0 0 0 17px;}
.news .list .item .info .view {float: left; font-size: 14px; line-height: 16px; color: #868E96; position: relative; padding: 0 0 0 28px; margin: 0 0 0 -7px;}
.news .list .item .info .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: #868E96;
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}

footer {background: #F1F4F6; margin: 87px 0 0 0;}
footer .top {border-top: 1px solid rgba(23, 18, 55, 0.1); padding: 37px 0 28px 0;}
footer .top .logo-cont {float: left; margin: 7px 0 0 0; width: 24%;}
footer .top .logo-cont .logo {width: 136px; height: 18px; margin: 0px 0 15px 0; display: inline-block;
  background-color: #2195D2;
  -webkit-mask-image: url(../images/logo-footer.svg);
  mask-image: url(../images/logo-footer.svg);
}
footer .top .logo-cont .text {font-size: 16px; line-height: 23px;}
footer .top .subcribe-block {float: right; width: 60%;}
footer .top .subcribe-block .question-block {float: left;}
footer .top .subcribe-block .question-block .title {font-size: 18px; line-height: 25px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
footer .top .subcribe-block .question-block .btn {display: block; padding: 10px 0;}
footer .top .subcribe-block .subcribe {float: right;}
footer .top .subcribe-block .subcribe .title {font-size: 18px; line-height: 25px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
footer .top .subcribe-block .subcribe form {position: relative; overflow: hidden; height: 43px; width: 426px; background: #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, 0.14); border-radius: 13px;}
footer .top .subcribe-block .subcribe form input[type="text"] {padding: 0 150px 0 20px; border: 0; font-size: 16px; height: 41px; width: calc(100% - 170px);}
footer .top .subcribe-block .subcribe form input[type="submit"] {position: absolute; right: 2px; top: 3px; padding: 0 0; height: 37px; width: 145px;}
footer .bottom {border-top: 1px solid rgba(23, 18, 55, 0.1); padding: 33px 0 24px 0;}
footer .bottom .contacts {float: left; width: 606px;}
footer .bottom .contacts .link {position: relative; font-size: 20px; line-height: 24px; color: #171237; padding: 0 32px 0 0; font-family: 'Gilroy Bold';}
footer .bottom .contacts .link:before {content: ""; position: absolute; width: 16px; height: 12px; right: 0; top: 6px;
  background-color: #171237;
  -webkit-mask-image: url(../images/link.svg);
  mask-image: url(../images/link.svg);
}
footer .bottom .contacts .link:hover {color: #2195D2;}
footer .bottom .contacts .link:hover:before {background-color: #2195D2;}
footer .bottom .contacts .office {margin: 56px 0 27px 0;}
footer .bottom .contacts .office span {display: block; font-size: 14px; line-height: 16px; color: rgba(23, 18, 55, 0.6); margin: 0 0 2px 0;}
footer .bottom .contacts .office b {font-size: 20px; line-height: 24px; display: block;}
footer .bottom .contacts .contact {}
footer .bottom .contacts .contact .phone {float: left; margin: 0 18px 0 0px;}
footer .bottom .contacts .contact .phone span {font-size: 14px; line-height: 16px; color: rgba(23, 18, 55, 0.6); margin-bottom: 7px; display: block;}
footer .bottom .contacts .contact .phone a {font-size: 20px; line-height: 24px; display: block; font-family: 'Gilroy Bold';}
footer .bottom .contacts .contact .phone a:hover {color: #F33742;}
footer .bottom .contacts .contact .soc {float: left; position: relative; padding: 0 0 0 19px; margin: 26px 0 0 0;}
footer .bottom .contacts .contact .soc:before {content: ""; position: absolute; width: 4px; height: 4px; left: 0px; top: 6px; background: rgba(23, 18, 55, 0.3); border-radius: 23px;}
footer .bottom .contacts .contact .soc a {float: left; margin: 0 16px 0 0;}
footer .bottom .contacts .contact .soc a:hover {background-color: #F33742;}
footer .bottom .contacts .contact .soc .tg {width: 20px; height: 16px;
  background-color: #171237;
  -webkit-mask-image: url(../images/tg-big.svg);
  mask-image: url(../images/tg-big.svg);
}
footer .bottom .contacts .contact .soc .vk {width: 23px; height: 14px;
  background-color: #171237;
  -webkit-mask-image: url(../images/vk-big.svg);
  mask-image: url(../images/vk-big.svg);
}
footer .bottom .contacts .contact .soc .yb {width: 22px; height: 16px;
  background-color: #171237;
  -webkit-mask-image: url(../images/yb-big.svg);
  mask-image: url(../images/yb-big.svg);
}
footer .bottom .menus {float: right; display: flex; justify-content: space-between; width: calc(100% - 686px); margin: -6px 0 0 0;}
footer .bottom .menus ul {display: inline-block;}
footer .bottom .menus ul li {margin-bottom: 10px;}
footer .bottom .menus ul li a {font-size: 16px;}
footer .bottom .menus ul li a:hover {color: #2195D2;}
footer .copy {font-size: 14px; line-height: 16px; color: rgba(23, 18, 55, 0.6); border-top: 1px solid rgba(23, 18, 55, 0.1); padding: 30px 0 35px 0;}
footer .copy .year {float: left;}
footer .copy .politic {float: left; border-bottom: 1px solid rgba(23, 18, 55, 0.6); margin: 0 0 0 46px; color: rgba(23, 18, 55, 0.6);}
footer .copy .politic:hover {color: #171237; border-color: #171237;}
footer .copy .icons {float: right;}
footer .copy .icons img {float: left; height: 18px; margin: 0 0 0 28px;}
footer .copy .icons img:nth-child(3) {height: 21px;}

.bread {font-size: 14px; line-height: 16px; margin: 33px 0 19px 0;}
.bread-cont {float: left;}
.bread a {float: left; color: #868E96; margin: 0 17px 0 0;}
.bread img {float: left; width: 7px; margin: 2px 17px 0 0;}
.bread span {float: left; color: #868E96;}
.bread .articul {float: right; color: #171237;}

.bread-mobile {margin: 17px 0 16px 0;}
.bread-mobile-cont {background: #F1F4F6; border-radius: 10px; position: relative; overflow: hidden; height: 42px; width: 100%;}
.bread-mobile-cont:before {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 63px; background: linear-gradient(90deg, #F1F4F6 0%, #F1F4F6 31.72%, rgba(241, 244, 246, 0.49) 100%); z-index: 1;}
.bread-mobile-line {position: absolute; top: 0; right: 0; width: 150vw;}
.bread-mobile a {float: right; font-size: 14px; line-height: 16px; padding: 5px 10px; border-radius: 10px; margin: 8px 6px 0 0;}
.bread-mobile span {float: right; font-size: 14px; line-height: 16px; background: #fff; padding: 5px 10px; border-radius: 10px; margin: 8px 6px 0 0;}

.product-page {}
.product-page h1 {float: left; font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 18px 0 0;}
.product-page .stars {float: left; margin: 7px 0 0 0;}
.product-page .stars .item {float: left; width: 17px; height: 17px; margin: 0 5px 0 0;
  background-color: #E3E7EA;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}
.product-page .stars .item.fill {background-color: #FFB800;}
.product-page .rating {float: left; font-size: 16px; line-height: 30px; margin: 2px 15px 0 15px;}
.product-page .recall-link {float: left; color: #868E96; font-size: 16px; line-height: 30px; margin: 2px 0 0 0;}
.product-page .product-cont {margin: 28px 0 4px 0;}
.product-page .gall {float: left; width: 130px; margin: 0 20px 0 0;}
.product-page .gall-cont {position: relative;}
.product-page .gall .nav-bottom {position: absolute;}
.product-page .gall .nav-top {position: absolute;}
.product-page .gall .video {display: block; text-align: center; position: relative; overflow: hidden; border: 1px solid #E3E7EA; border-radius: 10px; margin: 0 0 16px 0;}
.product-page .gall .video img {display: block; margin: 14px auto 8px auto; width: 38px;}
.product-page .gall .video span {display: block; font-size: 14px; line-height: 16px; margin: 0 0 13px 0;}
.product-page .gall .item {display: block; position: relative; overflow: hidden; border: 1px solid #E3E7EA; border-radius: 10px; margin: 0 0 16px 0;}
.product-page .gall .item img {display: block;}
.product-page .big-image {float: left; position: relative; overflow: hidden; border: 1px solid #E3E7EA; width: calc(100% - 570px); border-radius: 10px;}
.product-page .big-image img {display: block; width: 100%;}
.product-page .product-info {float: right; width: 386px; margin: -5px 0 0 0;}
.product-page .product-info .price-block {float: left; text-align: left;}
.product-page .product-info .price-block span {display: block; font-size: 14px; line-height: 17px; color: #00AE46; font-family: 'Gilroy Bold'; margin: 0 0px 4px 0;}
.product-page .product-info .price-block b {display: block; font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular";}
.product-page .product-info .color-block {float: right; text-align: right;}
.product-page .product-info .color-block span {display: block; font-size: 14px; line-height: 17px; color: #868E96; margin: 0 0px 7px 0;}
.product-page .product-info .color-block .colors {margin: 0 -4px 0 0;}
.product-page .product-info .color-block .colors .item {float: right; width: 22px; height: 22px; border-radius: 22px; border: 2px solid #fff; margin: 0 4px 0 0;}
.product-page .product-info .color-block .colors .item.active,
.product-page .product-info .color-block .colors .item:hover {box-shadow: 0 0 0 1px #000;}
.product-page .product-info .cart-block {margin: 28px 0 4px 0;}
.product-page .product-info .cart-block .btn-block {float: left; text-align: center; width: 276px;}
.product-page .product-info .cart-block .btn-block .btn {display: block; padding: 11px 0;}
.product-page .product-info .cart-block .btn-block span {font-size: 14px; line-height: 30px; cursor: pointer; margin: 2px 0 0 0; display: block;}
.product-page .product-info .cart-block .fav {float: left; width: 42px; height: 42px; background: #F1F4F6; border-radius: 10px; position: relative; margin: 0 0 0 12px;}
.product-page .product-info .cart-block .fav:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px;
  background-color: #000000;
  -webkit-mask-image: url(../images/fav.svg);
  mask-image: url(../images/fav.svg);
}
.product-page .product-info .cart-block .compare {float: left; width: 42px; height: 42px; background: #F1F4F6; border-radius: 10px; position: relative; margin: 0 0 0 12px;}
.product-page .product-info .cart-block .compare:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px;
  background-color: #000000;
  -webkit-mask-image: url(../images/compare.svg);
  mask-image: url(../images/compare.svg);
}
.product-page .product-info .plan {background: #F1F4F6; border-radius: 10px; position: relative; margin: 0 0 17px 0;}
.product-page .product-info .plan b {display: block; font-size: 16px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0px 0 2px 0;}
.product-page .product-info .plan p {font-size: 14px; line-height: 17px; color: #868E96;}
.product-page .product-info .plan .plan-cont {padding: 12px 20px 17px 20px;}
.product-page .product-info .plan:before {content: ""; position: absolute; width: 16px; height: 11px; right: 19px; bottom: 20px;
  background-color: #000000;
  -webkit-mask-image: url(../images/link.svg);
  mask-image: url(../images/link.svg);
}
.product-page .product-info .big-btns {border-bottom: 1px solid #E3E7EA; padding: 0 0 17px 0; margin: 0 0 12px 0;}
.product-page .product-info .big-btns a {background: #FFFFFF; border: 1px solid #E3E7EA; border-radius: 10px; font-size: 14px; line-height: 16px; position: relative;
  padding: 12px 0 13px 50px; width: 133px;
}
.product-page .product-info .big-btns .test-drive {float: left;}
.product-page .product-info .big-btns .test-drive:before {content: ""; position: absolute; width: 17px; height: 20px; left: 17px; top: 15px;
  background-color: #FC3C3C;
  -webkit-mask-image: url(../images/test-drive-icon.svg);
  mask-image: url(../images/test-drive-icon.svg);
}
.product-page .product-info .big-btns .video {float: right;}
.product-page .product-info .big-btns .video:before {content: ""; position: absolute; width: 20px; height: 17px; left: 16px; top: 15px;
  background-color: #FC3C3C;
  -webkit-mask-image: url(../images/video-icon.svg);
  mask-image: url(../images/video-icon.svg);
}
.product-page .product-info .docs {}
.product-page .product-info .docs span {font-size: 14px; line-height: 16px; color: #868E96; display: block; margin: 0 0 12px 0;}
.product-page .product-info .docs .doc {float: left; background: #F1F4F6; border-radius: 10px; font-size: 14px; line-height: 17px; font-family: 'Gilroy Bold'; padding: 6px 14px;}
.product-page .product-info .docs .more {float: left; font-size: 14px; line-height: 16px; text-decoration: underline; color: #868E96; margin: 7px 0 0 11px;}
.product-page .product-info .icons {margin: 28px 0 0 0;}
.product-page .product-info .icons span {display: block; position: relative; font-size: 16px; line-height: 19px; padding: 0 0 0 33px; margin: 0 0 16px 0;}
.product-page .product-info .icons span.icon-1:before {content: ""; position: absolute; width: 19px; height: 19px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/product-info-icon-1.svg);
  mask-image: url(../images/product-info-icon-1.svg);
}
.product-page .product-info .icons span.icon-2:before {content: ""; position: absolute; width: 18px; height: 20px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/product-info-icon-2.svg);
  mask-image: url(../images/product-info-icon-2.svg);
}
.product-page .product-info .icons span.icon-3:before {content: ""; position: absolute; width: 20px; height: 20px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/product-info-icon-3.svg);
  mask-image: url(../images/product-info-icon-3.svg);
}
.product-page .more-product-list {margin: 0 0 34px 0;}
.product-page .more-product-list h2 {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 23px 0;}
.product-page .more-product-list .list {margin: 0 -30px 0 -4px; position: relative; overflow: hidden;}
.product-page .more-product-list .list-cont {width: calc(330px * 5);}
.product-page .more-product-list .list .item {float: left; background: #FFFFFF; border: 2px solid transparent; border-radius: 13px; padding: 4px 4px; width: 315px; margin: 0 3px 0 0;}
.product-page .more-product-list .list .item:hover,
.product-page .more-product-list .list .item.active {border-color: #403CFC;}
.product-page .more-product-list .list .item .img {float: left; position: relative; overflow: hidden; border: 1px solid #E3E7EA; border-radius: 10px; width: 125px;}
.product-page .more-product-list .list .item .img img {display: block;}
.product-page .more-product-list .list .item .text {float: left; font-family: "Druk Wide Cy Web Bold Regular"; margin: 6px 0 0 22px; width: calc(100% - 150px);}
.product-page .more-product-list .list .item .text span {display: block; font-size: 12px; line-height: 19px; margin: 0 0 8px 0;}
.product-page .more-product-list .list .item .text b {display: block; font-size: 12px; line-height: 15px; color: #F33742; font-family: "Druk Wide Cy Web Bold Regular";}
.product-page .product-description {margin: 0 0 35px 0;}
.product-page .product-description-tabs {margin-top: 68px;}
.product-page .product-description-cont {width: 70%;}
.product-page .product-description h2 {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.product-page .product-description p {font-size: 16px; line-height: 23px; margin: 0 0 19px 0;}
.product-page .product-description h3 {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 25px 0;}
.product-page .product-description ul {margin: 0 0 30px 0;}
.product-page .product-description ul li {float: left; font-size: 14px; line-height: 23px; background: #F1F4F6; border-radius: 10px; font-family: 'Gilroy Bold'; padding: 3px 12px; margin: 0 7px 9px 0;}
.product-page .product-description h4 {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 27px 0;}
.product-page .product-description .columns {display: flex; justify-content: space-between;}
.product-page .product-description .columns .column {width: 32.4%;}
.product-page .product-description .columns .column-item {background: #FFFFFF; border: 1px solid #E3E7EA; border-radius: 10px; padding: 0 0 19px 0; margin: 0 0 17px 0;}
.product-page .product-description .columns .column-item .title {text-align: center; font-size: 14px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; padding: 19px 0 14px 0;}
.product-page .product-description .columns .column-item .item {position: relative; margin: 0 21px 5px 21px;}
.product-page .product-description .columns .column-item .item .line {position: absolute; bottom: 11px; left: 0; width: 100%; border-bottom: 1px dashed #868E96;}
.product-page .product-description .columns .column-item .item span {font-size: 14px; line-height: 23px; background: #fff; position: relative;}
.product-page .product-description .columns .column-item .item span.pull-left {color: #868E96; padding-right: 5px;}
.product-page .product-description .columns .column-item .item span.pull-right {padding-left: 5px;}
.product-page .product-description .tabs {margin: 0 0 19px 0;}
.product-page .product-description .tabs a {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 49px 0 0; color: #868E96;}
.product-page .product-description .tabs a.active,
.product-page .product-description .tabs a:hover {color: #403CFC;}
.product-page .product-description .more-products {margin: 50px 0 0 0;}
.product-page .product-description .more-products .title {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 17px 0;}
.product-page .product-description .more-products .products-list {float: left; width: 65.6%;}
.product-page .product-description .more-products .products-list .tabs {margin-bottom: 25px;}
.product-page .product-description .more-products .products-list .tabs a {font-size: 18px; margin: 0 22px 0 0;}
.product-page .product-description .more-products .products-list .list {border-right: 1px solid #E3E7EA; width: 95.6%; padding: 0 4.3% 0 0; position: relative; overflow: hidden; max-height: 390px;}
.product-page .product-description .more-products .products-list .list .item {margin: 0 0 14px 0;}
.product-page .product-description .more-products .products-list .list .item .image {float: left; position: relative; overflow: hidden; width: 97px; height: 97px; border: 1px solid #E3E7EA; border-radius: 10px; margin: 0 28px 0 0;}
.product-page .product-description .more-products .products-list .list .item .image img {display: block;}
.product-page .product-description .more-products .products-list .list .item .short {float: left; width: calc(100% - 213px); margin: 20px 0 0 0;}
.product-page .product-description .more-products .products-list .list .item .short a {font-size: 16px; line-height: 23px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 12px 0; display: block;}
.product-page .product-description .more-products .products-list .list .item .short .price {font-size: 16px; line-height: 19px; font-family: "Druk Wide Cy Web Bold Regular"; color: #F33742;}
.product-page .product-description .more-products .products-list .list .item .add {float: right; width: 46px; height: 46px; background: #91949C; border-radius: 60px; margin: 27px 0 0 0; position: relative;}
.product-page .product-description .more-products .products-list .list .item .add:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  width: 13px; height: 13px;
  background-color: #fff;
  -webkit-mask-image: url(../images/plus.svg);
  mask-image: url(../images/plus.svg);
}
.product-page .product-description .more-products .products-list .list .item .minus {float: right; width: 46px; height: 46px; background: #403CFC; border-radius: 60px; margin: 27px 0 0 0; position: relative;}
.product-page .product-description .more-products .products-list .list .item .minus:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  width: 13px; height: 2px;
  background-color: #fff;
  -webkit-mask-image: url(../images/minus.svg);
  mask-image: url(../images/minus.svg);
}
.product-page .product-description .more-products .nabor {float: right; width: 31.5%;}
.product-page .product-description .more-products .nabor .name {font-size: 20px; line-height: 27px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 15px 0;}
.product-page .product-description .more-products .nabor .price-block {float: left;}
.product-page .product-description .more-products .nabor .price-block span {display: inline-block; font-size: 14px; line-height: 17px; color: #F33742;
  background: rgba(243, 55, 66, 0.12); border-radius: 60px; font-family: 'Gilroy Bold'; padding: 6px 14px; margin-bottom: 8px;
}
.product-page .product-description .more-products .nabor .price-block b {display: block; font-size: 24px; line-height: 30px; color: #F33742; font-family: "Druk Wide Cy Web Bold Regular";}
.product-page .product-description .more-products .nabor .btn {float: right; margin: 20px 0 0 0; padding: 10px 24px;}
.product-page .product-description .more-products .nabor .image {display: block; position: relative; overflow: hidden; border: 1px solid #E3E7EA; border-radius: 10px; margin: 20px 0 0 0;}
.product-page .product-description .more-products .nabor .image img {display: block;}
.product-page .product-description .product-list {margin: 53px 0 43px 0;}
.product-page .product-description .product-list .title {font-size: 24px; line-height: 30px;}
.product-page .product-description .product-list .sort-block {margin: 0 1px 0 0;}
.product-page .product-description .product-list .list {margin: 11px 0 0 0;}
.product-page .product-description .product-item .top-info {margin-bottom: 8px;}
.product-page .product-description .product-item .name {font-size: 14px; margin-bottom: 0px;}
.product-page .product-description .product-item .short {margin-bottom: 7px;}
.product-page .product-description .product-list .list {width: calc(326px * 8);}
.product-page .product-description .product-list .list .product-item {width: 307px; margin: 0 19px 0 0;}
.product-page .product-description .product-item .image {margin-bottom: 11px;}
.product-page .product-description .product-item .cart-block .price {}
.product-page .product-description .product-item .cart-block .price .is-nal {font-size: 14px; line-height: 17px; color: #00AE46; font-family: 'Gilroy Bold';}
.product-page .product-description .product-item .cart-block .btn {position: relative; padding: 0; width: 40px; height: 40px;}
.product-page .product-description .product-item .cart-block .btn:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/cart.svg);
  mask-image: url(../images/cart.svg);
}
.product-page .product-description .product-item .cart-block .btn:hover:before {background-color: #F33742;}
.product-page .product-description .product-item .cart-block .price b {color: #171237;}
.product-page .recall-list {}
.product-page .recall-list .title {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 40px 0;}
.product-page .recall-list .list {float: left; width: calc(100% - 475px);}
.product-page .recall-list .list .item {margin: 0 0 18px 0;}
.product-page .recall-list .list .item .autor {float: left;}
.product-page .recall-list .list .item .autor .image {float: left; position: relative; overflow: hidden; width: 48px; height: 48px; border: 1px solid #E0E8EC; border-radius: 50px; margin: 0 15px 0 0;}
.product-page .recall-list .list .item .autor .image img {display: block;}
.product-page .recall-list .list .item .short {float: left; margin: 6px 0 0 0;}
.product-page .recall-list .list .item .short b {display: block; font-weight: normal; font-size: 16px; line-height: 19px; margin: 0 0 3px 0;}
.product-page .recall-list .list .item .short span {display: block; font-size: 14px; line-height: 17px; color: #868E96;}
.product-page .recall-list .list .item .stars {float: right;}
.product-page .recall-list .list .item .stars .s-item {float: left; width: 17px; height: 17px; margin: 0 0 0 5px;
  background-color: #E3E7EA;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}
.product-page .recall-list .list .item .stars .s-item.fill {background-color: #FFB800;}
.product-page .recall-list .list .item .stars span {display: block; font-size: 14px; line-height: 17px; color: #868E96; margin: 5px 0 0 8px;}
.product-page .recall-list .list .item .stars b {color: #171237; font-weight: normal;}
.product-page .recall-list .list .item .text {font-size: 16px; line-height: 23px; margin: 18px 0 0 65px; padding: 0 10px 0 0; border-bottom: 1px solid #E0E8EC;}
.product-page .recall-list .list .item .text p {margin-bottom: 22px;}
.product-page .recall-list .list .item .text a {color: #403CFC;}
.product-page .recall-list .list .btn {display: block; background: #E0E8EC; border-radius: 10px; padding: 11px 0;}
.product-page .recall-list .list .btn:hover {color: #E0E8EC; background: #171237;}
.product-page .current-recall {float: right; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 13px; width: 430px;}
.product-page .current-recall-cont {padding: 22px 31px 35px 31px;}
.product-page .current-recall .stars {}
.product-page .current-recall .stars .item {float: left; width: 24px; height: 23px; margin: 0 8px 0 0;
  background-color: #E3E7EA;
  -webkit-mask-image: url(../images/big-star.svg);
  mask-image: url(../images/star/big-star.svg);
}
.product-page .current-recall .stars .item.fill {background-color: #FFB800;}
.product-page .current-recall .stars span {display: block; font-size: 14px; line-height: 30px; margin: 4px 0 0 0;}
.product-page .current-recall .rating {float: right; text-align: right; margin: 0 0 13px 0;}
.product-page .current-recall .rating b {display: block; font-weight: normal; font-size: 24px; line-height: 37px;}
.product-page .current-recall .rating span {display: block; font-size: 14px; line-height: 24px; color: #868E96;}
.product-page .current-recall .line {margin: 0 0 2px 0;}
.product-page .current-recall .line b {float: left; font-size: 20px; line-height: 24px; width: 32px;}
.product-page .current-recall .line .item {float: left; position: relative; background: #E3E7EA; border-radius: 10px; overflow: hidden; height: 10px; width: calc(100% - 70px); margin: 9px 0 0 0;}
.product-page .current-recall .line .item .fill {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFB800; border-radius: 10px;}
.product-page .current-recall .line span {float: right; font-size: 14px; line-height: 30px; text-align: right; width: 38px;}
.product-page .current-recall .btn {display: block; padding: 11px 0; margin: 20px 0 0 0;}

.catalog-page {}
.catalog-page h1 {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin-bottom: 31px;}
.menu-left {float: left; width: 274px;}
.menu-left .menu-item {border-bottom: 1px solid #E0E8EC; padding: 0 0 22px 0; margin: 0 0 22px 0;}
.menu-left .menu-item .title {font-size: 17px; line-height: 20px; color: #868E96; margin-bottom: 10px;}
.menu-left .menu-item ul {}
.menu-left .menu-item ul li {margin: 0 0 11px 0;}
.menu-left .menu-item ul li a {font-size: 18px; line-height: 20px;}
.menu-left .menu-item ul li a.active {color: #F33742;}
.menu-left .menu-item .more {display: inline-block; font-size: 18px; line-height: 20px; text-decoration: underline; color: #403CFC;}
.menu-left .menu-item .slider-price {}
.menu-left .menu-item .slider-price-cont {background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 10px; margin: 15px 0 0 0;}
.menu-left .menu-item .slider-price .item {padding: 2px 0 5px 14px; width: 120px;}
.menu-left .menu-item .slider-price .item.from {float: left; border-right: 1px solid #E0E8EC;}
.menu-left .menu-item .slider-price .item.to {float: right;}
.menu-left .menu-item .slider-price .item span {display: block; font-size: 12px; line-height: 11px; color: #868E96; font-family: 'Gilroy Bold';}
.menu-left .menu-item .slider-price .item input {background: transparent; border: none; padding: 0; font-family: 'Gilroy Bold';}
.menu-left .menu-item .slider-price .line {width: 100%; height: 3px; background: #E0E8EC; position: relative; margin: 16px 0 7px 0;}
.menu-left .menu-item .slider-price .line .pimp {position: absolute; width: 19px; height: 13px; background: #403CFC; border-radius: 10px;}
.menu-left .menu-item .slider-price .line .pimp.left {left: -1px; top: -5px;}
.menu-left .menu-item .slider-price .line .pimp.right {right: -1px; top: -5px;}
.menu-left .menu-item input[type="checkbox"] {display: none;}
.menu-left .menu-item input[type="checkbox"]+label {position: relative; padding: 0px 0 0 36px; font-size: 18px; line-height: 20px; margin: 0 0 15px 0; display: block;}
.menu-left .menu-item input[type="checkbox"]+label:before {content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 7px;}
.menu-left .menu-item input[type="checkbox"]:checked+label:after {content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; background: #403CFC; border: 1px solid #403CFC; border-radius: 4px;}
.menu-left .menu-item .color-list {width: 106%; margin: 0 0 3px 0;}
.menu-left .menu-item .color-list span {float: left; height: 27px; width: 129px; background: #FFFFFF; border: 1px solid #FFB800; color: #FFB800; border-radius: 10px; font-size: 12px; text-align: center; line-height: 27px; margin: 0 12px 10px 0;}
.menu-left .btn {display: block; padding-left: 0; padding-right: 0; margin: 15px 0 0 0;}
.catalog-page-main .menu-left .menu-item .title {font-size: 16px; line-height: 19px; font-family: "Druk Wide Cy Web Bold Regular";}

.catalog-page .fast-links {margin: -8px 0 12px 0; width: 90%;}
.catalog-page .fast-links a {float: left; background: #F1F4F6; border: 1px solid #F1F4F6; border-radius: 50px; font-weight: 600; font-size: 16px; line-height: 19px; padding: 10px 21px; margin: 0 14px 14px 0;}
.catalog-page .fast-links a.active {background-color: #fff;}

.catalog-list {float: right; width: calc(100% - 306px);}
.catalog-list-top {}
.catalog-list-top .sort {float: left; border-radius: 10px; margin: 0 19px 0 0;}
.catalog-list-top .sort:hover {border-color: #171237;}
.catalog-list-top .sort span {font-size: 12px; line-height: 14px; color: #868E96; display: block;}
.catalog-list-top .sort b {display: inline-block; position: relative; font-size: 16px; line-height: 19px; padding: 0 16px 0 0;}
.catalog-list-top .sort b:before {content: ""; position: absolute; width: 7px; height: 10px; right: 0; top: 4px;
  background-color: #F33742;
  -webkit-mask-image: url(../images/top.svg);
  mask-image: url(../images/top.svg);
}
.catalog-list-top .is-nav {float: right;}
.catalog-list-top .is-nav b {float: left; position: relative; width: 52px; height: 26px; background: #E3E7EA; border: 1px solid #E0E8EC; border-radius: 50px; margin: 6px 0 0 0;}
.catalog-list-top .is-nav b:before {content: ""; position: absolute; left: 1px; top: 1px; width: 22px; height: 22px; background: #403CFC; border: 1px solid #403CFC; border-radius: 50px;}
.catalog-list-top .is-nav span {float: left; font-size: 16px; line-height: 19px; font-family: 'Gilroy Bold'; margin: 9px 0 0 16px;}
.catalog-list-top .is-nav.active b:before {left: 27px;}
.catalog-list .product-list {margin: 0 0 2px 0;}
.catalog-list .product-list .list {width: 103%; margin: 25px 0 0 0;}
.catalog-list .product-list .product-item {width: 30.2%; margin-bottom: 35px; margin-right: 3%;}
.catalog-list .product-list .product-item .image {margin: 0 0 11px 0;}
.catalog-list .product-list .product-item .name {font-size: 14px; line-height: 30px; margin-bottom: 0;}
.catalog-list .product-list .product-item  .short {line-height: 20px; margin: 0 0 7px 0;}
.catalog-list .product-list .product-item .cart-block {padding-bottom: 11px;}
.catalog-list .product-list .product-item .cart-block .price .is-nal {font-size: 16px; line-height: 17px; color: #00AE46; font-family: 'Gilroy Bold';}
.catalog-list .product-list .product-item .cart-block .price b {font-size: 16px; line-height: 28px;}
.catalog-list .product-list .product-item .cart-block .btn {border-color: #F33742; color: #F33742; padding: 10px 22px;}
.catalog-list .product-list .product-item .cart-block .btn:hover {background-color: #F33742; color: #fff;}
.catalog-list .product-list .product-item .bottom-info .work-btns .star {float: left; font-size: 14px; line-height: 16px; color: #868E96; position: relative; padding: 0 0 0 25px; margin: 4px 22px 0 0;}
.catalog-list .product-list .product-item .bottom-info .work-btns .star:before {content: ""; position: absolute; width: 17px; height: 17px; top: 0; left: 0;
  background-color: #FFB800;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}
.catalog-list .product-list .more {}
.catalog-list .product-list .paggination {}
.catalog-list .product-list .paggination .page {}
.catalog-list .product-list .paggination .page.active {}
.catalog-list .product-list .paggination .next {}
.catalog-list .more {display: block; background: #E0E8EC; border: none; border-radius: 10px; padding: 11px 0;}
.catalog-list .more:hover {color: #E0E8EC; background: #171237;}
.catalog-list .paggination {margin: 13px 0 0 0;}
.catalog-list .paggination .page {float: left; width: 41px; height: 41px; line-height: 41px; font-size: 16px; text-align: center; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 10px; font-family: 'Gilroy Bold'; margin: 0 6px 0 0;}
.catalog-list .paggination .page.active {background: #F1F4F6; color: #000;}
.catalog-list .paggination .next {float: left; font-size: 18px; line-height: 20px; text-align: center; color: #868E96; font-family: 'Gilroy Bold'; margin: 10px 0 0 17px;}

.cart-page {margin: 39px 0 0 0;}
.cart-page .cart-title {border-bottom: 1px solid #E0E8EC; padding: 0 0 24px 0; margin: 0 0 15px 0;}
.cart-page .cart-title h1 {float: left; font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular";}
.cart-page .cart-title h1 span {color: #868E96; padding: 0 0 0 11px;}
.cart-page .cart-title .step {float: right; margin: 4px 4px 0 0;}
.cart-page .cart-title .step a {float: left; font-size: 18px; line-height: 27px; color: #868E96; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 0 50px;}
.cart-page .cart-title .step a:hover,
.cart-page .cart-title .step a.active {color: #403CFC;}
.cart-page .cart-list {border-bottom: 1px solid #E0E8EC; padding: 0 0 18px 0;}
.cart-page .cart-list .list {float: left; width: calc(100% - 403px);}
.cart-page .cart-list .cart-top-work {margin: 0 0 15px 0;}
.cart-page .cart-list .cart-top-work input[type="checkbox"] {display: none;}
.cart-page .cart-list .cart-top-work input[type="checkbox"]+label {float: left; position: relative; font-weight: 600; font-size: 16px; line-height: 19px; color: #868E96; padding: 0 0 0 33px; margin: 0 31px 0 0;}
.cart-page .cart-list .cart-top-work input[type="checkbox"]+label:before {content: ""; position: absolute; width: 22px; height: 22px; left: 0px; top: -3px; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 7px;}
.cart-page .cart-list .cart-top-work input[type="checkbox"]:checked+label:after {content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 0px; background: #403CFC; border: 1px solid #403CFC; border-radius: 4px;}
.cart-page .cart-list .cart-top-work .remove {float: left; font-weight: 600; font-size: 16px; line-height: 19px; color: #F33742;}
.cart-page .cart-list .list-cont {border-right: 1px solid #E0E8EC; padding: 0 31px 0 0;}
.cart-page .cart-list .list-cont .item {border-bottom: 1px solid #E0E8EC; padding: 0 0 15px 0; margin: 0 0 16px 0;}
.cart-page .cart-list .list-cont .item:last-child {border: none;}
.cart-page .cart-list .list-cont .item input[type="checkbox"] {display: none;}
.cart-page .cart-list .list-cont .item input[type="checkbox"]+label {float: left; position: relative; font-weight: 600; font-size: 16px; line-height: 19px; color: #868E96;}
.cart-page .cart-list .list-cont .item input[type="checkbox"]+label:before {content: ""; position: absolute; width: 22px; height: 22px; left: 0px; top: -3px; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 7px;}
.cart-page .cart-list .list-cont .item input[type="checkbox"]:checked+label:after {content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 0px; background: #403CFC; border: 1px solid #403CFC; border-radius: 4px;}
.cart-page .cart-list .list-cont .item .image {float: left; position: relative; overflow: hidden; width: 142px; margin: 0 21px 0 33px; border: 1px solid #E3E7EA; border-radius: 10px;}
.cart-page .cart-list .list-cont .item .image img {display: block;}
.cart-page .cart-list .list-cont .item .product-info {float: left; margin: 9px 0 0 0; width: calc(100% - 350px);}
.cart-page .cart-list .list-cont .item .product-info .star {float: left; font-size: 14px; line-height: 16px; color: #868E96; position: relative; padding: 0 0 0 20px;}
.cart-page .cart-list .list-cont .item .product-info .star:before {content: ""; position: absolute; width: 16px; height: 16px; top: 0; left: 0;
  background-color: #FFB800;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}
.cart-page .cart-list .list-cont .item .product-info .is-nal {float: left; font-size: 16px; line-height: 15px; color: #00AE46; font-family: 'Gilroy Bold'; margin: 0 0 0 12px;}
.cart-page .cart-list .list-cont .item .product-info .name {font-size: 14px; line-height: 30px; display: block; font-family: "Druk Wide Cy Web Bold Regular"; margin: 6px 0 6px 0;}
.cart-page .cart-list .list-cont .item .product-info .work-btns {}
.cart-page .cart-list .list-cont .item .product-info .work-btns .remove {float: left; font-size: 16px; line-height: 19px; color: #868E96; margin: 0 20px 0 0;}
.cart-page .cart-list .list-cont .item .product-info .work-btns .fav {float: left; width: 18px; height: 18px; position: relative; margin-top: 0px;
  background-color: #000000;
  -webkit-mask-image: url(../images/fav-small.svg);
  mask-image: url(../images/fav-small.svg);
}
.cart-page .cart-list .list-cont .item .product-info .work-btns .fav:hover {background-color: #F33742;}
.cart-page .cart-list .list-cont .item .product-info .work-btns .compare {float: left; width: 18px; height: 18px; position: relative; margin: 0 0 0 17px;
  background-color: #000000;
  -webkit-mask-image: url(../images/compare-small.svg);
  mask-image: url(../images/compare-small.svg);
}
.cart-page .cart-list .list-cont .item .product-info .work-btns .compare:hover {background-color: #F33742;}
.cart-page .cart-list .list-cont .item .price-block {float: right;}
.cart-page .cart-list .list-cont .item .price-block .price {font-size: 16px; line-height: 30px; color: #F33742; font-family: "Druk Wide Cy Web Bold Regular"; text-align: right; margin: 0 0 22px 0;}
.cart-page .cart-list .list-cont .item .price-block .count {background: #E3E7EA; border-radius: 10px; position: relative; padding: 2px 12px;}
.cart-page .cart-list .list-cont .item .price-block .count span {float: left; position: relative;}
.cart-page .cart-list .list-cont .item .price-block .count input {float: left; border: none; background: #fff; font-size: 17px; background: #fff; border-radius: 7px; padding: 0; height: 38px; width: 64px; text-align: center; margin: 0 12px;}
.cart-page .cart-list .list-cont .item .price-block .count .minus {width: 13px; height: 2px; margin: 17px 0 0 0;
  background-color: #000;
  -webkit-mask-image: url(../images/minus.svg);
  mask-image: url(../images/minus.svg);
}
.cart-page .cart-list .list-cont .item .price-block .count .plus {width: 13px; height: 13px; margin: 11px 0 0 0;
  background-color: #000;
  -webkit-mask-image: url(../images/plus.svg);
  mask-image: url(../images/plus.svg);
}
.cart-page .cart-list .list-cont .item .price-block .count span:hover {background-color: #fff;}
.cart-page .cart-info {float: right; width: 370px; margin: 34px 0 0 0; padding: 0 0 0 0px;}
.cart-page .cart-info .btn {display: block; padding: 10px 0; margin: 0 0 21px 0;}
.cart-page .cart-info .price {border-bottom: 1px solid #E0E8EC; padding: 0 0 24px 0;}
.cart-page .cart-info .price .itog {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; display: block; margin: 0 0 7px 0;}
.cart-page .cart-info .price .count {font-size: 16px; line-height: 19px; color: #868E96; display: block;}
.cart-page .cart-info .icons {margin: 27px 0 0 0;}
.cart-page .cart-info .icons span {display: block; position: relative; font-size: 16px; line-height: 19px; padding: 0 0 0 33px; margin: 0 0 16px 0;}
.cart-page .cart-info .icons span.icon-1:before {content: ""; position: absolute; width: 19px; height: 21px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/cart-info-icon-1.svg);
  mask-image: url(../images/cart-info-icon-1.svg);
}
.cart-page .cart-info .icons span.icon-2:before {content: ""; position: absolute; width: 19px; height: 18px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/cart-info-icon-2.svg);
  mask-image: url(../images/cart-info-icon-2.svg);
}
.cart-page .cart-info .icons span.icon-3:before {content: ""; position: absolute; width: 19px; height: 19px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/cart-info-icon-3.svg);
  mask-image: url(../images/cart-info-icon-3.svg);
}
.cart-page .cart-info .icons span.icon-4:before {content: ""; position: absolute; width: 19px; height: 19px; left: 0; top: 0;
  background-color: #171237;
  -webkit-mask-image: url(../images/cart-info-icon-4.svg);
  mask-image: url(../images/cart-info-icon-4.svg);
}
.cart-page .cart-info .politic {font-size: 14px; line-height: 17px; color: #868E96; margin: -7px 0 0px 0; padding: 0 0 14px 0;}
.cart-page .cart-info .politic a {text-decoration: underline; color: #868E96;}
.cart-page .cart-info .politic a:hover {text-decoration: none;}
.cart-page .cart-info .price-list {font-weight: 600; border-top: 1px solid #E0E8EC; padding: 16px 0 0 0; margin: 0 0 21px 0;}
.cart-page .cart-info .price-list .item {font-size: 16px; line-height: 19px; color: #868E96; margin: 0 0 10px 0;}
.cart-page .cart-info .price-list .item span {float: left;}
.cart-page .cart-info .price-list .item b {float: right; color: #000000;}
.cart-page .cart-info .price-list .item b.red {color: #F33742;}
.cart-page .cart-info .price-list .item b.green {color: #00AE46;}

.product-list-cart .product-list {margin: 53px 0 43px 0;}
.product-list-cart .product-list .title {font-size: 24px; line-height: 30px;}
.product-list-cart .product-list .sort-block {margin: 0 1px 0 0;}
.product-list-cart .product-list .list {margin: 11px 0 0 0;}
.product-list-cart .product-item .top-info {margin-bottom: 8px;}
.product-list-cart .product-item .name {font-size: 14px; margin-bottom: 0px;}
.product-list-cart .product-item .short {margin-bottom: 7px;}
.product-list-cart .product-list .list {width: calc(326px * 8);}
.product-list-cart .product-list .list .product-item {width: 307px; margin: 0 19px 0 0;}
.product-list-cart .product-item .image {margin-bottom: 11px;}
.product-list-cart .product-item .cart-block .price {}
.product-list-cart .product-item .cart-block .price .is-nal {font-size: 14px; line-height: 17px; color: #00AE46; font-family: 'Gilroy Bold';}
.product-list-cart .product-item .cart-block .btn {position: relative; padding: 0; width: 40px; height: 40px;}
.product-list-cart .product-item .cart-block .btn:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/cart.svg);
  mask-image: url(../images/cart.svg);
}
.product-list-cart .product-item .cart-block .btn:hover:before {background-color: #F33742;}
.product-list-cart .product-item .cart-block .price b {color: #171237;}

.cart-page .small-title {font-size: 18px; line-height: 27px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 27px 0 27px 0;}
.cart-page .pay-list {margin: 0 0 30px 0;}
.cart-page .pay-list .item-cont {padding: 13px 0 0 22px;}
.cart-page .pay-list .item {float: left; background: #FFFFFF; border: 2px solid #E0E8EC; border-radius: 10px; width: 30.8%; margin: 0 1.7% 0 0; height: 76px;}
.cart-page .pay-list .item img {display: inline-block; height: 24px; margin: 0 0 3px 0;}
.cart-page .pay-list .item span {display: block; font-weight: 600; font-size: 16px; line-height: 19px; color: #171237;}
.cart-page .pay-list .item.active {border-color: #403CFC;}
.cart-page .small-title {}
.cart-page .small-title a {font-size: 18px; line-height: 27px; color: #868E96; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 27px 0 0;}
.cart-page .small-title a.active {color: #403CFC;}
.cart-page .small-title a.black.active {color: #000;}
.cart-page .delivery-list {margin: 0 0 7px 0;}
.cart-page .delivery-list .item-cont {padding: 24px 0 0 21px;}
.cart-page .delivery-list .item {float: left; background: #FFFFFF; border: 2px solid #E0E8EC; border-radius: 10px; width: 30.8%; margin: 0 1.7% 0 0; height: 148px;}
.cart-page .delivery-list .item img {height: 29px;}
.cart-page .delivery-list .item b {display: block; font-weight: 600; font-size: 16px; line-height: 19px; margin: 17px 0 6px 0;}
.cart-page .delivery-list .item span {display: block; font-size: 14px; line-height: 16px; color: #868E96;}
.cart-page .delivery-list .item.active {border-color: #403CFC;}
.cart-page .is-nav {float: right; margin: 22px 31px 0 0;}
.cart-page .is-nav b {float: left; position: relative; width: 52px; height: 26px; background: #E3E7EA; border: 1px solid #E0E8EC; border-radius: 50px; margin: 6px 0 0 0;}
.cart-page .is-nav b:before {content: ""; position: absolute; left: 1px; top: 1px; width: 22px; height: 22px; background: #403CFC; border: 1px solid #403CFC; border-radius: 50px;}
.cart-page .is-nav span {float: left; font-size: 16px; line-height: 19px; font-family: 'Gilroy Bold'; margin: 9px 0 0 16px;}
.cart-page .is-nav.active b:before {left: 27px;}
.cart-page .form-list {}
.cart-page .form-list-border {border-bottom: 1px solid #E0E8EC; padding: 0 0 10px 0; margin: 0 0 -11px 0;}
.cart-page .form-list input[type="text"] {padding: 0 18px; background: #FFFFFF; border: 1px solid #D7DCE1; border-radius: 13px; font-size: 16px; height: 41px; width: calc(33% - 55px); margin: 0 1% 12px 0;}
.cart-page .form-list input[type="text"].small {width: calc(16.6% - 55px);}
.cart-page .x-small-title {float: left; font-weight: 600; font-size: 16px; line-height: 19px; color: #868E96; margin: 31px 0 20px 0;}
.cart-page .delivery-places {width: 97%;}
.cart-page .delivery-places .item {background: #FFFFFF; border: 2px solid #E0E8EC; border-radius: 10px; padding: 18px 42px 21px 22px; margin: 0 0 10px 0;}
.cart-page .delivery-places .item .address {float: left;}
.cart-page .delivery-places .item .address b {display: block; font-weight: 600; font-size: 16px; line-height: 19px; margin: 0 0 4px 0;}
.cart-page .delivery-places .item .address span {display: block; font-size: 14px; line-height: 16px; color: #868E96;}
.cart-page .delivery-places .item .time {float: right;}
.cart-page .delivery-places .item .time .column {float: left; margin: 0 0 0 40px;}
.cart-page .delivery-places .item .time .column b {display: block; font-weight: 600; font-size: 16px; line-height: 19px; margin: 0 0 4px 0;}
.cart-page .delivery-places .item .time .column span {display: block; font-size: 14px; line-height: 16px; color: #868E96;}
.cart-page .cart-list .list-line {width: 97%;}
.cart-page .cart-list .list-cont-line {border: 0; margin: -4px 0 0 0; padding-right: 0;}
.cart-page .cart-list .list-cont-line .item {padding: 0 0 11px 0; margin: 0 0 11px 0;}
.cart-page .cart-list .list-cont-line .item .image {margin-left: 2px; width: 110px; margin-right: 31px;}
.cart-page .cart-list .list-cont-line .item .product-info {margin-top: 1px;}
.cart-page .cart-list .list-cont-line .item .product-info .count {font-size: 16px;}
.cart-page .cart-list .list-cont-line .item .price-block {margin: 8px 0 0 0;}

.compare-list {}
.compare-list .head {margin: 0 0 22px 0;}
.compare-list .head .td {float: left; width: 16.8%; margin: 0 3.4% 0 0;}
.compare-list .head .td-1 {width: 22.2%; margin: 0;}
.compare-list .head .td:nth-child(5) {margin-right: 0;}
.compare-list .btn-gray {margin: 16px 0 0 0;}
.compare-list .image {display: block; position: relative; overflow: hidden; border: 1px solid #E3E7EA; border-radius: 10px; margin: 17px 0 19px 0;}
.compare-list .image img {display: block; width: 100%;}
.compare-list .name {font-size: 12px; line-height: 22px; font-family: "Druk Wide Cy Web Bold Regular";}
.compare-list .btns {margin: 14px 0px 0 0;}
.compare-list .btns .btn {}
.compare-list .btns .remove {font-size: 16px; line-height: 19px; color: #868E96; font-family: 'Gilroy Bold'; margin: 9px 0 0 20px;}
.compare-list .body {font-weight: 600; font-size: 14px; line-height: 17px;}
.compare-list .body .line {border-top: 1px solid #E0E8EC; padding: 18px 0 19px 0;}
.compare-list .body .line.check {background: F1F4F6;}
.compare-list .body .td {float: left; width: 16.8%; margin: 0 3.4% 0 0;}
.compare-list .body .td-1 {width: 22.2%; margin: 0;}
.compare-list .body .td:nth-child(5) {margin-right: 0;}
.compare-list .body .td span {color: #868E96;}
.compare-list .body .td .rating {color: #868E96; position: relative; padding: 0 0 0 20px;}
.compare-list .body .td .rating:before {content: ""; position: absolute; width: 16px; height: 16px; top: 0; left: 0;
  background-color: #FFB800;
  -webkit-mask-image: url(../images/star.svg);
  mask-image: url(../images/star.svg);
}

.rassrochka-page {padding: 4px 0 0 0;}
.rassrochka-left {float: left; width: calc(100% - 630px); position: relative;}
.rassrochka-left h1 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 37px 0;}
.rassrochka-left h1 span {color: #F33742; text-decoration: underline;}
.rassrochka-left .items-list {margin: 0 0 32px 0;}
.rassrochka-left .items-list .item {float: left; background: #E8FAEF; border-radius: 10px; padding: 14px 22px 14px 22px; margin: 0 14px 0 0;}
.rassrochka-left .items-list .item b {display: block; font-family: "Druk Wide Cy Web Bold Regular"; font-size: 16px; line-height: 19px; color: #00AE46; margin: 0 0 6px 0;}
.rassrochka-left .items-list .item span {display: block; font-size: 14px; line-height: 17px; color: #868E96;}
.rassrochka-left .short {font-size: 18px; line-height: 24px; color: #868E96; width: 78%; margin: 0 0 32px 0;}
.rassrochka-left .btn-block {}
.rassrochka-left .btn-block .btn {float: left; padding: 13px 27px;}
.rassrochka-left .btn-block .phone {float: left; font-family: "Druk Wide Cy Web Bold Regular"; font-size: 14px; line-height: 17px; margin: 14px 0 0 29px;}
.rassrochka-image {float: right; width: 714px; margin: -63px 0px 0 -110px;}
.rassrochka-image img {display: block;}
.rassrochka-list {border-top: 1px solid #E0E8EC; border-bottom: 1px solid #E0E8EC; margin: 18px 0 51px 0; padding: 50px 0 50px 0;}
.rassrochka-list h3 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 37px 0;}
.rassrochka-list .list {display: flex; justify-content: space-between; width: 85.5%;}
.rassrochka-list .item {display: inline-block; background: #F1F4F6; border-radius: 10px; padding: 18px 19px 18px 19px;}
.rassrochka-list .item img {width: 34px; margin: 0 0 26px 0;}
.rassrochka-list .item b {display: block; font-size: 14px; line-height: 17px; font-family: "Druk Wide Cy Web Bold Regular";}
.rassrochka-list .str {display: inline-block; width: 24px; height: 24px; background: url(../images/rassrochka-str.svg) no-repeat; background-size: contain; margin: 46px 0 0 0;}
.rassrochka-text {}
.rassrochka-text h2 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
.rassrochka-text p {font-size: 18px; line-height: 24px; color: #868E96; margin: 0 0 23px 0;}


.brands-page {padding: 6px 0 0 0;}
.brands-page .menu-left {float: left; margin: 0 0 0 -30px;}
.brands-page .menu-left .title {font-size: 20px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 16px 30px;}
.brands-page .menu-left ul {}
.brands-page .menu-left ul li {margin: 0 0 5px 0;}
.brands-page .menu-left ul li a {display: inline-block; padding: 10px 20px 10px 30px; background: transparent; border-radius: 0px 10px 10px 0px; font-size: 17px; line-height: 20px; font-family: 'Gilroy Bold';}
.brands-page .menu-left ul li a.active {background: #F1F4F6;}
.gray-bg .brands-page .menu-left ul li a.active {background: #fff;}
.brands-page .menu-left .subscribe {border-top: 1px solid #DCDCDC; margin: 11px 0 0 30px;}
.brands-page .menu-left .subscribe .title {margin: 15px 0 3px 0;}
.brands-page .menu-left .subscribe p {font-size: 16px; line-height: 20px; margin: 0 0 17px 0;}
.brands-page .menu-left .subscribe input[type="text"] {padding: 0 19px; font-size: 16px; border: 0; width: calc(100% - 38px); height: 43px; background: #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, 0.14); border-radius: 13px;}
.brands-page .menu-left .subscribe .btn {margin: 11px 0 0 0;}
.brands-page .brands-list {float: right; width: calc(100% - 275px);}
.brands-page .brands-list h1 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.brands-page .brands-list .short {font-size: 18px; line-height: 24px; color: #868E96; margin: 0 0 60px 0;}
.brands-page .brands-list .list {}
.brands-page .brands-list .list-cont {margin: 0 0 22px 0;}
.brands-page .brands-list .list .item {float: left; background: #FFFFFF; border: 1px solid #E3E7EA; border-radius: 20px; width: 23.6%; margin: 0 1.5% 15px 0;}
.brands-page .brands-list .list .item .image {position: relative; width: 150px; height: 48px; margin: 57px auto 47px auto;}
.brands-page .brands-list .list .item .image img {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
.brands-page .brands-list .list .item .btns {margin: 0 12px 14px 12px;}
.brands-page .brands-list .list .item .btns .btn {padding: 7px 22px;}
.brands-page .brands-list .list .item .btns .btn-gray {float: left;}
.brands-page .brands-list .list .item .btns .btn-white-no {float: right;}
.brands-page .brands-list .list .item:nth-child(4n) {margin-right: 0;}
.brands-page .brands-list .more {display: block; background: #E0E8EC; border: none; border-radius: 10px; padding: 11px 0;}
.brands-page .brands-list .more:hover {color: #E0E8EC; background: #171237;}
.brands-page .brands-list .paggination {margin: 13px 0 0 0;}
.brands-page .brands-list .paggination .page {float: left; width: 41px; height: 41px; line-height: 41px; font-size: 16px; text-align: center; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 10px; font-family: 'Gilroy Bold'; margin: 0 6px 0 0;}
.brands-page .brands-list .paggination .page.active {background: #F1F4F6; color: #000;}
.brands-page .brands-list .paggination .next {float: left; font-size: 18px; line-height: 20px; text-align: center; color: #868E96; font-family: 'Gilroy Bold'; margin: 10px 0 0 17px;}

.brand-page {}
.brand-page .text {font-size: 18px; line-height: 24px; float: left; width: calc(100% - 350px);}
.brand-page .text p {margin: 0 0 23px 0;}
.brand-page .image {float: right; background: #FFFFFF; border: 1px solid #E3E7EA; border-radius: 20px; width: 268px; margin: -60px 0 0 0;}
.brand-page .image-cont {padding: 0 15px 16px 15px;}
.brand-page .image .img {position: relative; width: 150px; height: 48px; margin: 44px auto 36px auto;}
.brand-page .image .img img {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
.brand-page .image .btn {display: block; padding: 12px 0;}

.article {}
.article-border {border-top: 1px solid #E0E8EC; margin: 23px 0 0 0; padding: 18px 0 0 0px;}
.article p {font-size: 18px; line-height: 24px; color: #868E96; margin: 0 0 25px 0;}
.article h2 {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 22px; line-height: 40px; margin: 0 0 23px 0;}
.article h3 {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 16px; line-height: 40px; margin: 0 0 0px 0;}
.article .btn-big {padding: 13px 27px;}
.article .soc {background: #D1FBE2; border-radius: 20px; padding: 13px 28px 11px 18px; display: inline-block; margin: 7px 0 33px 0;}
.article .soc .short {float: left; margin: 0 0 0 0;}
.article .soc .short b {display: block; font-size: 20px; line-height: 24px; color: #171237; margin-bottom: -2px;}
.article .soc .short span {display: block; font-size: 14px; line-height: 24px; color: rgba(23, 18, 55, 0.53);}
.article .soc .wa {float: left; width: 24px; height: 24px; margin: 10px 0 0 30px;
  background-color: #171237;
  -webkit-mask-image: url(../images/wa-big.svg);
  mask-image: url(../images/wa-big.svg);
}
.article .soc .wa:hover {background-color: #F33742;}
.article .soc .tg {float: left; width: 24px; height: 20px; margin: 12px 0 0 72px;
  background-color: #171237;
  -webkit-mask-image: url(../images/tg-big-2.svg);
  mask-image: url(../images/tg-big-2.svg);
}
.article .soc .tg:hover {background-color: #F33742;}
.article .help-info {border-top: 1px solid #E0E8EC; padding: 39px 0 0 0;}
.article .help-info p {position: relative; padding-left: 35px; font-size: 16px; line-height: 20px; color: #6C737A; width: 70%; margin-bottom: 29px;}
.article .help-info p:before {content: ""; position: absolute; margin: auto; left: 0px; top: 0; width: 23px; height: 23px;
  background-color: #6C737A;
  -webkit-mask-image: url(../images/citat-2.svg);
  mask-image: url(../images/citat-2.svg);
  -webkit-mask-size: contain;
}
.article .size-list-tabs {margin: 0 0 37px -17px;}
.article .size-list-tabs .item {float: left; position: relative; overflow: hidden; background: transparent; border-radius: 20px; padding: 11px 34px 12px 19px; margin: 0 11px 0 0;}
.article .size-list-tabs .item img {float: left; width: 66px; margin: 0 19px 0 0;}
.article .size-list-tabs .item span {float: left; font-size: 18px; line-height: 24px; margin: 10px 0 0 0;}
.article .size-list-tabs .item.active {background: #F1F4F6;}
.article .size-border-block {position: relative; overflow: hidden; background: #FFFFFF; border: 1px solid #E3E7EA; border-radius: 20px; margin: 0 0 58px -18px; width: 93.7%;}
.article .size-border-block .text {float: left; margin: 56px 0 0 103px; width: calc(100% - 370px);}
.article .size-border-block .text .title {font-family: "Druk Wide Cy Web Bold Regular"; font-size: 22px; line-height: 40px; color: #000000; margin: 0 0 18px 0;}
.article .size-border-block .text p {width: 50%;}
.article .size-border-block .text-full {margin-top: 45px; width: calc(100% - 130px); padding-bottom: 20px;}
.article .size-border-block .text .labels {}
.article .size-border-block .text .labels span {padding: 6px 13px; background: #F1F4F6; border-radius: 10px; font-size: 16px; line-height: 24px; float: left; margin: 0 17px 18px 0;}
.article .size-border-block .text-full p {font-size: 16px; line-height: 24px;}
.article .size-border-block .text-full .title {margin-bottom: 17px;}
.article .size-border-block .image {float: right; width: 260px; margin: 10px 0 0 0;}
.article .size-border-block .image img {display: block;}
.article table {border-collapse: collapse; font-size: 16px; line-height: 24px; width: 100%;}
.article table.desktop {display: table;}
.article table tr {}
.article table th {color: #868E96; padding: 0 0 14px 0;}
.article table th:first-child {width: 32%;}
.article table td {border-top: 1px solid #E0E8EC; padding: 14px 0;}
.article table tr:hover td {background-color: #E0E8EC;}
.article table.big-table {}
.article table.big-table th {vertical-align: bottom;}
.article table.big-table th:first-child {width: auto;}
.article table.big-table th b {color: #000; display: block; font-family: 'Gilroy Bold';}

.test-drive-page .rassrochka-left h1 {margin-bottom: 24px;}
.test-drive-page .rassrochka-left .short {margin: 0 0 42px 0;}
.test-drive-page .rassrochka-left .items-list {margin-bottom: 27px;}
.test-drive-page .rassrochka-left .items-list .item {background: #F1F4F6; padding: 18px 18px 12px 18px; margin-right: 11px;}
.test-drive-page .rassrochka-left .items-list .item b {color: #000000; font-size: 14px; line-height: 17px;}
.test-drive-page .rassrochka-image {width: 514px; margin: -20px 130px 0 -50px;}


.text-drive-achivs {margin: 12px 0 32px 0;}
.text-drive-achivs .title {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 33px 0;}
.text-drive-achivs .title b {color: #00AE46; font-family: "Druk Wide Cy Web Bold Regular";}
.text-drive-achivs .list {}
.text-drive-achivs .list .item {background: #F1F4F6; border-radius: 20px; float: left; width: 32%; margin: 0 2% 0 0px;}
.text-drive-achivs .list .item-cont {padding: 30px 31px;}
.text-drive-achivs .list .item b {font-size: 18px; line-height: 22px; font-family: "Druk Wide Cy Web Bold Regular"; display: block; margin: 0 0 40px 0;}
.text-drive-achivs .list .item p {font-size: 16px; line-height: 22px; color: #868E96;}
.text-drive-achivs .list .item:nth-child(3) {margin-right: 0;}
.test-drive-gall {}
.test-drive-gall .top {}
.test-drive-gall .top .info {float: left; font-size: 18px; line-height: 24px; border-left: 4px solid #F33742; padding: 10px 0 10px 27px; width: calc(100% - 360px);}
.test-drive-gall .top .nav {float: right; margin: 36px 0 0 0;}
.test-drive-gall .top .nav .prev {float: left; width: 46px; height: 46px; background: #91949C; border-radius: 60px; position: relative; margin: 0 18px 0 0;}
.test-drive-gall .top .nav .prev:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff;
  -webkit-mask-image: url(../images/nav-right.svg);
  mask-image: url(../images/nav-right.svg);
}
.test-drive-gall .top .nav .prev:hover {background-color: #000;}
.test-drive-gall .top .nav .next {float: left; width: 46px; height: 46px; background: #91949C; border-radius: 60px; position: relative;}
.test-drive-gall .top .nav .next:before {content: ""; position: absolute; width: 24px; height: 24px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff; transform: rotate(-180deg);
  -webkit-mask-image: url(../images/nav-right.svg);
  mask-image: url(../images/nav-right.svg);
}
.test-drive-gall .top .nav .next:hover {background-color: #000;}
.test-drive-gall .list {margin: 40px 0 0 0; overflow: hidden; position: relative;}
.test-drive-gall .list-cont {width: calc(527px * 3);}
.test-drive-gall .list .item {float: left; position: relative; overflow: hidden; border-radius: 10px; width: 495px; margin: 0 32px 0 0;}
.test-drive-gall .list .item img {display: block;}

.btn-question {padding: 13px 27px;}
.question-page {border-top: 1px solid #E0E8EC; margin: 28px 0 0 0; padding: 39px 0 0 0;}
.question-page h2 {margin: 0 0 26px 0;}
.question-page .list {margin: 0 0 0 -18px;}
.question-page .list h2 {}
.question-page .list .question-item {margin: 0 0 15px 0;}
.question-page .list .question-item.open {}
.question-page .list .question-item .name {background: #F1F4F6; border-radius: 10px; padding: 13px 17px 13px 17px; margin: 0 0 23px 0;}
.question-page .list .question-item .name span {float: left; font-size: 18px; line-height: 24px; margin: 7px 0 0 0;}
.question-page .list .question-item .name .btn {float: right;}
.question-page .list .question-item .answer {font-size: 18px; line-height: 24px; color: #868E96; padding: 0 0 0 18px; display: none;}
.question-page .list .question-item .answer p {margin-bottom: 24px;}
.question-page .list .question-item .answer ul {list-style: disc; padding: 0 0 0 26px; margin: 0 0 25px 0;}
.question-page .list .question-item.open .answer {display: block;}

.blog-list {float: right; width: calc(100% - 277px); margin: -6px 0 0 0;}
.blog-list-cont {float: left; width: calc(100% - 306px);}
.blog-list .item {background: #FFFFFF; border-radius: 20px; padding: 18px 26px 25px 26px; margin: 0 0 24px 0;}
.blog-list .item .top {margin: 0 0 14px 0;}
.blog-list .item .top .view {float: left; position: relative; font-weight: 600; font-size: 16px; line-height: 20px; padding: 0 0 0 31px; margin: 0 36px 0 0px;}
.blog-list .item .top .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: #000000;
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.blog-list .item .top .read {float: left; position: relative; font-weight: 600; font-size: 16px; line-height: 20px; padding: 0 0 0 27px; margin: 0 40px 0 0;}
.blog-list .item .top .read:before {content: ""; position: absolute; width: 24px; height: 24px; left: -6px; top: -3px;
  background-color: #000;
  -webkit-mask-image: url(../images/time.svg);
  mask-image: url(../images/time.svg);
}
.blog-list .item .top .time {float: left; font-size: 16px; line-height: 20px; color: rgba(0, 0, 0, 0.5);}
.blog-list .item .name {font-size: 24px; line-height: 35px; display: block; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
.blog-list .item .image {position: relative; overflow: hidden; border-radius: 10px; display: block; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.17);}
.blog-list .item .image img {display: block;}
.blog-list .item .blog-content {margin: 23px 0 27px 0;}
.blog-list .item .blog-content .title {font-size: 24px; line-height: 28px; display: block; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 28px 0; color: #868E96;}
.blog-list .item .blog-content ul {}
.blog-list .item .blog-content ul li {margin: 0 0 20px 0;}
.blog-list .item .blog-content ul li a {position: relative; background: #F1F4F6; border-radius: 10px; padding: 6px 13px; font-size: 16px; line-height: 19px;}
.blog-list .item .blog-text {}
.blog-list .item .blog-text p {font-size: 18px; line-height: 20px; margin: 0 0 19px 0;}
.blog-list .item .blog-text h2 {font-size: 18px; line-height: 28px; display: block; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
.blog-list .item .blog-text img {position: relative; overflow: hidden; border-radius: 10px; display: block; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.17);}
.blog-list .toped {float: right; width: 276px; margin: 6px 0 0 0;}
.blog-list .toped .title {font-size: 20px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 10px 0;}
.blog-list .toped .list {}
.blog-list .toped .list .item {border-bottom: 1px solid rgba(0, 0, 0, 0.13); border-radius: 0; background: transparent; padding: 0 0; margin: 0 0 12px 0;}
.blog-list .toped .list .item .number {float: left; position: relative; background: #FFFFFF; border-radius: 30px; font-family: 'Gilroy Bold'; font-size: 14px; line-height: 17px; position: relative; padding: 4px 25px 4px 8px;}
.blog-list .toped .list .item .number:before {content: ""; position: absolute; right: 0; top: 0; width: 17px; height: 17px; right: 0; top: 10px; background: url(../images/fire.svg) no-repeat; background-size: contain; margin: -6px 6px 0 0;}
.blog-list .toped .list .item .view {float: left; position: relative; font-size: 14px; line-height: 16px; margin: 5px 0 0 11px; padding: 0 0 0 29px;}
.blog-list .toped .list .item .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: #000000;
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.blog-list .toped .list .item .name {display: block; font-size: 18px; line-height: 21px; margin: 9px 0 9px 0; font-family: 'Gilroy Regular';}

.article .step-info {border-top: 1px solid #E0E8EC; margin: 40px 0 0 0; padding: 34px 0 0 0;}
.article .step-info .text {float: left; width: calc(100% - 600px);}
.article .step-info .title {font-size: 22px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.article .step-info .title-2 {font-size: 30px; line-height: 40px;}
.article .step-info p {position: relative;}
.article .step-info p.icon-1 {padding-left: 39px; font-size: 16px; line-height: 20px; margin-bottom: 22px;}
.article .step-info p.icon-1:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 0;
  background-color: #000000;
  -webkit-mask-image: url(../images/fav.svg);
  mask-image: url(../images/fav.svg);
}
.article .step-info p.icon-2 {padding-left: 39px; font-size: 16px; line-height: 20px; margin-bottom: 37px;}
.article .step-info p.icon-2:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 0;
  background-color: #000000;
  -webkit-mask-image: url(../images/compare.svg);
  mask-image: url(../images/compare.svg);
}
.article .step-info .btn {padding: 13px 27px;}
.article .step-info .image {float: right; width: 553px; position: relative; overflow: hidden; border-radius: 10px;}
.article .step-info .image img {display: block;}
.article .step-info p.checkbox {font-size: 16px; line-height: 20px; position: relative; padding-left: 40px; margin: -7px 0 40px 0;}
.article .step-info p.checkbox:before {content: ""; position: absolute; left: 1px; top: 1px; width: 21px; height: 21px; background: #FFFFFF; border: 1px solid #E0E8EC; border-radius: 7px;}
.article .step-info p.checkbox:after {content: ""; position: absolute; left: 4px; top: 4px; width: 15px; height: 15px; background: #403CFC; border: 1px solid #403CFC; border-radius: 4px;}
.article .step-info .text-2 {float: right; margin: 58px 0 0 0;}
.article .step-info .image-full {width: 100%;}
.article .step-info .text-full {width: 100%;}
.article .step-info .order-info-1 {float: left; width: 46.7%; margin: 37px 0 0 0;}
.article .step-info .order-info-1 .title {margin: 0 0 13px 0;}
.article .step-info .order-info-1 p {font-size: 18px; line-height: 24px;}
.article .step-info .order-info-1 p a {text-decoration: underline; color: #868E96;}
.article .step-info .order-info-1 .soc {background: #D1FBE2; border-radius: 20px; padding: 13px 28px 11px 18px; display: inline-block;}
.article .step-info .order-info-1 .soc .short {float: left; margin: 0 0 0 0;}
.article .step-info .order-info-1 .soc .short b {display: block; font-size: 20px; line-height: 24px; color: #171237; margin-bottom: -2px;}
.article .step-info .order-info-1 .soc .short span {display: block; font-size: 14px; line-height: 24px; color: rgba(23, 18, 55, 0.53);}
.article .step-info .order-info-1 .soc .wa {float: left; width: 24px; height: 24px; margin: 10px 0 0 30px;
  background-color: #171237;
  -webkit-mask-image: url(../images/wa-big.svg);
  mask-image: url(../images/wa-big.svg);
}
.article .step-info .order-info-1 .soc .wa:hover {background-color: #F33742;}
.article .step-info .order-info-1 .soc .tg {float: left; width: 24px; height: 20px; margin: 12px 0 0 72px;
  background-color: #171237;
  -webkit-mask-image: url(../images/tg-big-2.svg);
  mask-image: url(../images/tg-big-2.svg);
}
.article .step-info .order-info-1 .soc .tg:hover {background-color: #F33742;}
.article .step-info .order-info-2 {float: right; background: #F1F4F6; border-radius: 20px; width: 53.2%; margin: 17px 0 0 0;}
.article .step-info .order-info-2 .order-info-cont {padding: 20px 30px 30px 34px;}
.article .step-info .order-info-2 .order-info-cont .title {margin-bottom: 13px;}
.article .step-info .order-info-2 .order-info-cont p {}
.article .step-info .order-info-2 .order-info-cont .btn {}
.article .step-info-bottom {margin: 52px 0 0 0;}
.article .step-info-bottom p {position: relative; padding-left: 35px; font-size: 16px; line-height: 20px; margin-bottom: 37px;}
.article .step-info-bottom p:before {content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../images/info-circle.svg) no-repeat; background-size: contain;}

.article .pay-list {border-top: 1px solid #E0E8EC; margin: 31px 0 0 0; padding: 24px 0 0 0;}
.article .pay-list .title {font-size: 22px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 24px 0;}
.article .pay-list .list {margin: 0 0 0 -18px;}
.article .pay-list .list .item {float: left; background: #F1F4F6; border-radius: 20px; font-size: 18px; line-height: 24px; border: none; width: 32.6%; margin: 0 1.1% 16px 0;}
.article .pay-list .list .item-cont {padding: 18px 20px;}
.article .pay-list .list .item:nth-child(3n) {margin-right: 0;}
.article .pay-list .list .item:nth-child(4n) {margin-right: 1.1%;}
.article p.small {margin: 7px 0 23px 0; font-size: 16px; line-height: 21px; width: 54%;}
.article p.citat {background: #F1F4F6; border-radius: 20px; font-size: 18px; line-height: 24px; margin: 0 0 30px -18px; padding: 18px 20px;}
.article .sdelka {}
.article .sdelka .title {font-size: 22px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 17px 0;}
.article .sdelka .title b {font-family: "Druk Wide Cy Web Bold Regular"; color: #00AE70;}
.article .sdelka p {width: 70%; margin-bottom: 33px;}
.article .sdelka .list {border-bottom: 1px solid #E0E8EC; margin: 0 0 24px 0;}
.article .sdelka .list .item {border: none; width: 31.8%; margin-bottom: -1px;}
.article .sdelka .list .item b {width: 48px; height: 48px; display: inline-block; text-align: center; background: #D1FBE2; border-radius: 50px; font-size: 22px; line-height: 45px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.article .sdelka .list .item p {font-size: 16px; line-height: 24px; color: #868E96; width: 90%;}
.article .samovivoz {margin: 48px 0 35px 0;}
.article .samovivoz .title {font-size: 22px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 12px 0;}
.article .samovivoz p {font-size: 18px; line-height: 24px; color: #171237; width: 55%;}
.article .samovivoz p b {color: #00AE46;}
.article .samovivoz .map-cont {position: relative; overflow: hidden; border-radius: 20px; z-index: 1;}
.article .samovivoz .map-cont .map {width: 100%; height: 320px; background: url(../images/map.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; border-radius: 20px;}
.article .samovivoz .map-cont .map-bottom {background: #F1F4F6; padding: 50px 0 20px 29px; margin: -30px 0 0 0;}
.article .samovivoz .map-cont .map-bottom p {font-size: 18px; line-height: 24px; margin: 0 0 4px 0; width: 100%;}
.article .samovivoz .map-cont .map-bottom p span {font-family: 'Gilroy Bold';}
.article .samovivoz .map-cont .map-bottom p.m {font-size: 16px; line-height: 24px; position: relative; padding-left: 27px;}
.article .samovivoz .map-cont .map-bottom p.m:before {content: ""; position: absolute; left: 0; top: 4px; width: 19px; height: 13px; background: url(../images/map-m.png) no-repeat; background-size: contain;}
.article .pay-step {margin: -6px 0 10px 0;}
.article .pay-step .item {float: left; width: 27.7%;}
.article .pay-step .item b {font-size: 16px; line-height: 37px; font-family: "Druk Wide Cy Web Bold Regular"; display: block; color: #00AE70;}
.article .pay-step .item p {font-size: 16px; line-height: 24px;}
.article .pay-step .item.gray {position: relative;}
.article .pay-step .item.gray b {color: #868E96;}
.article .pay-step .item.gray:before {content: ""; position: absolute; width: 52%; left: -56%; top: 23px; height: 1px; background: #A3AAB1;}
.article .pay-step .item.gray:after {content: ""; position: absolute; width: 24px; height: 14px; margin: auto; top: 11px; left: -34%; background: #fff url(../images/car.png) center no-repeat; background-size: contain;}
.article .view-list {position: relative; overflow: hidden; margin: 0 0 36px 0;}
.article .view-list .video-cont {width: calc(470px * 5);}
.article .view-list .video-item {float: left; box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.13); border-radius: 10px; position: relative; overflow: hidden; width: 380px; margin: 0 27px 0 0;}
.article .view-list .video-item img {display: block;}

.cart-itog {margin: 52px auto 0 auto; width: 700px;}
.cart-itog .title {background: #EDF3F0; border-radius: 20px; position: relative; padding: 16px 0 18px 79px; margin: 0 0 35px 0;}
.cart-itog .title span {display: block; font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.4);}
.cart-itog .title:before {content: ""; position: absolute; margin: auto; top: 0; bottom: 0; left: 24px; width: 37px; height: 37px; background: url(../images/cart-itog.svg) no-repeat; background-size: contain;}
.cart-itog .title b {display: block; font-size: 18px; line-height: 23px; font-family: "Druk Wide Cy Web Bold Regular";}
.cart-itog .small-title-2 {font-size: 18px; line-height: 27px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 11px 0;}
.cart-itog .small-title-2-margin {margin-top: 40px;}
.cart-itog .item {position: relative; margin: 0 0 16px 0;}
.cart-itog .big-line {width: 100%; height: 1px; background: #E0E8EC; margin: 0 0 16px 0;}
.cart-itog .item .line {position: absolute; bottom: 8px; left: 0; width: 100%; border-bottom: 1px dashed #868E96;}
.cart-itog .item span {position: relative; background: #fff; font-size: 16px; line-height: 19px; color: #868E96; float: left; z-index: 1; padding: 0 10px 0 0;}
.cart-itog .item b {position: relative; background: #fff; font-size: 16px; line-height: 19px; float: right; z-index: 1; padding: 0 0 0 10px;}
.cart-itog .item i {font-style: normal;}
.cart-itog .item i.green {color: #00AE46;}
.cart-itog .item i.blue-label {background: #E3E2FF; border-radius: 6px; color: #403CFC; font-size: 14px; line-height: 17px; padding: 2px 7px;}
.cart-itog table {font-size: 16px; line-height: 19px; border-collapse: collapse; width: 100%; margin: 19px 0 0 0;}
.cart-itog table tr {}
.cart-itog table tr td {padding: 0 0 16px 0;}
.cart-itog table tr td:first-child {}
.cart-itog table tr td:nth-child(2) {color: #868E96;}
.cart-itog table tr td:last-child {text-align: right; width: 14%;}

.news-list {float: right; width: calc(100% - 275px); margin: -7px 0 0 0;}
.news-list .item-cont {padding: 27px 26px;}
.news-list .item {float: left; background: #FFFFFF; border-radius: 20px; position: relative; overflow: hidden; width: 48.8%; margin: 0 2.4% 24px 0; min-height: 498px;}
.news-list .item.last {margin-right: 0;}
.news-list .item .image {display: block; position: relative; overflow: hidden; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.17); border-radius: 10px; margin: 0 0 17px 0;}
.news-list .item .image img {display: block;}
.news-list .item .name {display: block; font-size: 18px; line-height: 26px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 19px 0;}
.news-list .item .short {font-size: 16px; line-height: 24px; margin: 0 0 19px 0;}
.news-list .item .top {}
.news-list .item .top .time {float: left; font-size: 16px; line-height: 19px; color: rgba(0, 0, 0, 0.5); position: relative; padding: 0 0 0 0px;}
.news-list .item .top .view {float: left; font-size: 16px; line-height: 19px; color: rgba(0, 0, 0, 0.8); position: relative; padding: 0 0 0 33px; margin: 0 18px 0 0;}
.news-list .item .top .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}

.news-page {float: left; background: #FFFFFF; border-radius: 20px; position: relative; margin: -6px 0 0 30px; width: calc(100% - 582px);}
.news-page-cont {padding: 19px 26px;}
.news-page .top {margin: 0 0px 18px 0;}
.news-page .top .view {float: left; font-size: 16px; line-height: 19px; color: rgba(0, 0, 0, 0.8); position: relative; padding: 0 0 0 33px; margin: 0 28px 0 0;}
.news-page .top .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.news-page .top .time {float: left; font-size: 16px; line-height: 19px; color: rgba(0, 0, 0, 0.5); position: relative; padding: 0 0 0 0px;}
.news-page h1 {font-size: 24px; line-height: 35px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 24px 0;}
.news-page .image {display: block; margin: 0 0 20px 0;}
.news-page .image img {display: block; position: relative; overflow: hidden; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.17); border-radius: 10px;}
.news-page p {font-size: 18px; line-height: 26px; margin: 0 0 20px 0;}
.news-page ul {font-size: 18px; line-height: 26px; list-style: disc; margin: 0 0 19px 28px;}
.news-page ul li {}
.news-page-list {float: right; width: 278px;}
.news-page-list .title {font-size: 20px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 12px 0;}
.news-page-list .item {border-bottom: 1px solid #D7DCE1; padding: 0 0 12px 0; margin: 0 0 12px 0;}
.news-page-list .item:last-child {border: none;}
.news-page-list .item .image {display: block; position: relative; overflow: hidden; box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.17); border-radius: 10px; margin: 0 0 11px 0;}
.news-page-list .item .image img {display: block;}
.news-page-list .item .name {display: block; font-size: 14px; line-height: 22px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 12px 0;}
.news-page-list .item .short {font-size: 14px; line-height: 22px; margin: 0 0 12px 0;}
.news-page-list .item .top {}
.news-page-list .item .top .view {float: left; font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.8); position: relative; padding: 0 0 0 33px; margin: 0 18px 0 0;}
.news-page-list .item .top .view:before {content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: -2px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-mask-image: url(../images/view.svg);
  mask-image: url(../images/view.svg);
}
.news-page-list .item .top .time {float: left; font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.5); position: relative; padding: 0 0 0 0px;}
        

.catalog-page-fav {margin: 13px 0 0 0;}
.catalog-page-fav .menu-left {margin: 25px 0 0 0;}
.catalog-page-fav .menu-left .menu-item {border: 0;}
.catalog-page-fav .menu-left .menu-item .title {font-size: 24px; line-height: 30px; color: #171237; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 27px 0;}
.catalog-page-fav .search {position: relative; width: 91%; margin: 0 0 27px 0;}
.catalog-page-fav .search input[type="text"] {background: #FFFFFF; border: 0; border: 1px solid #D7DCE1; border-radius: 13px; padding: 0 15px; font-size: 16px; width: calc(100% - 34px); height: 42px;}
.catalog-page-fav .menu-left .menu-item ul {}
.catalog-page-fav .menu-left .menu-item ul li {margin-bottom: 5px;}
.catalog-page-fav .menu-left .menu-item ul li a {font-size: 16px; line-height: 19px; display: inline-block; padding: 10px 14px 10px 30px; margin-left: -30px;}
.catalog-page-fav .menu-left .menu-item ul li a b {padding: 2px 6px; background: #403CFC; border-radius: 23px; font-size: 12px; line-height: 14px; color: #FFFFFF; margin: 0 0 0 5px;}
.catalog-page-fav .menu-left .menu-item ul li a.active {background: #F1F4F6; border-radius: 0px 10px 10px 0px; color: #000;}
.catalog-page-fav .catalog-list {width: calc(100% - 275px);}

.shops {margin-bottom: -87px;}
.shops .menu {float: left; width: 384px;}
.shops .menu-cont {padding: 38px 27px 0 31px;}
.shops .menu .title {font-size: 24px; line-height: 30px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 10px 0;}
.shops .menu .city {font-size: 16px; line-height: 19px; color: #403CFC; margin: 0 0 43px 0;}
.shops .menu .city a {color: #868E96; text-decoration: none; border-bottom: 1px solid #868E96; margin: 0 0 0 11px;}
.shops .menu .city a:hover {border-color: transparent;}
.shops .menu .list {}
.shops .menu .list .item {border-bottom: 1px solid #E3E7EA; padding: 0 0 11px 0; margin: 0 0 13px 0;}
.shops .menu .list .item:last-child {border: none;}
.shops .menu .list .item b {display: block; font-size: 16px; line-height: 19px; margin: 0 0 6px 0;}
.shops .menu .list .item span {display: block; position: relative; font-size: 16px; line-height: 19px; color: #868E96; padding: 0 0 0 19px;}
.shops .menu .list .item span:before {content: ""; position: absolute; left: 2px; top: 4px; width: 10px; height: 10px; 
  background-color: #868E96;
  -webkit-mask-image: url(../images/geo.svg);
  mask-image: url(../images/geo.svg);
}
.shops .menu .list .item.active {}
.shops .menu .list .item.active b {color: #403CFC; font-size: 20px; line-height: 24px; margin-bottom: 9px;}
.shops .menu .list .item.active span {color: #171237; margin-bottom: 8px;}
.shops .menu .list .item.active span:before {background-color: #171237;}
.shops .menu .list .item.active .phones {margin: 0 0 8px 0;}
.shops .menu .list .item.active .phones a {position: relative; color: #171237; font-size: 16px; line-height: 19px; float: left; padding: 0 0 0 19px; margin: 0 19px 0 0;}
.shops .menu .list .item.active .phones a:before {content: ""; position: absolute; left: 0px; top: 2px; width: 14px; height: 14px;
  background-color: #171237;
  -webkit-mask-image: url(../images/phone.svg);
  mask-image: url(../images/phone.svg);
}
.shops .menu .list .item.active p {font-size: 16px; line-height: 19px; color: #868E96; margin: 0 0 8px 0;}
.shops .menu .list .item.active .time {font-size: 14px; line-height: 16px; color: #868E96; width: 197px;}
.shops .menu .list .item.active .time .line {margin: 0 0 5px 0;}
.shops .menu .list .item.active .time .line .left {float: left;}
.shops .menu .list .item.active .time .line .right {float: right; width: 90px;}
.shops .map {float: right; background: url(../images/shops.jpg) no-repeat; background-size: cover; border-left: 1px solid #E3E7EA; min-height: 747px; width: calc(100% - 385px);}

article {margin: 25px 0 0 0;}
article h1 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 28px 0;}
article .article-list {margin: 11px 0 0 0;}
article .article-list a {float: left; font-size: 18px; line-height: 27px; font-family: "Druk Wide Cy Web Bold Regular"; color: #868E96; margin: 0 0 0 65px;}
article .article-list a.active,
article .article-list a:hover {color: #403CFC;}
article .image-block {display: block; margin: 0 0 43px 0;}
article .image-block img {display: block; position: relative; overflow: hidden; border-radius: 10px; margin: 0 0 9px 0;}
article .image-block span {display: block; font-size: 14px; line-height: 24px; color: #868E96;}
article .text-content {}
article .text-content-border {border-top: 1px solid #E0E8EC; padding: 35px 0 0 0;}
article .text-content .text {float: left; font-size: 18px; line-height: 24px; width: calc(100% - 430px);}
article .text-content .text p {margin: 0 0 24px 0;}
article .text-content .text h2 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 50px 0 24px 0;}
article .text-content .text h3 {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 50px 0 24px 0;}
article .text-content .text p.small {color: #868E96; font-size: 16px; line-height: 24px;}
article .text-content .text ul.list {margin: -11px 0 0 0; padding: 0;}
article .text-content .text ul.list li {float: left; margin: 0 5px 4px 0;}
article .text-content .text ul.list li a {display: inline-block; padding: 2px 7px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 10px; font-size: 16px; line-height: 24px; color: #403CFC;}
article .text-content .text ul.list li a:hover {color: #fff; background: #403CFC; border-color: #403CFC;}
article .text-content .vacansii-list {margin: -4px 0 0 0;}
article .text-content .vacansii-list .vacansii-item {border-bottom: 1px solid #E0E8EC; padding: 0 0 42px 0; margin: 0 0 33px 0;}
article .text-content .vacansii-list .vacansii-item:last-child {border: 0;}
article .text-content .vacansii-list .vacansii-item .name {font-size: 18px; line-height: 27px; color: #403CFC; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 30px 0;}
article .text-content .vacansii-list .vacansii-item .price {margin: 0 0 29px 0;}
article .text-content .vacansii-list .vacansii-item .price b {display: block; font-size: 20px; line-height: 24px;}
article .text-content .vacansii-list .vacansii-item .price span {display: block; font-size: 14px; line-height: 24px; color: #868E96;}
article .text-content .vacansii-list .vacansii-item .items-columns {display: flex; justify-content: space-between; margin: 0 0 29px 0;}
article .text-content .vacansii-list .vacansii-item .items-columns .item {display: inline-block;}
article .text-content .vacansii-list .vacansii-item .items-columns .item b {display: block; font-weight: 700; font-size: 16px; line-height: 24px;}
article .text-content .vacansii-list .vacansii-item .items-columns .item span {display: block; font-size: 14px; line-height: 24px; color: #868E96;}
article .text-content .vacansii-list .vacansii-item p {font-size: 16px; line-height: 24px; margin: 0 0 7px 0;}
article .text-content .vacansii-list .vacansii-item ul {list-style: disc; font-size: 16px; line-height: 24px; padding: 0 0 0 23px; margin: 0 0 53px 0;}
article .text-content .vacansii-list .vacansii-item ul li {}
article .text-content .vacansii-list .vacansii-item b {}
article .text-content .vacansii-list .vacansii-item .btn {margin: 0; padding: 12px 27px;}
article .text-content .article-right {float: right; font-size: 16px; line-height: 24px; width: 306px;}
article .text-content .article-right p {margin: 0 0 24px 0;}
article .text-content .article-right p.small {color: #868E96;}
article .text-content .article-right .contacts {margin: -5px 0 23px 0px; font-weight: 600;}
article .text-content .article-right .contacts a {display: block; position: relative; padding: 0 0 0 23px; margin: 0 0 4px 0;}
article .text-content .article-right .contacts a.mail {}
article .text-content .article-right .contacts a.mail:before {content: ""; position: absolute; left: 1px; top: 6px; width: 12px; height: 10px; 
  background-color: #171237;
  -webkit-mask-image: url(../images/mail.svg);
  mask-image: url(../images/mail.svg);
}
article .text-content .article-right .contacts a.phone {}
article .text-content .article-right .contacts a.phone:before {content: ""; position: absolute; left: 1px; top: 4px; width: 11px; height: 12px; 
  background-color: #171237;
  -webkit-mask-image: url(../images/phone-2.svg);
  mask-image: url(../images/phone-2.svg);
}
article .text-content .article-right .btn {padding: 12px 27px;}

.form-content {margin: 26px 0 0 0;}
.form-content .form-cont {width: 728px; margin: 0 auto;}
.form-content .title {font-size: 30px; line-height: 40px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 20px 0;}
.form-content .select-tabs {margin: 0 0 30px 0;}
.form-content .select-tabs span {display: block; font-size: 16px; line-height: 22px; color: #868E96; margin: 0 0 11px 0;}
.form-content .select-tabs .tabs {background: #F1F4F6; border-radius: 12px; display: inline-block; padding: 3px;}
.form-content .select-tabs .tabs a {float: left; text-align: center; padding: 10px 28px 11px 28px; border-radius: 10px; font-size: 16px; line-height: 19px;}
.form-content .select-tabs .tabs a.active,
.form-content .select-tabs .tabs a:hover {background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);}
.form-content p {font-size: 16px; line-height: 22px; margin: 0 0 33px 0;}
.form-content p.margin-small {margin: 0 0 15px ;}
.form-content p.citat {font-size: 14px; line-height: 19px; padding: 8px 16px; background: #F1F4F6; border-radius: 13px; position: relative; margin-bottom: 10px;}
.form-content p.citat-1 {padding-left: 46px;}
.form-content p.citat-1:before {content: ""; position: absolute; margin: auto; left: 15px; top: 0; bottom: 0; width: 18px; height: 19px;
  background-color: #292D32;
  -webkit-mask-image: url(../images/citat-1.svg);
  mask-image: url(../images/citat-1.svg);
}
.form-content p.citat-2 {padding-left: 46px;}
.form-content p.citat-2:before {content: ""; position: absolute; margin: auto; left: 15px; top: 0; bottom: 0; width: 18px; height: 18px;
  background-color: #292D32;
  -webkit-mask-image: url(../images/citat-2.svg);
  mask-image: url(../images/citat-2.svg);
}
.form-content p.citat-red {background: #FFE8E9; margin-top: 17px; margin-bottom: 33px;}
.form-content .garant-list {margin: 0 0 25px 0;}
.form-content .garant-list span {display: block; font-size: 16px; line-height: 24px; color: #6C737A; margin: 0 0 8px 0;}
.form-content .garant-list ul {}
.form-content .garant-list ul li {float: left; padding: 2px 10px; background: #F5F4FB; border-radius: 10px; font-size: 16px; line-height: 24px; color: #403CFC; margin: 0 10px 8px 0;}
.form-content ol {font-size: 16px; line-height: 22px; margin: 0 0 33px 23px; list-style: decimal;}
.form-content ol li {margin-bottom: 0px;}
.form-content .title-small {font-size: 18px; line-height: 27px; font-family: "Druk Wide Cy Web Bold Regular"; margin: 0 0 18px 0;}
.form-content .form-columns {display: flex; justify-content: space-between;}
.form-content .columns-3 {}
.form-content .columns-2 {}
.form-content input[type="text"] {padding: 0 17px; width: calc(100% - 36px); border: 0; background: #FFFFFF; border: 1px solid #D7DCE1; border-radius: 13px; font-size: 16px; height: 41px; margin: 0 0 14px 0;}
.form-content .columns-3 input[type="text"] {width: calc(32% - 34px);}
.form-content .columns-2 input[type="text"] {width: calc(49% - 34px);}
.form-content .line {border-bottom: 1px solid #E0E8EC; margin-bottom: 15px;}
.form-content .line .citat {margin-bottom: 25px;}
.form-content .form-columns .item {width: 49%;}
.form-content .form-columns .item span {display: block; font-size: 16px; line-height: 19px; margin: 0 0 13px 0;}
.form-content select {padding: 0 17px; border: 0; background: #FFFFFF url(../images/select.svg) center right 14px no-repeat; background-size: 13px 7px; border: 1px solid #D7DCE1; border-radius: 13px; font-size: 16px; height: 43px; width: 100%; margin: 0 0 14px 0;}
.form-content .form-columns .item select {width: 100%;}
.form-content .form-columns .item input[type="text"] {width: calc(100% - 36px);}
.form-content .form-item {}
.form-content .form-item span {display: block; font-size: 16px; line-height: 19px; margin: 0 0 13px 0;}
.form-content .form-item span.small {font-size: 14px; line-height: 16px; color: #000000; margin-bottom: 7px;}
.form-content .form-item span.big {font-size: 16px; line-height: 19px; color: #000000;}
.form-content .form-item textarea {padding: 13px 17px; border: 0; background: #FFFFFF; border: 1px solid #D7DCE1; border-radius: 13px; font-size: 16px; height: 122px; width: calc(100% - 36px); resize: none; margin-bottom: 10px;}
.form-content .form-item input[type="checkbox"] {display: none;}
.form-content .form-item input[type="checkbox"]+label {display: block; font-size: 16px; line-height: 19px; color: #868E96; position: relative; padding: 0 0 0px 34px; margin: 0 0 16px 0;}
.form-content .form-item input[type="checkbox"]+label:before {content: ""; position: absolute; left: 0; top: -3px; width: 22px; height: 22px; background: #FFFFFF; border: 1px solid #D7DCE1; border-radius: 6px;}
.form-content .form-item input[type="checkbox"]:checked+label:after {content: ""; position: absolute; left: 2px; top: -1px; width: 18px; height: 18px; background: #403CFC; border: 1px solid #403CFC; border-radius: 4px;}
.form-content .form-item .file-cont {padding: 4px 4px 4px 18px; background: #F1F4F6; border-radius: 13px; margin: 0 0 14px 0;}
.form-content .form-item .file-cont .name {float: left; font-size: 16px; line-height: 19px; color: #868E96; margin: 11px 0 0 0;}
.form-content .form-item .file-cont input[type="file"] {display: none;}
.form-content .form-item .file-cont input[type="file"]+label {float: right; text-align: center; padding: 10px 28px 11px; background: #FFFFFF; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12); border-radius: 10px; font-size: 16px; line-height: 19px; cursor: pointer;}
.form-content .form-item .file-cont input[type="file"]+label:hover {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.42)}
.form-content .small {font-size: 16px; line-height: 22px; color: #868E96; margin: 10px 0 14px 0;}
.form-content .btn {padding: 13px 27px;}

.brands-page .brands-list .form-cont {margin: 0; width: 100%;}

.brands-page .brands-list .form-cont-2 {width: 728px;}
.brands-page .brands-list .form-cont-3 {width: 878px;}
.brands-page .brands-list .form-content p.margin-small {font-size: 18px; line-height: 24px;}

.blur {}
.blur-on {}

.modal-hidden {backdrop-filter: blur(5px); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}
.modal {position: fixed; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 700px; height: 612px; background: #FFFFFF; box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.11); border-radius: 30px; z-index: 100;}
.modal-city {}
.modal-cont {padding: 30px 30px;}
.modal .close {position: absolute; right: 20px; top: 20px; width: 46px; height: 46px; background: #F1F4F6; border-radius: 60px; cursor: pointer;}
.modal .close:before {content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 14px; height: 14px; background: url(../images/close.svg) no-repeat; background-size: contain;}
.modal .country-list {margin: 0 0 36px 0;}
.modal .country-list .item {float: left; margin: 0 23px 0 0;}
.modal .country-list .item img {float: left; width: 36px; margin: 0 15px 0 0;}
.modal .country-list .item span {float: left; font-size: 18px; line-height: 24px; color: #868E96;}
.modal .country-list .item.active {}
.modal .country-list .item.active span {color: #000;}
.modal .form {margin: 0 0 20px 0;}
.modal .form .title {font-size: 26px; line-height: 24px; margin: 0 0 20px 0;}
.modal .form input[type="text"] {padding: 0 41px; height: 45px; background: #FFFFFF url(../images/search.svg) left 17px center no-repeat; background-size: 15px 15px; border: 1px solid #D7D7D7; border-radius: 10px; font-size: 16px; width: calc(100% - 84px);}
.modal .fast-city {margin: 0 0 37px 0;}
.modal .fast-city a {float: left; font-weight: 600; font-size: 16px; line-height: 19px; margin: 0 30px 0 0;}
.modal .city-columns {}
.modal .city-columns a {float: left; font-weight: 600; font-size: 16px; line-height: 19px; width: 33%; margin: 0 0 10px 0;}

.modal-callback {width: 478px; height: 398px;}
.modal .title {font-weight: 600; font-size: 26px; line-height: 24px; margin: 0 0 13px 0;}
.modal .short {font-size: 16px; line-height: 19px; color: #868E96; width: 90%; margin: 0 0 20px 0;}
.modal .form-item {margin: 0 0 9px 0;}
.modal .form-item input[type="text"] {padding: 0 21px; height: 45px; background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 10px; font-size: 16px; width: calc(100% - 44px);}
.modal .tabs-cont {margin: 16px 0 15px 0;}
.modal .tabs-cont span {display: block; font-size: 14px; line-height: 16px; color: #868E96; margin: 0 0 8px 0;}
.modal .tabs-cont ul {}
.modal .tabs-cont ul li {float: left; padding: 6px 16px; font-size: 14px; line-height: 17px; text-align: center; color: #636A71;}
.modal .tabs-cont ul li.active {background: #F1F4F6; border-radius: 10px; color: #000000;}
.modal .btn {display: block; padding: 13px 0;}