@import url(reset.css);
@import url(fonts.css);

html {background: #ffffff;}
body {font-size: 14px; font-family: 'Geologica', sans-serif; font-weight: 300; font-weight: 400; background: #ffffff; color: #000; overflow-x: hidden; min-height: 100%; min-width: 1320px;}

body * {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}


.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: #000;
    -webkit-appearance: none;
}
a:hover {text-decoration: none; color: rgba(17, 81, 238, 1);}

b, strong {font-weight: 600;}

body img {max-width: 100%;}


input, textarea, select {font-family: 'Geologica', 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: 300;
}

.btn {color: #fff; position: relative; text-align: center; display: inline-block; font-family: 'Dela Gothic One', sans-serif; font-weight: 500;
  -webkit-appearance: none; border: none; font-size: 12px; padding: 18px 27px; text-transform: uppercase; font-weight: bold; height: auto; color: #fff; border-radius: 20px; cursor: pointer; text-align: center;
  background: #1BB3FE;
  background: linear-gradient(90deg, rgba(27, 179, 254, 1) 0%, rgba(17, 81, 238, 1) 100%);
  -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.btn:hover {text-decoration: none; color: #fff;
  background: linear-gradient(90deg, rgba(17, 81, 238, 1) 0%, rgba(27, 179, 254, 1) 100%);
}
.btn:hover:before {background-color: #000;}

.btn-white {color: #101f3e; background: #fff; border-color: #fff;}
.btn-white:hover {color: #fff; background: #101f3e; border-color: #101f3e;}

.btn-blank {color: #000; background: transparent; box-shadow: 0 0 1px 0 #000;}
.btn-blank:hover {color: #fff; background: #000;}

.btn-super-big {font-size: 17px;}

.btn-phone {}
.btn-phone:before {content: ""; position: absolute; margin: auto; left: 19px; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(../images/phone.svg);
  mask-image: url(../images/phone.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.btn-chat {padding-left: 54px;}
.btn-chat:before {content: ""; position: absolute; margin: auto; left: 18px; top: 0; bottom: 0; width: 22px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(../images/question.svg);
  mask-image: url(../images/question.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
/*.btn-phone:hover:before {background-color: #b32222;}*/
.btn-wa {}
.btn-wa:before {content: ""; position: absolute; margin: auto; left: 19px; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #fff;
  -webkit-mask-image: url(../images/wh.svg);
  mask-image: url(../images/wh.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
/*.btn-wa:hover:before {background-color: #b32222;}*/


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

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

.cont {padding: 0 16px; position: relative; margin: 0 auto; max-width: 1920px;}


.flex {display: flex;}
.flex-justify {justify-content: space-between;}
.flex-center {align-items: center;}
.flex-wrap {flex-wrap: wrap;}

header {padding: 31px 0 0 0; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
header .top {}
header .top .logo {width: 168px; height: 43px; margin: 0px 0 0 -5px; background: url(../images/svg/logo.svg) no-repeat; background-size: contain;}
header .top .menu-btn-cont {width: 160px; height: 48px;}
header .top .menu-btn-cont button {position: relative; display: block; padding: 15px 28px 16px 56px;}
header .c-hamburger {
        -webkit-transition: background 0.3s; font-size: 12px;
        transition: background 0.3s;display: block;position: relative;margin: 0;padding: 0 0 0 20px; appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;margin: 0px 0px 0px 0px;}
header .c-hamburger:focus {outline: none;}
header .c-hamburger span {display: block;position: absolute; margin: auto; bottom: 0; top: 0px;left: 24px;width: 20px;height: 2px; border-radius: 3px; background: transparent;}
header .c-hamburger span::before,
header .c-hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #fff;content: "";}
header .c-hamburger span::before {top: -4px;}
header .c-hamburger span::after {bottom: -4px;}
header .c-hamburger b {display: block; font-weight: 500; padding: 6px 0 0 0;}
header .c-hamburger--htx {opacity: 1;}
header .c-hamburger--htx span {transition: background 0s 0.3s;}
header .c-hamburger--htx span::before,.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
header .c-hamburger--htx span::before {transition-property: top, transform;}
header .c-hamburger--htx span::after {transition-property: bottom, transform;}
header .c-hamburger--htx.is-active span {}
header .c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);}
header .c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);}
header .c-hamburger--htx.is-active span::before,
header .c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}
header .top form {border: 1px solid #eceff5; border-radius: 20px; width: calc(100% - 865px);}
header .top form input[type="text"] {font-size: 16px; padding: 0 15px; background: transparent; border: none; height: 46px; width: calc(100% - 140px);}
header .top form input[type="submit"] {background: transparent url(../images/svg/search.svg) left center no-repeat; background-size: 19px; border: 0; font-family: 'Dela Gothic One'; text-transform: uppercase; padding: 11px 21px 11px 31px; font-size: 12px; cursor: pointer;}
header .top form input[type="submit"]:hover {color: rgba(17, 81, 238, 1);}
header .top .phones {position: relative; padding: 0 0 0 32px; margin: 0 0px 0 20px;}
header .top .phones a {font-family: 'Dela Gothic One'; display: block; font-size: 14px;}
header .top .phones:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/phone.svg);
  mask-image: url(../images/svg/phone.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
header .top .fav-cont {position: relative; margin: -5px 0 0 0; padding: 9px 13px 0 0;}
header .top .fav-cont span {position: absolute; top: 0; right: 0; color: #fff; background: #126df1; border-radius: 19px; width: 19px; height: 19px; z-index: 1; text-align: center; line-height: 19px;}
header .top .fav {width: 21px; height: 20px; display: inline-block;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/heart_1.svg);
  mask-image: url(../images/svg/heart_1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
header .top .fav:hover {background-color: #126df1;}
header .top .cart-cont {position: relative; margin: -5px 0 0 0; padding: 9px 13px 0 0;}
header .top .cart-cont span {position: absolute; top: 0; right: 0; color: #fff; background: #126df1; border-radius: 19px; width: 19px; height: 19px; z-index: 1; text-align: center; line-height: 19px;}
header .top .cart {width: 22px; height: 22px; display: inline-block;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/basket_2.svg);
  mask-image: url(../images/svg/basket_2.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
header .top .cart:hover {background-color: #126df1;}
header .bottom {border-top: 1px solid #eceff5; margin: 23px 0 0 0; padding: 21px 0 21px 0;}
header .bottom ul {padding: 0 0 0 50px;}
header .bottom ul li {margin: 0 32px 0 0;}
header .bottom ul li a {font-size: 16px;}
header .lk {font-size: 16px; position: relative; padding: 4px 50px 0px 32px;}
header .lk:before {content: ""; position: absolute; left: 0; top: 2px; bottom: 0; width: 18px; height: 18px;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/profile.svg);
  mask-image: url(../images/svg/profile.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
header .lk:hover:before {background-color: #126df1;}
.slider {margin: 0 0 20px 0;}
.slider-cont {}
.slider .item {background: #242220 url(../images/slide.jpg) no-repeat; background-size: cover; border-radius: 40px; height: 610px;}
.slider .text {color: #fff;  position: relative; padding: 50px 0 0 0; margin: 0 0 0 50px; width: 37%; height: 510px;}
.slider .text .name {font-family: 'Dela Gothic One'; font-size: 35px; line-height: 45px; text-transform: uppercase; margin: 0 0 16px 0;}
.slider .text .short {font-size: 18px; line-height: 25px;}
.slider .text .btn {position: absolute; bottom: 0; left: 0;}

.akcia {margin: 0 0 58px 0;}
.akcia-cont {background: #efefed url(../images/akcia-bg.jpg) center no-repeat; background-size: cover; border-radius: 40px; padding: 25px 25px;}
.akcia .name {font-family: 'Dela Gothic One'; font-size: 30px; line-height: 35px; text-transform: uppercase; color: #49403f; margin: 0 0 0 24px;}
.akcia .text {color: #fff; width: calc(100% - 515px);}
.akcia .text p {font-size: 10px; line-height: 14px; margin: 0 80px 0 0;}
.akcia .text .btn {}

.product-list-cont {margin: 0 0 51px 0;}
.product-list-cont .title {font-family: 'Dela Gothic One'; text-align: center; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 30px 0;}
.product-list-cont .title-left {text-align: left; padding: 0 0 0 50px;}
.product-list-cont .btn-full {display: block;}
.product-list {
  flex-wrap: wrap;
}
.product-list-scroll {
  padding: 0 0 44px 0; margin: 0 0 18px 0;
  overflow: hidden;
  flex-wrap: nowrap;           /* Запрещаем перенос элементов */
  overflow-x: auto;            /* Включаем горизонтальную прокрутку */
  -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
}
.product-list-scroll::-webkit-scrollbar {-webkit-appearance: none;}
.product-list-scroll::-webkit-scrollbar:vertical {width: 3px;}
.product-list-scroll::-webkit-scrollbar:horizontal {height: 3px;}
.product-list-scroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.9); border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.9);}
.product-list-scroll::-webkit-scrollbar-track {border-radius: 10px; background-color: rgba(0, 0, 0, 0.1);}

.product-item {border: 1px solid transparent; position: relative; width: 260px; flex: 0 0 auto; border-radius: 10px; margin: 0 4px 0 0; padding-bottom: 10px;}
.product-item .labels {position: absolute; left: 20px; top: 20px; z-index: 1;}
.product-item .labels span {font-size: 12px; line-height: 15px; color: #ee0000; background: #ffeae6; border-radius: 9px; padding: 1px 5px;}
.product-item .fav {position: absolute; right: 21px; top: 20px; width: 17px; height: 17px; z-index: 1;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/heart_1.svg);
  mask-image: url(../images/svg/heart_1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.product-item .image {display: block; background: #fdfdfd; position: relative; border-radius: 3px; height: 320px; margin: 12px 12px 16px 12px;}
.product-item .image img {display: block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0;}
.product-item .name {text-align: center; display: block; font-family: 'Dela Gothic One'; text-align: center; font-size: 12px; line-height: 15px; text-transform: uppercase; margin: 0 5px; height: 43px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Количество строк */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Скрывает лишний текст */
}
.product-item .cat {text-align: center; font-size: 12px; margin: 0 0 9px 0;}
.product-item .price {justify-content: center; font-size: 16px;}
.product-item .price * {}
.product-item .price b {color: #c3120b;}
.product-item .price i {color: #8b8b8b; text-decoration: line-through; font-style: normal; margin: 0 6px;}
.product-item .price span {font-weight: bold;}
.product-item:hover {border-color: #eceff5;}

.brand-list-cont {margin: 0 0 50px 0;}
.brand-list-cont .title {font-family: 'Dela Gothic One'; text-align: center; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 46px 0;}
.brand-list {padding: 0 16px 44px 16px;
  overflow: hidden;
  flex-wrap: nowrap;           /* Запрещаем перенос элементов */
  overflow-x: auto;            /* Включаем горизонтальную прокрутку */
  -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
}
.brand-list::-webkit-scrollbar {-webkit-appearance: none;}
.brand-list::-webkit-scrollbar:vertical {width: 3px;}
.brand-list::-webkit-scrollbar:horizontal {height: 3px;}
.brand-list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.9); border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.9);}
.brand-list::-webkit-scrollbar-track {border-radius: 10px; background-color: rgba(0, 0, 0, 0.1);}
.brand-item {width: 132px; flex: 0 0 auto; margin: 0 33px 0 0;}
.brand-item img {display: block;}

.akcii-list-cont {margin: 0 0 62px 0;}
.akcii-list-cont .title {font-family: 'Dela Gothic One'; text-align: center; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 41px 0;}
.akcii-list {}
.akcii-item {position: relative; overflow: hidden; border-radius: 35px; background: #cfe1f7; width: 32.2%;}
.akcii-item img {display: block;}
.akcii-item .text {color: #fff; padding: 36px 50px; position: absolute; left: 0; top: 0;}
.akcii-item .text b {display: block; font-family: 'Dela Gothic One'; font-size: 25px; line-height: 30px; text-transform: uppercase; margin: 0 0 13px 0;}
.akcii-item .text p {font-size: 14px; line-height: 20px;}
.akcii-item:hover img {transform: scale(1.1);}
.akcii-list-cont-list {padding: 56px 0 0 0;}
.akcii-list-cont-list .title {text-align: left; padding: 0 0 0px 50px;}
.akcii-list-cont-list .akcii-list {flex-wrap: wrap; justify-content: left;}
.akcii-list-cont-list .akcii-item {margin: 0 22px 20px 0;}
.akcii-list-cont-list .akcii-item:nth-child(3n) {margin-right: 0;}

.about-cont {}
.about-cont .title {font-family: 'Dela Gothic One'; text-align: center; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 37px 0;}
.about-cont .text {font-size: 16px; line-height: 22px; text-align: center; margin: 0 0 46px 0;}
.about-list {padding: 0 60px; margin: 0 0 75px 0;}
.about-item {text-align: center;}
.about-item .icon {width: 38px; height: 35px; margin: 0 auto; margin-bottom: 24px;}
.about-item .icon-1 {width: 38px; height: 35px; background: url(../images/about-item-1.png) no-repeat; background-size: contain;}
.about-item .icon-2 {width: 28px; height: 34px; background: url(../images/about-item-2.png) no-repeat; background-size: contain;}
.about-item .icon-3 {width: 48px; height: 34px; background: url(../images/about-item-3.png) no-repeat; background-size: contain;}
.about-item .icon-4 {width: 143px; height: 17px; background: url(../images/about-item-4.png) no-repeat; background-size: contain;}
.about-item p {font-size: 14px; line-height: 22px;}
.sklad-image {border-radius: 40px; color: #fff;
  background: #1BB3FE;
  background: linear-gradient(90deg, rgba(27, 179, 254, 1) 0%, rgba(17, 81, 238, 1) 40%);
}
.sklad-image .text {text-align: left; padding: 48px 0 40px 50px; margin: 0;}
.sklad-image .text .name {font-family: 'Dela Gothic One'; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 15px 0;}
.sklad-image .text .short {width: 37%; margin: 0 0 72px 0;}
.sklad-image .text .btn {padding: 13px 27px;}
.sklad-image .image {}

footer {background: #eceff5; border-radius: 20px 20px 0 0; margin: 65px 0 0 0;}
footer .top {padding: 40px 33px 45px 0;}
footer .top .logo {width: 237px; height: 62px; margin: 0px 0 0 -5px; background: url(../images/svg/logo.svg) no-repeat; background-size: contain;}
footer .top p {font-size: 14px; line-height: 35px; margin: 11px 0 0 0;}
footer .center {border-bottom: 1px solid #d4d8e0; border-top: 1px solid #d4d8e0; padding: 54px 0 45px 0;}
footer .center .logo-cont {}
footer .center .ul-list {width: calc(100% - 338px);}
footer .center .ul-list ul {width: 32%;}
footer .center .ul-list ul li {margin: 0 0 13px 0; font-size: 12px;}
footer .center .ul-list ul li a {font-size: 14px; line-height: 22px;}
footer .center .ul-list ul li .phones {position: relative; padding: 0 0 0 39px; margin: 0 0px 0 0px;}
footer .center .ul-list ul li .phones a {font-family: 'Dela Gothic One'; display: block; font-size: 14px;}
footer .center .ul-list ul li .phones:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 16px; height: 16px;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/phone.svg);
  mask-image: url(../images/svg/phone.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
footer .center .ul-list ul li .mail {color: #126df1;}
footer .center .ul-list ul li .mail:hover {color: #000;}
footer .bottom {font-size: 12px; padding: 55px 0;}
footer .bottom-cont {}
footer .bottom .links {}
footer .bottom .links span {margin: 0 99px 0 0;}
footer .bottom .links a {color: #8b8b8b;}
footer .bottom .links a:hover {color: #000;}
footer .bottom .bd {color: #8b8b8b;}
footer .bottom .bd:hover {color: #000;}

.catalog-page {padding: 50px 0 0 0;}
.catalog-page h1 {font-size: 30px; font-family: 'Dela Gothic One'; line-height: 45px; text-transform: uppercase; padding: 0 0 0 50px; margin: 0 0 35px 0;}
.catalog-cat {text-align: center;}
.catalog-cat {
  padding: 0 0 35px 0; margin: 0 0 36px 0;
  overflow: hidden;
  flex-wrap: nowrap;           /* Запрещаем перенос элементов */
  overflow-x: auto;            /* Включаем горизонтальную прокрутку */
  -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
}
.catalog-cat::-webkit-scrollbar {-webkit-appearance: none;}
.catalog-cat::-webkit-scrollbar:vertical {width: 3px;}
.catalog-cat::-webkit-scrollbar:horizontal {height: 3px;}
.catalog-cat::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.9); border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.9);}
.catalog-cat::-webkit-scrollbar-track {border-radius: 10px; background-color: rgba(0, 0, 0, 0.1);}
.catalog-cat-item {flex: 0 0 auto; width: 160px; margin: 0 20px 0 0;}
.catalog-cat-item .image {position: relative; width: 160px; height: 160px; border-radius: 40px; background: #fdfdfd; margin: 0 0 15px 0;}
.catalog-cat-item img {position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 101px;}
.catalog-cat-item span {display: block; font-size: 16px; line-height: 22px;}
.catalog-filter {padding: 0 0 0 49px; margin: 0 0 30px 0;}
.catalog-filter .count {font-size: 16px; line-height: 22px; margin: 0 33px 0 0;}
.catalog-filter .btn {padding: 15px 20px 15px 57px; position: relative; margin: 0 20px 0 0;}
.catalog-filter .btn:before {content: ""; position: absolute; margin: auto; left: 20px; top: 0; bottom: 0; width: 26px; height: 26px;
  background-color: #fff;
  -webkit-mask-image: url(../images/svg/filter.svg);
  mask-image: url(../images/svg/filter.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.catalog-filter select {border: 1px solid #eceff5; font-size: 16px; background: #fff url(../images/svg/sort.svg) left 16px center no-repeat; background-size: 24px; padding: 14px 62px 14px 50px; border-radius: 20px;}
.catalog-page .product-list-cont {}
.catalog-page .product-list {}
.catalog-page .product-item {margin-bottom: 30px; margin-right: 2px;}
.catalog-page .product-item:nth-child(5n) {margin-right: 0;}

.bread {color: #8b8b8b; font-size: 12px; padding: 59px 0 61px 0;}
.bread-cont {padding: 0 0 0 50px;}
.bread {}
.bread a {color: #8b8b8b; font-size: 12px;}
.bread a:hover {color: #000;}
.bread span {}
.bread * {margin: 0 15px 0 0;}

.product-page {}
.product-page-cont {}
.product-page .photo-gall {width: 100px;}
.product-page .photo-gall a {display: block; background: #fdfdfd; border: 2px solid transparent; width: 96px; height: 130px; position: relative; margin-bottom: 10px;}
.product-page .photo-gall a.active,
.product-page .photo-gall a:hover {border-color: #126df1;}
.product-page .photo-gall a img {position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0;}
.product-page .product-big {position: relative; background: #fdfdfd; width: 525px; height: 700px;}
.product-page .product-big .labels {position: absolute; left: 20px; top: 20px; z-index: 1;}
.product-page .product-big .labels span {font-size: 12px; line-height: 15px; color: #ee0000; background: #ffeae6; border-radius: 9px; padding: 1px 5px;}
.product-page .product-big .fav {position: absolute; right: 21px; top: 20px; width: 17px; height: 17px; z-index: 1;
  background-color: #000;
  -webkit-mask-image: url(../images/svg/heart_1.svg);
  mask-image: url(../images/svg/heart_1.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.product-page .product-big img {position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.product-page .product-text {width: calc(100% - 684px); padding: 8px 0 0 0;}
.product-page .product-text .articul {font-size: 16px; line-height: 22px; color: #8b8b8b; margin: 0 0 18px 0;}
.product-page .product-text h1 {font-family: 'Dela Gothic One'; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 25px 0;}
.product-page .product-text .short {font-size: 16px; line-height: 22px; margin: 0 0 32px 0;}
.product-page .product-text .tabs {margin: 0 0 41px 0;}
.product-page .product-text .tabs a {font-size: 16px; color: #126df1; border: 1px solid #eceff5; background: #fff; border-radius: 16px; padding: 11px 19px; margin: 0 10px 0 0;}
.product-page .product-text .tabs a.active,
.product-page .product-text .tabs a:hover {color: #fff; background-color: #126df1; border-color: #126df1;}
.product-page .product-text .price {font-size: 25px; margin: 0 0 28px 0;}
.product-page .product-text .price b {color: #c3120b;}
.product-page .product-text .price i {color: #8b8b8b; text-decoration: line-through; font-style: normal; margin: 0 6px;}
.product-page .product-text .price span {font-weight: bold;}
.product-page .product-text .price * {margin: 0 15px 0 0;}
.product-page .product-text .count {margin: 0 0 32px 0;}
.product-page .product-text .count .minus {border: 1px solid #eef0f6; width: 46px; height: 46px; border-radius: 16px; position: relative; cursor: pointer;}
.product-page .product-text .count .minus:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 14px;
  background-color: #126df1;
  -webkit-mask-image: url(../images/svg/minus.svg);
  mask-image: url(../images/svg/minus.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.product-page .product-text .count .minus:hover {border-color: #000;}
.product-page .product-text .count input[type="text"] {background: transparent; padding: 0; height: 46px; width: 46px; border: 0; text-align: center; font-size: 18px; margin: 0 15px;}
.product-page .product-text .count .plus {border: 1px solid #eef0f6; width: 46px; height: 46px; border-radius: 16px; position: relative; cursor: pointer;}
.product-page .product-text .count .plus:before {content: ""; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 14px; height: 14px;
  background-color: #126df1;
  -webkit-mask-image: url(../images/svg/plus.svg);
  mask-image: url(../images/svg/plus.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
}
.product-page .product-text .count .plus:hover {border-color: #000;}
.product-page .product-text .btn {}
.product-text-cont {padding: 60px 0 0 50px; margin: 0 0 53px 0;}
.product-text-cont .tabs {margin: 0 0 30px 0;}
.product-text-cont .tabs a {font-size: 12px; display: inline-block; text-transform: uppercase; color: #000; font-family: 'Dela Gothic One'; border: 1px solid #eceff5; background: #fff; border-radius: 20px; padding: 16px 28px; margin: 0 10px 0 0;}
.product-text-cont .tabs a.active,
.product-text-cont .tabs a:hover {color: #fff; background-color: #126df1; border-color: #126df1;}
.product-text-cont .text {font-size: 16px; line-height: 22px;}
.product-text-cont .text p {}


article {padding: 51px 0 0 0;}
.contacts-cont {padding: 0 0 0 50px;}
article .text {width: calc(100% - 800px); margin: 6px 0 0 0;}
article h1 {font-family: 'Dela Gothic One'; font-size: 30px; line-height: 35px; text-transform: uppercase; margin: 0 0 37px 0;}
article p {font-size: 16px; line-height: 22px; margin: 0 0 22px 0;}
article .small {font-size: 12px; display: block; margin: 0 0 4px 0;}
article .phone {font-size: 16px;}
article .map {background: url(../images/map.jpg) no-repeat; background-size: cover; width: 790px; height: 620px; position: relative; overflow: hidden; border-radius: 40px;}



@media screen and (max-width: 800px) {
	.desktop {display: none!important;}
	.mobile {display: block!important;}	
    
  body {min-width: 100%;}
  .cont {width: auto; padding: 0 20px;}

  
}