@charset "utf-8";
html {width:100%}
body {margin:0; padding:0; height: 100%; background: #f8f8f8; position: relative}
.openmenu {overflow: hidden !important}

.ns-fx {display: flex}
.ns-fx > div, .ns-fx > li, .ns-fx > a {display: block; box-sizing: border-box; position: relative}

.wrapper {width: 100%; overflow: hidden; position: relative}

header, main {margin: 0 auto; padding: 0 20px; max-width: 1400px; box-sizing: border-box; position: relative}
header {z-index: 25}
main {padding: 40px 20px 60px 20px}

.head {align-items: center; justify-content: space-between; height: 95px}
.head > div:nth-child(1) {width: 220px}
.head > div:nth-child(2) {width: calc(100% - 520px)}
.head > div:nth-child(3) {width: 195px}
.head > div:nth-child(4) {width: 105px}

.head .btn_phone {display: none}

.head .top_phone, .all_menu .top_phone {align-items: center; font-size: 16px; font-weight: 800; vertical-align: middle}
.head .top_phone a, .all_menu .top_phone a {display: block; height: 26px; color: #000; line-height: 26px; overflow: hidden}
.head .top_phone a:hover, .all_menu .top_phone a:hover {text-decoration: none}
.head .top_phone a.whtasApp {text-indent: -9999px}
.head .top_phone a.whtasApp, .all_menu .top_phone a.whtasApp {margin-right: 8px; width: 26px; background: url(images/split.png) -188px 0 no-repeat}

.head .button {height: 36px; font-size: 15px; line-height: 36px}

.top_menu {padding: 0 20px; font-size: 16px; font-weight: 600}
.top_menu a, .top_menu span {display: block; padding: 0 18px; height: 46px; color: #000; border-radius: 10px; line-height: 46px; transition: .1s ease-in-out}
.top_menu span {padding-right: 33px; cursor: pointer; position: relative}
.top_menu span:before {content: ''; display: block; width: 9px; height: 46px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgBfY1RDQAhDEMr4SScBCTgDKTgABwgBQlIgJIUEgKhyfvYXrMBwEd+3LNcJI04LacccyUJagYVC/GSTQe2L0alITOxeOSQHTG3DfRhCZALAAAAAElFTkSuQmCC") center center no-repeat; position: absolute; top: 2px; right: 18px}
.top_menu a:hover, .top_menu li.active a, .top_menu li.active span {color: #ff9601; background: #fff; text-decoration: none}
.top_menu .more_block:hover span {color: #ff9601; background: #fff; border-radius: 10px 10px 0 0}
.top_menu .more_block:hover span:before {content: ''; display: block; width: 9px; height: 46px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABvSURBVHgBXU67FUBAEJz1BJ4qKEEHSqACJBJFoAJEUiUpQQlSgRt7d5HbaP5vgeC4x2Woyd98RxA2dCFmLT1OF+KODJRFcaWBW6VN1UZ5BpEDMHOkYHFtckbKXAYz4WHhONlqafVLCW7p7Er4n/c+eoApPgPA+wYAAAAASUVORK5CYII=") center center no-repeat; position: absolute; top: 2px; right: 18px}
.top_menu .more_block.active span:before {content: ''; display: block; width: 9px; height: 46px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/D+NUYCBgUGAIfPfAwZ0MJ0JLMcEJOYD8X2gQD1UECIJ4oPEGRgmMAJNUgAyGoA4HohBpi0E4nyw6QwMG4C4kPH///8wow2A5HogBmk6AMSNQCccAMuBFKHgaYwO6GIAAQYAUisynACPr+wAAAAASUVORK5CYII=") center center no-repeat; position: absolute; top: 2px; right: 18px}

.top_menu ul {padding: 0}
.top_menu li {padding: 0; line-height: normal; position: relative}
.top_menu li:before {display: none}

.top_menu .more_block ul {display: block; padding: 8px 0; width: auto; font-size: 15px; background: #fff; border-radius: 0 10px 10px 10px}
.top_menu .more_block a {padding: 8px 18px; height: auto; color: #797979 !important; text-decoration: none; white-space: nowrap; line-height: normal}
.top_menu .more_block a:hover, .top_menu .more_block li.active a {color: #000 !important; text-decoration: none}
.top_nav {justify-content: center}

.window {background: #fff; width: 410px; box-shadow: 0px 5px 30px rgba(0,0,0,.15); border-radius: 10px; position: relative}
.window:before {content: ''; display: block; width: 16px; height: 16px; background: #fff; border-radius: 5px; transform: rotate(45deg); position: absolute; top:-8px; right: 48px; z-index: 2}

.more_wrap {display: none; box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.25); position: absolute; z-index: 20}

.wrap_top {align-items: center; justify-content: space-between; padding: 0 34px; height: 105px; background: #fff; border-radius: 20px; box-sizing: border-box; position: relative}
.wrap_top > div:nth-child(1) {width: 155px; position: static}
.wrap_top > div:nth-child(2) {padding: 0 15px 0 30px; width: calc(100% - 431px)}
.wrap_top > div:nth-child(3) {width: 276px}
.wrap_top a, .wrap_top a:hover {text-decoration: none}
.wrap_top .cat_menu {height: 50px; font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; line-height: 50px}
.wrap_top .cat_menu span, .wrap_top .oMenu span {display: inline-block}
.wrap_top .cat_menu span:nth-child(1), .wrap_top .oMenu span {width: 15px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABESURBVHgB7dKxDQAgCETRO5dyCyd0C5fQKexdAi0NBYSeV5LQ/BxFpAGo8A2S8z8UpBAGamsrawdZtffbcreerdoHjgu20g8/DhAHgwAAAABJRU5ErkJggg==") center center no-repeat}
.wrap_top .cat_menu span:nth-child(2) {padding-left: 11px; height: 14px; line-height: 14px}
.wrap_top .oMenu {display: none}
.wrap_top > div:nth-child(1):hover > a {background: #ff9601}
.wrap_top > div:nth-child(1):hover .catalog_menu_wrap {display: block !important}

.catalog_menu_wrap {display: none; padding: 18px; width: 100%; border-radius: 0 0 10px 10px; background: #fff; box-shadow: 0px 30px 30px -12px rgba(0, 0, 0, 0.25); box-sizing: border-box; position: absolute; left: 0; z-index: 30}

.catalog_menu {flex-wrap: wrap}
.catalog_menu > div {padding: 16px; width: 20%}
.catalog_menu .item {align-items: center; color: #000; font-size: 16px; font-weight: 700}
.catalog_menu .item:hover {color: #ff9601}
.catalog_menu .item > div:nth-child(1) {width: 45px; height: 45px; line-height: 0; border-radius: 50%; background: #ff9601; overflow: hidden}
.catalog_menu .item > div:nth-child(1) > div {justify-content: center; align-items: center; width: 100%; height: 45px}
.catalog_menu .item > div:nth-child(2) {padding: 0 11px; width: calc(100% - 45px); line-height: 20px}
.catalog_menu .names {padding: 10px 0 0 45px; font-size: 13px; font-weight: 500}
.catalog_menu .names a {display: inline-block; margin: 0 0 10px 11px; padding: 0 15px; height: 30px; color: #000; background: #f2f2f2; border-radius: 100px; white-space: nowrap; line-height: 30px}
.catalog_menu .names a:hover {color: #fff; background: #ff9601}

.wrap_search {display: flex; width: 100%; height: 50px; border: 1px solid #ff9601; border-radius: 10px; box-sizing: border-box; overflow: hidden}
.wrap_search > div {width: 100%; height: 48px; box-sizing: border-box; overflow: hidden}
.wrap_search > div:nth-child(2) {min-width: 59px; max-width: 59px}
.wrap_search > div input[type="text"] {display: block; padding: 0 10px 0 25px; height: 48px; font-size: 16px; border: none; border-radius: 0; background: #fff}
.wrap_search > div button, .wrap_search > div button:hover, .wrap_search > div input[type="submit"], .wrap_search > div input[type="submit"]:hover {padding: 0; width: 100%; height: 48px; background: #ff9501 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC+SURBVHgBtVOBEcMgCKSdwBEcJaMwQjbrCI5gNnCEZAOKKdxx1hDTXv6Oi5HnQUGABkSEbIltpQ9W+Uc4A5MiWyYfpfI8gWKIM1swPmz8sSeihJcGdzhB/BW5dweaIZwcOZiEaB3pa9MXmoWf7KZ2IQ6KBO2a3dwBF9DGPNk2zTAoEGW5WZFF1ghjmOS7WOX/uyPOfHFOSo/QTizq2SV4Nv6K6ajU2BA9FPJGgpxX3Kn4WMjDbUIP+BFSwf5+3nLS1UTPH5AKAAAAAElFTkSuQmCC") center center no-repeat; border-radius: 0; box-sizing: border-box; text-indent: -9999px; cursor: pointer}

.fast_link > div {margin-left: 22px; width: 47px; height: 47px; /*line-height: 0*/}
.fast_link > div:nth-child(1) {display: none}
.fast_link .icon .i {display: block; width: 100%; height: 100%; border-radius: 50%; background: #f7f7f7 url(images/split.png) center center no-repeat; position: relative}
.fast_link .i_compare .i{background-position: 0 0}
.fast_link .i_favorite .i {background-position: -47px 0}
.fast_link .i_basket .i {background-position: -94px 0}
.fast_link .i_personal .i {background-position: -141px 0}
.fast_link .i_col {display: block; width: 21px; height: 21px; font-size: 11px; font-weight: 700; color: #fff; border-radius: 50%; text-align: center; line-height: 21px; position: absolute; top:-10px; right: -5px; overflow: hidden}
.fast_link .i_col span {display: block; width: 100%; height: 100%; background: #ff9601}
.fast_link .t {display: none}
.fast_link .more_wrap {padding-top: 20px; width: auto; box-shadow: none; position: absolute; right: -30px}

.view_small_basket .item {padding: 14px 43px 14px 18px; border-top: 1px solid rgba(217,217,217, .3); position: relative}
.view_small_basket .item:nth-child(1) {border-top: none}
.view_small_basket .item .del {position: absolute; top: calc(50% - 19px); right: 18px; width: 15px; height: 14px; cursor: pointer}
.view_small_basket .item .del:before, .view_small_basket .item .del:after {content: ""; position: absolute; top: 6px; right: 1px; width: 17px; height: 1px; background: #000}
.view_small_basket .item .del:before {transform: rotate(45deg)}
.view_small_basket .item .del:after {transform: rotate(-45deg)}
.view_small_basket .item .del:hover:before, .view_small_basket .item .del:hover:after {background: #F6532D}
.view_small_basket .item > div {font-size: 13px; font-weight: 500; overflow: hidden}
.view_small_basket .item > div:nth-child(1) {min-width: 49px; width: 49px; max-width: 49px; height: 49px; border-radius: 5px}
.view_small_basket .item > div:nth-child(2) {padding-left: 12px}
.view_small_basket .item a {display: block; padding: 0; color: #000; line-height: 16px; overflow: hidden; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical}
.view_small_basket .item .name {height: 48px; position: relative}
.view_small_basket .item .name:after {content: ''; position: absolute; top: 0; right: 0; width: 77px; height: 100%; background: linear-gradient(270deg, #FFFFFF 13.04%, rgba(255, 255, 255, 0) 94.2%)}
.view_small_basket .item .price {padding-top: 6px; font-size: 16px; font-weight: 700; line-height: 16px}
.view_small_basket .item .price span {display: inline-block; padding-left: 8px; font-weight: 600; color: #8e8e8e}
.view_small_basket .item .price .old_price_sm_b {position: relative; display: inline-block; margin-right: 7px; padding: 0 10px; height: 16px; background: #F4F4F4; border-radius: 8px; font-size: 13px !important; color: #a1a1a1; line-height: 17px !important}
.view_small_basket .item .price .old_price_sm_b:after {position: absolute; top: 8px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 1px; background: #000; opacity: .2}
.view_small_basket .smal_basket_list {max-height: 197px; overflow: hidden; overflow-y: auto}
.view_small_basket .itog {justify-content: space-between; padding: 19px 18px; color: #8e8e8e; border-top: 1px solid rgba(217,217,217, .3)}
.view_small_basket .itog > div:nth-child(1) {font-size: 15px; color: rgba(0,0,0,.6)} 
.view_small_basket .itog span {font-weight: 700; color: #262626}
.view_small_basket .itog .button {width: 182px; height: 40px; font-size: 15px; line-height: 40px}
.view_small_basket .itog_basket_inf div:nth-child(1) {font-size: 20px; font-weight: 500; line-height: 24px}

.promo_wrap {margin-top: -200px; padding-top: 200px; width: 100%; background: url(images/bgMain.jpg) center top repeat-x; position: relative; z-index: 1}
.promo_wrap:before {content: ''; display: block; width: 100%; height: 183px; background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%); position: absolute; bottom: 0; left: 0; z-index: 2} 
.promo {display: block; margin: 0 auto; max-width: 1360px; height: auto; box-sizing: border-box; position: relative; z-index: 3}
.promo .fon {display: block; width: 1189px; height: 1059px; background-position: center center; background-repeat: no-repeat; position: absolute; top: -200px; right: calc((1400px - 100vw) / 2); z-index: 4}
.promo .fon.v2 {display: block; width: 100%; height: 100%; background-size: contain; background-position: right center; background-repeat: no-repeat; position: absolute; top: 0; right: 0}
.promo .lnk .text {width: 670px}
.promo .lnk .image {width: calc(100% - 670px); position: static}
.promo .link {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5}

.promo .ttl {display: block; padding: 45px 0 10px 0; font-size: 42px; font-weight: 900; text-transform: uppercase; line-height: 59px}
.promo .ttl span {display: block; font-size: 30px; font-weight: 800; color: rgba(255, 150, 1, 1); text-transform: none}

.promo .text {padding: 0 34px 35px 34px; width: 600px; position: relative; z-index: 5}
.promo .text ul {width: 510px}
.promo .text li {padding: 12px 0 12px 44px; font-size: 18px; font-weight: 600} 
.promo .text li:before {content: ''; display: block; width: 27px; height: 27px; border-radius: 50%; background: rgba(202,202,202,1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABTSURBVHgBhY9bDUAhDEMnASmTcCUgYQ6vFCQgAQllgREWwqNJP7aeLhnRRQCC+ldzGy5QQlcka2RfWCAZS1YXC8IWchfYgnSEHCyYEnp8GdXfLqtTRHtXwXX8mwAAAABJRU5ErkJggg==") center center no-repeat; position: absolute; top: 10px; left: 0}

.promo .top_form {align-items: center; padding: 35px 20px; width: 100%; background: #fff; border-radius: 20px; box-sizing: border-box; position: relative; z-index: 9}
.promo .top_form > div {padding: 0 15px; width: 70%}
.promo .top_form > div:nth-child(2) {width: 30%}
.promo .top_form .title {/*padding-top: 10px;*/ font-size: 38px; font-weight: 700; line-height: 44px}
.promo .top_form .confirm { font-size: 13px; color: rgba(149, 149, 149, 1); line-height: 19px; position: absolute; bottom: 12px}
.promo .top_form .confirm span {display: block}
.promo .top_form .row {padding: 12px 0; position: relative}
.promo .top_form input[type="text"] {padding-left: 54px; position: relative; z-index: 3}
.promo .top_form input[type="text"], .promo .top_form textarea {border: 1px solid #f2f2f2}
.promo .top_form input.error, .promo .top_form textarea.error {border: 1px solid red}
.promo .top_form .bg_icon:after {content: ''; display: block; width: 47px; height: 47px; background: url(images/split.png) no-repeat; position: absolute; top: 15px; left: 5px; z-index: 5}
.promo .top_form .bg_name:after {background-position: -235px 0}
.promo .top_form .bg_phone:after {background-position: -282px 0}
.promo .top_form textarea {height: 198px}
.promo .top_form .button {height: 50px; line-height: 50px}

footer {background: #fff; position: relative; z-index: 15}
footer a {color: rgba(0, 0, 0, .6)}
footer a:hover, footer a.active {color: #ff9601; text-decoration: none}

.footer_nav {margin: 0 auto; padding: 70px 20px 60px 20px; max-width: 1400px; box-sizing: border-box}
.footer_nav > div {padding-right: 40px; width: 25%; font-size: 15px; color: rgba(0,0,0,.7)}
.footer_nav .copy {padding-bottom: 24px; line-height: 22px}
.footer_nav .title {padding-bottom: 20px; color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px}
.footer_nav .ic {padding: 7px 0 25px 30px}
.footer_nav .phone {font-size: 20px; font-weight: 600; line-height: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgBjZPLrcIwEEXHzss+JaSDxzZSogcdUAKvAkQF0AIVICqADhyU3xJKcAnsoyTc4acQOWKuZMvfo/GdsSrLctk0zUYpFdBDtuu6/yRJUhJIt2276F1mhZjvSCiNNnGsh1mWTUkIGNOUhICrawPP+CMhwDrWUwBWJNAPHD/hcN8HG8fxjITiCI6DtcAYEwjvk37mO+0DfN83UojijlOGZ5jB3qWu6xl0N7mqqhA1s8bwpLVOoyiybwCrKIoD/JiPQfI8P9NnzdyNfgM4ZITOh8IBxNIj1a6Cu6r+jMPEvzAOyKg+KpHf5Xkep3BPQqmxDXiygCfrb9Eo+iLOEFyfA/aLNnn9XIzZl+0NBEhqbotdWakAAAAASUVORK5CYII=") left 10px no-repeat}
.footer_nav .phone a {color: #262626}
.footer_nav .phone a:hover {color: #ff9601}
.footer_nav .mail {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADYSURBVHgBrZJBC0RAGIbfEXHCleLE2cX/2vYfrP8mdzkqB4rjclQ065t2toTS8pxmpnnf75kalmXZY57nF2PMxv88WZqm72VxpYToFVniOA48zzuVUlVV3KXMF1uRq+Vp8H0fcRxD1/XDEtM0EUWRuKtp2u+cnsblxrIsBEEAwzBQ1zWaptlYuK6LcRxRliWGYdgvkgGaRtoUKIpCGIZhKAZ0XSeGTNO0Mt0U7dkRexYrARxAgTzPhR1Nb9t2Y3GqiKBgVVU4g4KbuLWox3XEz05wAc45iSQfOVFaJ7e3tcgAAAAASUVORK5CYII=") left 11px no-repeat}
.footer_nav .work {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgBpVTNboJAEJ5dTTx4MTEx8WLkCYpHoxB8gvYNmj5Z2zeoTwDlJ1y5k1DCAa5cOHAAOrMRtJQK1i8hu0Nmvp2ZnW8ZdMCyLI1z/lxVlYbm+vTbY4x5RVEcVVX9aMewS8N13TU6vuJWg+sIR6PRYbvdhr+IHMeRy7LU8dTZZcRyuRRrkiRtshR9D7vdziOD15l0kRDm87n4OjDD0nWKbYiwnE6SAZidWgHcNM0nODf0P9DE5WDTHuFO0A1zrFOGO0FjQj3qJRqPx+K7gjWHHmRZBtPpFGRZBkmSYDKZdPox27a/oKfZFLxarWCxWAg7CIL2XHmU72cfUZ7n4Ps+RFEkCHFUfmaD0qFmv8FA1IRxHLeJjoIay9OhX19/Idzv95JoNs7SCy4p3AisJiXx0l4QkYpJgLeQEQkOYvMCNNdPKkb2DaU6gMfAudrUyiewLi/SH55GGnyA88BS1ga+Eu+KohjtmG8XIYqPkaEg4gAAAABJRU5ErkJggg==") left 8px no-repeat}
.footer_nav .work span {opacity: .6}
.footer_nav .adres {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAYAAAAGAx/kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGDSURBVHgBrZTLccIwEIYlES4MB5fgdICPDI9YFSRUkEkpqSQlBCoQ4TEc7RJUAnfAzv4emfFj7WBP/ov1WH3aXe1aCkb7/T5USr2naRrS1HfLsZQyvt1um+Vyua6ekcXJ6XTyyfCLhqFolx0MBno6ndoa6Hg8TpIkMXSrJx7TmWz1bDaL7yB4cr1eow6QO4w8C+CZwozCMT0gkOdSIeRut3ujxH5zVpTsM+1tMaaww6bLyE4/kWuvNOD24/F4rIMgOGPiHgIXTqqGeGFFkAkDQeyrHAIhD5fLRWOP8ShU3A2kn+LT5tJa46W2jL2vxD8JIMusvxhjaolFnly1VxUjRxtmwxsOhwYH84UoijyX7NoFaB2JvqKBYWCdnj+r7MPhAFAo+snO5/Nn5YifoqfQvPhmoMVise0Dw5m8TEq/kS4hUr7W1PmrfF6qI6pcbNi/McKORqOP4kIJhMp1Mds2CGyK7ZN5yFm6BkWYPgfh2ocFNcAaIa2gCky0QR4SYMVWadIv6wrHCGd2lxAAAAAASUVORK5CYII=") left 10px no-repeat}

.footer_nav .whats {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiFJREFUeNp01FuITVEYwPFzjplELhGN2wMpk2syohwheSDKg2GSF8mIEt408ogRuTSR2/CgwZTkwRgK8XCOWy4PMyZ58DgPmAdGCOH/6b+12x2rfu2191n722t961snXyqVchXaBMzEfNRgIN6iG/HCh2RgsVj8e63KBBiMbdiEabnK7SnacAbfk4fpQENxHmu9/4LXeIlBmITZmKeF2Iz+GFzwpeG4kgpyAXOwHMfRjNUGuOqYdbhcLpeHpQPtwkr7TdiKFejEXdzBLTRgC3Y7dhX2RidPsqdyfeSsWvzhBhb/J0fP/ehOPxpLWxQzWmOQXuzDOde/xw9kWx0u4TBemdv6QmpJrZhonq6Zl/2ZIL+9LvFjbUkVRKBabx5ggXn7maqndIC81wGxHN+JVhsvDUlt9zj7Sw0yOhMg3Ubgk/1RhVSVVqPP/hicwEmctvBazc03x3zFSPufoyDfYKzLeoYfBo26OYXtOGth5jwu9XiBKT7rjhnd82YjevAkNf2om9sW4gxswDLP3HWPUrSOKh80mZOCs8lud531Elv9Eevd3aL3HQWjt7isvOfrSJQ/3meCdjq78Tjgs2P8A/QkhzbqZbrRmx0YuTvk7lS7KX0ekR3O7qZn8d/pj2k/RiMOuhvvcB9d1tEsC7HGd9ojKLPpr/R/1O6XIgdzTXZDZkyXxyhK41el/6NkZkdx0SMQOzXZmokZPjSnvdnq/CPAAEhbf2jcsPWaAAAAAElFTkSuQmCC") left 8px no-repeat}



.footer_nav ul {padding: 0}
.footer_nav ul li:before {display: none}
.footer_nav ul li {padding: 6px 0; line-height: 20px}
.footer_nav .counters {padding-top: 20px}

.maret_buy > div {padding: 12px 0; width: 270px} 
.maret_buy > div a {display: block; width: 100%; height: auto; border-radius: 10px; line-height: 0; overflow: hidden}

.bottom_wrap {height: 81px; background: #ededed}
.bottom {align-items: center; margin: 0 auto; padding: 0 20px; max-width: 1400px; height: 81px; font-size: 15px; box-sizing: border-box}
.bottom > div {width: 25%}
.bottom > div:nth-child(1) {width: 50%}
.bottom > div:nth-child(2) {font-weight: 500}
.bottom > div:nth-child(3) {color: rgba(0,0,0,.6)}
.bottom > div:nth-child(3) a {font-weight: 600}

.bottom span {display: block}
.bottom a {color: #000}
.bottom a:hover {color: #ff9601}

.social > div {padding-right: 14px}
.social a {display: block; width: 36px; height: 35px; text-indent: -9999px; text-decoration: none; background: url(images/social.png) no-repeat}
.social a:hover {text-decoration: none}
.social .you {background-position: 0 0}
.social .face {background-position: -36px 0}
.social .sc {background-position: -72px 0}
.social .dz {background-position: -108px 0}
.social .te {background-position: -144px 0}
.social .vk {background-position: -180px 0}

/* Menu */
nav {display: none}
nav {position: fixed; top: 0; left: 0; width: 340px; height: 100vh; box-sizing: border-box; z-index: 2000}
nav .close_wrap, nav .back {display: block; padding: 18px 20px; width: 100%; height: 52px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box}
nav .back {padding-left: 30px; border-bottom: none}
nav .close_menu, nav .back_cat {display: block; width: 16px; height: 16px; cursor: pointer}
nav .close_menu svg, nav .back_cat svg {stroke: #000}
nav .close_menu:hover svg, nav .back_cat:hover svg {stroke: #F6532D}

.all_menu_wrap {width: 100%; height: 100%; background: #fff; box-sizing: border-box; position: relative}
.all_menu {width: 100%; height: 100%; box-sizing: border-box;  position: relative; z-index: 3}

.all_menu .level {width: 340px; height: 100%; border-right: 3px solid #D2D2D2; background: #fff; box-sizing: border-box; position: relative; z-index: 500}
.all_menu .level:before {content: ''; display: block; width: 3px; height: 300px; background: #FF9601; position: absolute; top: 0; right: -3px}

/* выпадашка скрытие */
.all_menu .level.v2 {display: none}

.all_menu .level_1 {padding-bottom: 78px; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; position: relative}

.all_menu .item_wrap {border-bottom: 1px solid #e6e6e6; overflow: hidden; position: relative}
.all_menu .item_wrap:hover, .all_menu .item_wrap.active {background: #f8f8f8}

.all_menu .item {align-items: center; padding: 0 38px 0 20px; width: 100%; height: 66px; box-sizing: border-box; cursor: pointer; position: relative; z-index: 12} 
.all_menu .item.m_more:before, .all_menu .item.a_more:before {content:''; display: block; width: 7px; height: 13px; background: url("data:image/svg+xml; utf8; base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTEgMTJMNS41IDYuNUwxIDEiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg=="); position: absolute; right: 25px}
.all_menu .item.m_more > div:nth-child(1), .all_menu .item_wrap .img > div:nth-child(1) {max-width: 36px; width: 36px; height: 36px; text-align: center; line-height: 0}
.all_menu .item.m_more > div:nth-child(2), .all_menu .item_wrap .img > div:nth-child(2) {padding-left: 12px; width: calc(100% - 36px); font-size: 15px; font-weight: 600; line-height: 17px}
.all_menu .item.a_more > div:nth-child(1) {max-width: inherit; width: 100%; height: auto; font-size: 15px; font-weight: 500; color: rgba(0,0,0, .7)}

.all_menu .item_wrap a {margin: 0 -38px 0 -20px; width: calc(100% + 20px); text-decoration: none; font-size: 15px; font-weight: 500; color: rgba(0,0,0, .7); box-sizing: border-box}
.all_menu .item_wrap a > div {padding: 0 20px}
.all_menu .item_wrap .img  {margin: 0; width: 100%}
.all_menu .item_wrap .img > div:nth-child(1) {padding: 0}
.all_menu .item_wrap .img > div:nth-child(2) {color: #000}
.all_menu .item_wrap .m_icon { border-radius: 50%; background: #ff9601; overflow: hidden}
.all_menu .item_wrap .m_icon > div {justify-content: center; align-items: center; width: 100%; height: 100%}
.all_menu .item_wrap .m_icon > div img {display: block}

.all_menu .level_2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; overflow: hidden; overflow-y: auto; z-index: 20}
.all_menu .level_2 ul {padding: 12px 0; font-size: 15px; font-weight: 500}
.all_menu .level_2 ul > li {padding: 0; line-height: normal} 
.all_menu .level_2 ul > li:before { display: none}  
.all_menu .level_2 a {display: block; padding: 12px 20px 12px 45px; width: 100%; color: #000; text-decoration: none; box-sizing: border-box; position: relative}
.all_menu .level_2 a:before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #ff9601; position: absolute; top: 19px; left: 30px}
.all_menu .level_2 a:hover, .all_menu .level_2 a.active {color: #ff9601; text-decoration: none}

.all_menu .phone-wrap {padding: 25px 10px 25px 20px; letter-spacing: 0.03em}
.all_menu .top_phone {font-size: 25px}
.all_menu .phone-wrap .whtasApp {text-indent: -9999px}

.all_menu .btn-wrap {padding: 0 20px}
.all_menu .btn-wrap .button { height: 59px; font-size: 20px; line-height: 59px}
/* End menu */

section {padding: 30px 0}
section .title {padding-bottom: 30px; font-size: 40px; font-weight: 800; text-align: center}

section.color {position: relative}
section.color:before {content: ''; display: block; width: 100vw; height: calc(100% + 60px); background: #eee; position: absolute; top: 0; left: calc((1360px - 100vw) / 2)}

.variety_list {flex-wrap: wrap; justify-content: center; margin: 0 -15px; width: calc(100% + 30px)}
.variety_list > div {padding: 15px; width: 20%; text-align: center}
.variety_list a:hover {text-decoration: none; box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.25)}
.variety_list a {display: block; padding: 34px 40px; width: 100%; height: 100%; background: #fff; border-radius: 20px; box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: .3s ease-in-out}
.variety_list .icon {justify-content: center; align-items: center; margin: 0 auto; width: 141px; height: 141px; background: rgba(255, 150, 1, 1); border-radius: 50%; line-height: 0; overflow: hidden; transition: .3s ease-in-out}
.variety_list .icon > div {line-height: 0}
.variety_list a:hover .icon {background: rgba(75, 166, 83, 1)}
.variety_list .name {padding: 14px 0 5px 0; font-size: 20px; font-weight: 700; color: #000; line-height: 24px}
.variety_list .text {color: rgba(0, 0, 0, .7); font-size: 16px; line-height: 21px}
.variety_list.small > div {width: calc(100% / 7)}
.variety_list.small a {padding: 30px 28px}
.variety_list.small .icon {width: 74px; height: 74px}
.variety_list.small .name {padding: 15px 0 0 0; font-size: 15px; font-weight: 600; line-height: 18px}

.ban_wrap {background: #364562; border-radius: 20px; overflow: hidden; position: relative; z-index: 1}
.ban_wrap .or {width: 491px; height: 491px; background: #FF9601; opacity: .7; filter: blur(150px); border-radius: 1000px; position: absolute; right: 58px; bottom: -420px; z-index: 2}
.ban_wrap .gr {width: 642px; height: 642px; background: #4BA653; opacity: .4; filter: blur(150px); border-radius: 1000px; position: absolute; left: 104px; top: -570px; z-index: 2}
.ban_wrap .or_v {width: 256px; height: 169px; position: absolute; left: 0; bottom: 0; z-index: 3}
.ban_wrap .or_v svg {width: 256px; height: 169px; fill: #FF9601}
.ban_wrap .bg_img {width: 238px; height: 136px; position: absolute; left: 25px; bottom: 24px; z-index: 4}

.ban {align-items: center; padding: 40px 58px 40px 285px; position: relative; z-index: 5}
.ban > div:nth-child(1) {padding-right: 55px; width: calc(100% - 290px); color: #fff}
.ban > div:nth-child(2) {width: 290px}
.ban .name {font-size: 33px; font-weight: 700; line-height: 40px}
.ban .txt {padding-top: 10px; font-size: 20px; line-height: 26px}

.wrap_slider {}
.views_slider_wrap .top {padding: 10px 0 40px 0; align-items: center; justify-content: space-between}
.views_slider_wrap .top.v2 {align-items: flex-end}
.views_slider_wrap .top.v3 {align-items: center}
.views_slider_wrap .top > div:nth-child(1) {font-size: 40px; font-weight: 800; line-height: 48px}
.views_slider_wrap .top.v2 > div:nth-child(1) {font-size: 28px; line-height: 36px}
.views_slider_wrap .top.v2 span {color: #909090}
.views_slider_wrap .top .fast {padding-top: 5px; font-size: 14px; font-weight: 400}
.views_slider_wrap .top .fast > div {display: inline-block; margin: 10px 10px 0 0; padding: 0 16px; height: 33px; background: #fff; border-radius: 100px; white-space: nowrap; line-height: 33px; cursor: pointer; user-select: none}
.views_slider_wrap .top .fast > div:hover, .views_slider_wrap .top .fast > div.active {color: #fff; background: #FF9601}
.views_slider_wrap .top .chek {padding-bottom: 6px; white-space: nowrap}
.views_slider_wrap .top .chek input[type="checkbox"] + label div {font-size: 14px}
.views_slider_wrap .top .btn-wrp {align-items: center}
.views_slider_wrap .top .btn-wrp > div:nth-child(1) {padding-right: 30px}
.views_slider_wrap .top .btn-wrp .button {padding: 0 25px; height: 45px; font-size: 15px; line-height: 45px}

.views_slider_wrap .nav_sl {background: #fff; border-radius: 10px}
.views_slider_wrap .nav_sl > div {width: 70px; height: 45px; text-align: center; cursor: pointer; line-height: 45px}
.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 20px}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 20px}
.views_slider_wrap .nav_sl > div svg {stroke: #000}
.views_slider_wrap .nav_sl > div:hover svg {stroke: #FF9601}

.views_slider .swiper-slide { height: auto}
.slide_view {padding: 10px 20px 145px 20px; width: 100%; height: 100%; background: #fff; border-radius: 20px; box-sizing: border-box; position: relative}
.slide_view.sl-action {padding: 0; background: none; border-radius: 0}
.slide_view.sl-viewed {padding: 0; border-radius: 20px}
.slide_view.rew {padding: 25px; border-radius: 15px}

.slide_view a, .slide_view a:hover {text-decoration: none}

.slide_view.sl-viewed a {padding: 15px; width: 100%; height: 100%; box-sizing: border-box}
.slide_view.sl-viewed a > div:nth-child(1) {width: 80px; height: 80px; border-radius: 5px; overflow: hidden}
.slide_view.sl-viewed a > div:nth-child(2) {padding-left: 20px; width: calc(100% - 80px)}
.slide_view.sl-viewed.v2 a > div:nth-child(2) {padding: 0 0 40px 20px}

.slide_view .stras_wrap {padding-bottom: 6px; align-items: center; justify-content: space-between}
.slide_view .sm_ban {height: 22px}
.slide_view .sm_ban > div { padding-right: 5px; line-height: 0}
.slide_view .sm_ban > div span {display: block; padding: 0 7px; width: auto; height: 22px; border-radius: 100px; font-size: 9px; font-weight: 700; letter-spacing: 5%; text-transform: uppercase; color: #fff; line-height: 22px; box-sizing: border-box}

.slide_view .rating > span {display: block; padding-left: 3px}
.slide_view .rating svg {display: block}
.slide_view .rating > span.bx-star-active {cursor: pointer}
.slide_view .rating > span.bx-star-active path {fill: #FF9601}

.slide_view .img {justify-content: center; align-items: center; margin: 0 auto; width: 208px; height: 208px; border-radius: 5px; overflow: hidden}
.slide_view .img.v2 {width: 100%; height: auto; text-align: center}
.slide_view .img > a {line-height: 0}

.slide_view.sl-action .img {width: 100%; height: 276px; border-radius: 10px; overflow: hidden; position: relative}
.slide_view.sl-action.v2 .img {height: 179px}

.slide_view .name {padding-top: 12px; font-size: 15px; font-weight: 500; line-height: 20px}
.slide_view .name a {color: #000}
.slide_view .name a:hover {color: #ff9601}
.slide_view.sl-action .name {padding: 20px 0 10px 0; font-size: 18px; font-weight: 600; line-height: 24px}
.slide_view.sl-action.v2 .name {padding: 10px 0 4px 0; font-size: 17px; line-height: 22px}

.slide_view.sl-viewed .name {padding-top: 0; color: #000; font-size: 13px; font-weight: 500; line-height: 16px}
.slide_view.sl-viewed .wrpa_price {padding-top: 10px; color: rgba(0,0,0,.7); font-size: 13px; line-height: 16px}
.slide_view.sl-viewed .wrpa_price > div:nth-child(1) {padding-bottom: 6px}
.slide_view.sl-viewed .wrpa_price span {color: #000; font-size: 15px; font-weight: 700} 

.slide_view.sl-action .txt {color: rgba(0, 0, 0, .7); font-size: 16px; line-height: 24px}
.slide_view.sl-action.v2 .txt {font-size: 15px; line-height: 20px}

.slide_view .bot {align-items: center; justify-content: space-between; padding: 0 20px 20px 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 0; left: 0}
.slide_view .bot > div:nth-child(2) {width: 59px}

.slide_view .botAdd {align-items: center; height: 26px; font-size: 14px; color: rgba(0,0,0,.6); box-sizing: border-box; line-height: 26px; cursor: pointer}
.slide_view .botAdd > div:nth-child(1) {padding-right: 8px; min-width: 15px; line-height: 0}
.slide_view .botAdd svg {stroke: #000; opacity: .5}
.slide_view .botAdd.in {cursor: default}
.slide_view .botAdd:hover, .slide_view .botAdd.in {color: #000}
.slide_view .botAdd:hover svg, .slide_view .botAdd.in svg {stroke: #ff9601; opacity: 1; fill: #ff9601}

.slide_view .price {justify-content: space-between; padding: 0 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 82px; left: 0}
.slide_view .price > div {line-height: 17px}
.slide_view .price > div i {font-style: normal; display: none}
.slide_view .price div > div:nth-child(1) {font-size: 13px; font-weight: 700; opacity: .4}
.slide_view .price div > div:nth-child(2) {font-size: 19px; font-weight: 700; line-height: 22px}
.slide_view .price div > div:nth-child(3) {font-size: 14px; opacity: .8}
.slide_view .price span {font-weight: 600; opacity: .6}

.slide_view .price_zapros {padding: 0 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 82px; left: 0}
.slide_view .price_zapros .button {height: 50px; background: rgba(255, 150, 1, .15); font-size: 18px; color: #ff9601; line-height: 50px}

.slide_view .bot .button, .slide_view.other .button  {height: 52px; border-radius: 100px; background-color: rgba(245, 245, 245, 1); background-image: url(images/split.png); background-repeat: no-repeat; line-height: 52px}
.slide_view .bot .button.yes, .slide_view.other .button.yes {background-position: -88px 3px}
.slide_view .bot .button.yes:hover, .slide_view.other .button.yes:hover {background-color: #ff9601; background-position: -88px -44px}
.slide_view .bot .button.in_basket, .slide_view.other .button.in_basket {background-position: -182px -45px; background-color: rgba(75, 166, 83, 1); cursor: default}
.slide_view .bot .button > div:nth-child(2) {display: none} 

.slide_view.other {padding: 20px}
.slide_view.other .line > div:nth-child(1) {width: 153px; height: 153px}
.slide_view.other .line > div:nth-child(2) {padding-left: 20px; width: calc(100% - 153px)}
.slide_view.other .img {width: 100%; height: auto}

.slide_view.other .name {padding: 0; font-size: 17px; font-weight: 600; line-height: 22px}
.slide_view.other .props {padding-top: 3px; font-size: 15px; color: rgba(0,0,0,.6); line-height: 19px}

.slide_view.other .wrap_bot {padding-top: 10px; align-items: center}
.slide_view.other .wrap_bot > div:nth-child(1) {width: 243px}
.slide_view.other .wrap_bot > div:nth-child(2) {padding-right: 20px; width: 150px}
.slide_view.other .wrap_bot > div:nth-child(3) {width: 59px}

.slide_view.other .price {padding: 0; justify-content: flex-start; position: relative; bottom:  0}
.slide_view.other .price > div:nth-child(1) {width: 114px}

.slide_view.other .button > div:nth-child(2) {display:  none}

.slide_view.rew .wrp-top {justify-content: space-between}
.slide_view.rew .wrp-top > div {line-height: 24px}
.slide_view.rew .wrp-top > div div {display: inline-block; height: 24px; vertical-align: top; line-height: 24px}
.slide_view.rew .wrp-top > div:nth-child(2) div {padding-left: 15px; font-size: 14px}
.slide_view.rew .wrp-top .name {padding: 0 10px 0 0; font-size: 16px; font-weight: 700}
.slide_view.rew .wrp-top .date {font-size: 14px; color: rgba(0,0,0,.6)}
.slide_view.rew .wrp-top .rw {color: rgba(0,0,0,.6)}
.slide_view.rew .wrp-top .yes {color: #4BA653}
.slide_view.rew .wrp-top .no {color: #DC7E7E}
.slide_view.rew .wrp-top span {padding-right: 2px; color: #000}

.slide_view.rew .i-rew {padding-top: 8px; font-size: 15px; line-height: 21px}

.why_we_wrap {margin-top: 40px; background: rgba(54, 69, 98, 1); border-radius: 20px; overflow: hidden; position: relative; z-index: 1}
.why_we_wrap .bg_or {background: #FF9601; opacity: 0.4; filter: blur(150px); border-radius: 1000px; transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; z-index: 2}
.why_we_wrap .bg_or.v1 {width: 982px; height: 982px; right: -347px; bottom: -561px}
.why_we_wrap .bg_or.v2 {width: 615px; height: 615px; left: -142px; top: -514px} 
.why_we_wrap .bg_gr {background: #4BA653; opacity: 0.3; filter: blur(150px); border-radius: 1000px; transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; z-index: 2}
.why_we_wrap .bg_gr.v1 {width: 930px; height: 930px;left: -360px; bottom: -229px}
.why_we_wrap .bg_gr.v2 {width: 1021px; height: 1021px; right: -402px; top: -671px}

.why_we {flex-wrap: wrap; padding: 0 45px 45px 45px;  position: relative; z-index: 15}
.why_we > div {padding: 15px; width: 25%}
.why_we > div:nth-child(1), .why_we > div:nth-child(2) {width: 50%}
.why_we .name {padding: 30px 30px 20px 0; color: #fff; font-size: 50px; font-weight: 800; line-height: 60px}
.why_we .name span {color: #ff9601}
.why_we .text {padding-top: 40px; color: #fff; font-size: 25px; font-weight: 600; line-height: 35px}
.why_we .item {flex-wrap: wrap; justify-content: flex-start; flex-direction: column; padding: 30px; width: 100%; height: 100%; text-align: center; background: #fff; border-radius: 15px; box-sizing: border-box}
.why_we .item > div {width: 100%}
.why_we .item > div:nth-child(1) {height: 64px}
.why_we .item .img {height: 64px; line-height: 0}
.why_we .item .block {padding: 15px 0 8px 0; font-size: 18px; font-weight: 600; line-height: 22px}
.why_we .item .txt {color: rgba(0,0,0,.6); font-size: 15px; line-height: 19px}
.why_we .item .btn_wrap {padding-top: 30px}
.why_we .item .btn_wrap .button {display: inline-block; padding: 0 25px; width: auto; font-size: 16px; font-weight: 800; height: 42px; line-height: 42px}
.why_we .item span {display: block}

.why_we_bottom {align-items: center; padding: 20px 60px; background: rgba(54, 59, 62, .3); color: #fff; box-sizing: border-box; position: relative; z-index: 13}
.why_we_bottom > div:nth-child(1) {width: 130px} 
.why_we_bottom > div:nth-child(2) {width: calc(100% - 130px)} 
.why_we_bottom .txt_block  {align-items: center}
.why_we_bottom .txt_block > div:nth-child(1) {padding-right: 20px; width: calc(100% - 287px)}
.why_we_bottom .txt_block > div:nth-child(2) {width: 287px}
.why_we_bottom .block {margin-top: -2px; padding-bottom: 3px; font-size: 24px; font-weight: 700; line-height: 34px}
.why_we_bottom .txt {font-size: 19px; line-height: 23px}
.why_we_bottom .button {height: 63px; line-height: 63px}
.why_we_bottom .button:hover {background: #4ba653}

.steps {flex-wrap: wrap; margin: 0 -15px; width: calc(100% + 30px); box-sizing: border-box}
.steps > div {padding: 15px; width: 25%}
.steps .s_title {font-size: 28px; font-weight: 800; line-height: 36px}
.steps .s_title span {color: #FF9601}
.steps .text {padding: 23px 0 25px 0; color: rgba(0, 0, 0, .7); font-size: 21px; font-weight: 500}
.steps .phone a {display: block; padding-left: 42px; color: #000; font-size: 28px; font-weight: 800; text-decoration: none; line-height: 35px; letter-spacing: 0.03em; position: relative}
.steps .phone a:before {content: ''; display: block; width: 29px; height: 29px; border-radius: 50%; background-color: #4BA653; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgBlZFRDcAgDAWbKZgEpCBlEnBAHWwONidIQMIkTELXZCVpCIxyyftpuJS2AAOIyHMSfWTOBgZppzaxJzjVpUXuSbc8ODkH51HSxVn/JFT1ID/wo04IVmRj01IsM81ITg2OM2Iiy40qFo6vag4sqE0WvFUMSrIvR2SUc6xW5wV49gCCzlCMWQAAAABJRU5ErkJggg=="); background-position: center center; background-repeat: no-repeat; position: absolute; top: 4px; left: 0}
.steps .phone a:hover {color: #FF9601}
.steps .phone a:hover:before {background-color:  #FF9601}
.steps .item {padding: 30px; width: 100%; height: 100%; background: #fff; border-radius: 20px; box-sizing: border-box; overflow: hidden}
.steps .step {color: #FF9601; font-size: 30px; font-weight: 900; line-height: 36px}
.steps .name {padding: 18px 0 14px 0; font-size: 24px; font-weight: 700; line-height: 29px}
.steps .txt {color: rgba(0, 0, 0, .7); font-size: 16px; line-height: 24px}

.faq_wrap > div {overflow: hidden}
.faq_wrap > div:nth-child(1) {padding-right: 15px; width: calc(100% - 332px)}
.faq_wrap > div:nth-child(2) {padding-left: 15px; min-width: 332px; max-width: 332px}
.faq .item {display: block; margin: 0 0 20px 0; background: #fff; border-radius: 15px; box-sizing: border-box; overflow: hidden}
.faq .item .question {display: flex; padding: 18px 50px 18px 30px; align-items: center; background: rgba(255, 150, 1, 0); box-sizing: border-box; cursor: pointer; position: relative; transition: background-color .6s easy}
.faq .item .question > div {display: block; font-size: 20px; font-weight: 700; color: #000; transition: none}
.faq .item .question:before {content: '+'; color: #CACACA; font-size: 40px; position: absolute; top: 9px; right: 30px; line-height: 40px}
.faq .item .ansver {display: none; padding: 22px 30px 22px 30px; color: rgba(0,0,0,.7); font-size: 16px; box-sizing: border-box; line-height: 21px}
.faq .item.active .question  {background: rgba(255, 150, 1, 1)}
.faq .item.active .question > div {color: #fff}
.faq .item.active .question:before {content: '-'; color: #fff}

.area_wrap {padding: 45px 0; background: #fff; position: relative}
.area_wrap:before {content: ''; display: block; width: 100vw; height: 100%; background: #fff; position: absolute; top: 0; left: calc((1360px - 100vw) / 2); z-index: 2}
.area_wrap .area {position: relative; z-index: 5}
.area_wrap .area > div:nth-child(1) {padding: 15px 15px 0 0; width: 462px}
.area_wrap .area > div:nth-child(2) {width: calc(100% - 462px)}
.area_wrap .area_title {padding-bottom: 20px; font-size: 37px; font-weight: 800; line-height: 48px}
.area_wrap .area_head {padding-bottom: 20px; color: #FF9601; font-size: 24px; font-weight: 800; line-height: 31px}
.area_wrap .area_txt {padding-bottom: 70px; color: rgba(0,0,0,.5); font-size: 20px; line-height: 30px}
.area_wrap .btn_wrap {position: absolute; bottom: 15px; left: 0}
.area_wrap .btn_wrap .button { width: 290px; height: 63px; line-height: 63px}
.area_wrap .area .items {flex-wrap: wrap; margin: 0 -15px 0 0; width: calc(100% + 15px)}
.area_wrap .area .items > div {padding: 15px; width: 20%; height: 188px}
.area_wrap .area .items a {display: block; padding: 17px; height: 100%; color: #000; text-decoration: none; font-size: 15px; font-weight: 500; background: #fbfbfb; border-radius: 15px; box-sizing: border-box; line-height: 18px}
.area_wrap .area .items a:hover {color: #FF9601; text-decoration: none; background: #fff; box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1)}
.area_wrap .area .icon {align-items: center; height: 55px; overflow: hidden}
.area_wrap .area .name {padding-top: 12px}

.wrap_map {margin-top: 50px; width: 100%; height: 400px; border: 5px solid #fff; border-radius: 20px; box-sizing: border-box; position: relative; z-index: 8}
.wrap_map:before {content: ''; display: block; width: 100vw; height: 100%; background: #fff; position: absolute; top: 60%; left: calc((1360px - 100vw) / 2); z-index: 10}
.wrap_map.v2:before {display: none}
.wrap_map .map {display: block; width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 12}
.wrap_map .map .ymaps-2-1-79-map {border-radius: 20px; overflow: hidden}

.breadcrumb {display: block; margin: 0 0 40px 0; font-size: 14px}
.breadcrumb > div {display: inline; margin-right: 26px; height: 16px; line-height: 16px; position: relative}
.breadcrumb > div:before {content: ''; position: absolute; top: 7px; right: -16px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0,0,0,.2); overflow: hidden}
.breadcrumb > div:last-child {margin-right: 0}
.breadcrumb > div:last-child:before {display: none}
.breadcrumb a {color: rgba(0,0,0,.75)}
.breadcrumb a:hover {text-decoration: none; color: #ff9601}
.breadcrumb span {color: rgba(0,0,0,.5)}

.article_list {flex-wrap: wrap; margin: 0 -40px; padding-bottom: 20px}
.article_list > div {padding: 15px 40px 25px 40px; width: calc(100% / 3)}
.article_list .item .img {width: 100%; height: 276px; border-radius: 10px; line-height: 0; overflow: hidden; position: relative}
.article_list .item .name {padding: 20px 0 10px 0; font-size: 18px; font-weight: 600; line-height: 24px}
.article_list .item .name a {color: #000}
.article_list .item .name a:hover {color: #ff9601; text-decoration: none}
.article_list .item .txt {color: rgba(0, 0, 0, .7); font-size: 16px; line-height: 24px}

.action_time {position: absolute !important; left: 0; top: 0; padding: 0 10px; height: 22px; width: 100%; color: #fff; background: rgba(0,0,0,.5); font-size: 15px; line-height: 22px}
.action_time.v2 {color: rgba(0,0,0, 1); background: rgba(200,200,200,.5)}

.news-date-time {font-size: 14px; color: rgba(0,0,0,.6)}
.news-date-time.v2 {color: #ff9601}
.news-detail .soc {justify-content: flex-end; align-items: center; padding-top: 25px}
.news-detail .soc > div:nth-child(1) {padding-right: 15px; font-size: 16px; color: rgba(0,0,0,.4)}
.news-detail .social {padding: 0}
.news-detail .social > li {display: inline-block; padding: 0 14px 0 0; line-height: 0}
.news-detail .social > li:before {display: none}
.news-detail .social > li a, .news-detail .social > li div {display: block; width: 37px; height: 37px; text-align: center; background: rgba(83,108,119,.2); border-radius: 50%; line-height: 36px; overflow: hidden; transition: 0.2s ease-in-out; cursor: pointer; position: relative}
.news-detail .social li a:hover, .news-detail .social > li div:hover {text-decoration: none; background: #ff9601}
.news-detail .social > li a svg, .news-detail .social > li div svg {fill: #536C77; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.3s ease-in-out}
.news-detail .social > li a:hover svg, .news-detail .social > li div:hover svg {fill: #fff}
.news-detail .button {margin-top: 25px}

.contact-item {margin-bottom: 40px}
.contact-item .item {padding: 7px 0}
.contact-item .item span {opacity: .6}

.cat_list {flex-wrap: wrap; margin: -25px -15px 0 -15px; width: calc(100% + 30px)}
.cat_list > div {padding: 15px; width: calc(100% / 3); text-align: center}
.cat_list .area {display: block; padding: 34px; width: 100%; height: 100%; background: #fff; border-radius: 20px; box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: .3s ease-in-out; position: relative}
.cat_list .area:hover {box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.25)}

.cat_list .name {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2}
.cat_list .name:hover {color: #ff9601; text-decoration: none}

.cat_list .icon {justify-content: center; align-items: center; margin: 0 auto 12px auto; width: 160px; height: 160px; background: rgba(255, 150, 1, 1); border-radius: 50%; line-height: 0; overflow: hidden; transition: .3s ease-in-out}
.cat_list .icon > div {line-height: 0}
.cat_list .area:hover .icon {background: rgba(75, 166, 83, 1)}
.cat_list .txt {padding-bottom: 12px; font-size: 20px; font-weight: 700; color: #000; line-height: 24px}
.cat_list .names {flex-wrap: wrap; justify-content: center; padding-top: 12px; position: relative; z-index: 5}
.cat_list .names a {margin: 0 6px 10px 6px; padding: 0 15px; height: 35px; font-size: 15px; color: #000; background: #f2f2f2; border-radius: 100px; white-space: nowrap; line-height: 35px}
.cat_list .names a:hover {color: #fff; background: #ff9601; text-decoration: none}

.prima {flex-wrap: wrap; margin: 0 -15px; padding-top: 40px; width: calc(100% + 30px)}
.prima > div {padding: 15px; width: 50%}
.prima .item {padding: 30px 27px; width: 100%; height: 100%; background: #fff; border-radius: 15px; box-sizing: border-box}
.prima .item > div:nth-child(1) {width: 60px; height: 60px; border-radius: 10px; background-color: #FF9601; background-position: center center; background-repeat: no-repeat}
.prima .item > div:nth-child(2) {padding-left: 20px; width: calc(100% - 60px); color: rgba(0,0,0,.7); font-size: 16px}
.prima .item h3 {padding: 0 0 10px 0; color: #000}
.prima .item p {padding: 10px 0 0 0}

.wrap_good_list {width: 100%; position: relative}

.good_list {margin: 0 -15px}
.good_list > div:nth-child(1) {padding: 0 15px; width: 20%}
.good_list > div:nth-child(2) {width: 80%}
.goods {flex-wrap: wrap}
.goods > div {padding: 15px; width: calc(100% / 4)}

.good_list.v2 > div:nth-child(1) {display: none}
.good_list.v2 > div:nth-child(2) {width: 100%}
.goods.v2 > div {padding: 15px; width: calc(100% / 5)}

.goods .item {padding: 10px 20px 145px 20px; width: 100%; height: 100%; background: #fff; border-radius: 20px; box-sizing: border-box; position: relative}

.goods.line > div {width: 100%}
.goods.line .item {padding: 10px 20px 20px 20px}
.goods.line .item .wrap_view {display: flex}
.goods.line .item .wrap_view > div:nth-child(1) {width: 120px}  
.goods.line .item .wrap_view > div:nth-child(2) {padding-left: 20px; width: calc(100% - 120px)}

.goods .item a, .goods .item a:hover {text-decoration: none}

.goods .item .stras_wrap {padding-bottom: 6px; align-items: center; justify-content: space-between}
.goods .item .sm_ban {height: 22px}
.goods .item .sm_ban > div {padding-right: 5px; line-height: 0}
.goods .item .sm_ban > div span {display: block; padding: 0 7px; width: auto; height: 22px; border-radius: 100px; font-size: 9px; font-weight: 700; letter-spacing: 5%; text-transform: uppercase; color: #fff; line-height: 22px; box-sizing: border-box}
.goods .item .rating > span {display: block; padding-left: 3px}
.goods .item .rating svg {display: block}
.goods .item .rating > span.bx-star-active {cursor: pointer}
.goods .item .rating > span.bx-star-active path {fill: #FF9601}
.goods .item .img {justify-content: center; align-items: center; margin: 0 auto; width: 208px; height: 208px; border-radius: 5px; overflow: hidden}
.goods .item .img > a {line-height: 0}
.goods .item .name {padding-top: 12px; font-size: 15px; font-weight: 500; line-height: 20px}
.goods .item .name a {color: #000}
.goods .item .name a:hover {color: #ff9601}
.goods .item .property {display: none}
.goods .item .price {justify-content: space-between; padding: 0 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 82px; left: 0}
.goods .item .price > div {line-height: 17px}
.goods .item .price div > div:nth-child(1) {font-size: 13px; font-weight: 700; opacity: .4}
.goods .item .price div > div:nth-child(2) {font-size: 19px; font-weight: 700; line-height: 22px}
.goods .item .price div > div:nth-child(3) {font-size: 14px; opacity: .8}
.goods .item .price span {font-weight: 600; opacity: .6}
.goods .item .price_zapros {padding: 0 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 82px; left: 0}
.goods .item .price_zapros .button {height: 50px; background: rgba(255, 150, 1, .15); font-size: 18px; color: #ff9601; line-height: 50px}
.goods .item .bot {align-items: center; justify-content: space-between; padding: 0 20px 20px 20px; width: 100%; box-sizing: border-box; position: absolute; bottom: 0; left: 0}
.goods .item .bot > div:nth-child(2) {width: 59px}
.goods .item .bot .del_button {position: absolute; left: 20px; bottom: -10px; display: block; width: calc(100% - 40px); height: 20px; background: rgb(255, 150, 1); border-radius: 90px; font-size: 12px; color: #fff; text-align: center; cursor: pointer; line-height: 20px} 
.goods .item .bot .del_button:hover {background: #4ba653}
.goods .item .wrap_addBasket > div:nth-child(1) {display: none}
.goods.line .item .wrap_addBasket > div:nth-child(1) {display: block}
.goods .item .bot .button {height: 52px; border-radius: 100px; background: rgba(245, 245, 245, 1);line-height: 52px}
.goods .item .bot .button > div:nth-child(1) {display: block; width: 100%; height: 52px; background-image: url(images/split.png); background-repeat: no-repeat}
.goods .item .bot .button > div:nth-child(2) {display: none} 
.goods .item .bot .button.yes > div:nth-child(1) {background-position: -88px 3px}
.goods .item .bot .button.yes:hover {background-color: #ff9601}
.goods .item .bot .button.yes:hover > div:nth-child(1) {background-position: -88px -44px}
.goods .item .bot .button.in_basket {background-color: rgba(75, 166, 83, 1); cursor: default}
.goods .item .bot .button.in_basket > div:nth-child(1) {background-position: -182px -45px}
.goods .item .botAdd {align-items: center; height: 26px; font-size: 14px; color: rgba(0,0,0,.6); box-sizing: border-box; line-height: 26px; cursor: pointer}
.goods .item .botAdd > div:nth-child(1) {padding-right: 8px; min-width: 15px; line-height: 0}
.goods .item .botAdd svg {stroke: #000; opacity: .5}
.goods .item .botAdd:hover, .goods .item .botAdd.in {color: #000}
.goods .item .botAdd:hover svg, .goods .item .botAdd.in svg {stroke: #ff9601; opacity: 1; fill: #ff9601}

.goods.line > div {width: 100%}
.goods.line .item {padding: 10px 20px 20px 20px}
.goods.line .item .wrap_view {display: flex}
.goods.line .item .wrap_view > div {position: relative}
.goods.line .item .wrap_view > div:nth-child(1) {padding-bottom: 20px; width: 120px}  
.goods.line .item .wrap_view > div:nth-child(2) {padding: 0 0 70px 20px; width: calc(100% - 120px)}
.goods.line .item .stras_wrap > div:nth-child(2) {position: absolute; left: 0; bottom: 0}
.goods.line .item .rating svg {width: 16px; height: 16px}
.goods.line .item .img {width: 120px; height: 120px}
.goods.line .item .name {padding-top: 0; font-size: 16px; font-weight: 700; line-height: 21px}
.goods.line .property {display: flex}
.goods.line .property > div {padding: 10px 15px 10px 0; min-width: 165px; font-size: 15px; font-weight: 600; box-sizing: border-box; line-height: 19px}
.goods.line .property > div span {display: block; color: rgba(0,0,0,.6); font-size: 14px; font-weight: 400; line-height: 17px}
.goods.line .item .price_zapros {padding: 0; width: 198px; bottom: 0; left: inherit; right: 0; z-index: 10}
.goods.line .item .price_zapros .button {height: 52px; font-size: 17px; line-height: 52px}
.goods.line .item .price {justify-content: flex-start; bottom: 0}
.goods.line .item .price > div {width: 165px}
.goods.line .bot {align-items: center; justify-content: space-between; padding: 0; width: calc(100% - 350px); position: absolute; bottom: 0; left: 350px}
.goods.line .item .bot > div:nth-child(2) {width: auto}
.goods.line .item .wrap_addBasket {display: flex; justify-content: flex-end}
.goods.line .item .wrap_addBasket > div:nth-child(1) {}
.goods.line .item .wrap_addBasket > div:nth-child(2) {padding-left: 20px}
.goods.line .item .bot > div:nth-child(1) {width: 165px}
.goods.line .item .bot > div:nth-child(2) {width: calc(100% - 165px)}
.goods.line .item .bot .col_wrap {width: 145px}
.goods.line .item .bot .button {padding: 0 30px 0 15px; width: 185px; border-radius: 10px; color: #000; font-size: 17px}
.goods.line .item .bot .button.in_basket, .goods.line .item .bot .button:hover {color: #fff}
.goods.line .item .bot .button div:nth-child(1) {width: 52px} 
.goods.line .item .bot .button div:nth-child(2) {display: block}

.col_wrap {width: 100%; height: 52px; line-height: 52px; background: #F9F9F9; border-radius: 10px; overflow: hidden}
.col_wrap > div {display: block; width: 100%; height: 52px; text-align: center}
.col_wrap > div:nth-child(1),
.col_wrap > div:nth-child(3) {min-width: 50px; max-width: 50px; font-size: 34px; cursor: pointer}
.col_wrap input {border: none; padding: 0; height: 52px; background: #F9F9F9; text-align: center; font-weight: 500; color: #000}
.col_wrap .minus, .col_wrap .plast, .col_wrap .minus_p, .col_wrap .plast_p {-moz-user-select: none; -khtml-user-select: none; user-select: none}
.col_wrap .minus:before, .col_wrap .minus_p:before {content: ''; display: block; width: 16px; height: 1px; background: #DC7E7E; position: absolute; left: calc(50% - 8px); top: 50%}
.col_wrap .plast:before, .col_wrap .plast_p:before {content: ''; display: block; width: 16px; height: 1px; background: #4BA653; position: absolute; left: calc(50% - 8px); top: 50%}
.col_wrap .plast:after, .col_wrap .plast_p:after {content: ''; display: block; width: 1px; height: 15px; background: #4BA653; position: absolute; left: 50%; top: calc(50% - 7px)}

.sm_sect_list_wrap {display: block; width: 100%; padding: 0 15px 25px 15px; box-sizing: border-box; overflow: hidden}
.small_sect_list {flex-wrap: wrap}
.small_sect_list > div {padding: 0 12px 10px 0}
.small_sect_list > div:last-child {display: block !important; padding: 0 0 10px 0}
.small_sect_list a {display: block; padding: 0 18px; height: 38px; color: #000; font-size: 15px; background: #fff; border-radius: 100px; white-space: nowrap; line-height: 38px}
.small_sect_list a:hover, .small_sect_list a.active {color: #fff; text-decoration: none; background: #FF9601}
.small_sect_list div.hidden {display: none}
.small_sect_list .open_sm_list {width: 50px; height: 38px; background: #E7E7E7; border-radius: 100px; cursor: pointer; position: relative}
.small_sect_list .open_sm_list:before {content: ''; display: block; width: 50px; height: 38px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABZSURBVHgBdY4BCQAhEATvG3wEI3yEj2AEoxjBBtrACEYxgjbQFVZQwYUBuR2Pe0REgxcEuceAOh4RNJDBd0g/SOzd+jNz6CnNJYX9lnGKpTAly/k1ipI6iw7FyhKEoztO0AAAAABJRU5ErkJggg==") center center no-repeat; position: absolute; top: 0; left: 0}
.small_sect_list .open_sm_list.open:before {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBdY1RDYAwDAWLAyQgAQlIQMKcDAdYmANwgBQkgIPtbbmPLcsuuTZtX1KznkUe9CGz9PKTET37BleFLrnJwPxyL5wsH0I1K+F8vyeVnVfBxjj5JzWuEoOkmIeMAAAAAElFTkSuQmCC") center center no-repeat}

.wrap_pre_list > div:nth-child(1) {display: none}
.wrap_pre_list > div:nth-child(2) {width: 100%}

.pre_list {justify-content: space-between; align-items: center; margin: 0 15px 15px 15px; height: 48px; background: #E7E7E7; border-radius: 10px} 

.type_cat {align-items: center; margin-left: 17px; font-size: 15px; font-weight: 500}
.type_cat > div {padding-right: 14px; color: rgba(0,0,0,.6)}
.type_cat .good_views {display: block; width: 23px; height: 23px; cursor: pointer}
.type_cat .good_views:hover {text-decoration: none}
.type_cat .good_views svg rect {fill: #000}
.type_cat .good_views.active svg rect, .type_cat .good_views:hover svg rect {fill: #CACACA}

/* select */
.select {align-items: center; margin-right: 17px; font-size: 15px; font-weight: 500; position: relative}
.select .name {padding-right: 15px; color: rgba(0,0,0,.6)}
.new-select-wrap {position: relative; display: inline-block}
.new-select {align-items: center; position: relative; padding: 0 18px 0 4px; width: auto; height: 48px; color: #000; font-size: 15px; box-sizing: border-box; line-height: 48px; cursor: pointer; user-select: none}
.new-select:before {content: ''; display: block; width: 10px; height: 6px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgBlY3RCQAgCEQdoREcoRHcsEZoo0ZolFK6QAQ/OnhwngdHdCWUS7zZSguFgsx+9YVmFmAwcUucYFdeKDIlsrmuDPh/HQ+HDTXIM1UEAAAAAElFTkSuQmCC"); position: absolute; top: calc(50% - 1px); right: 0}
.new-select-wrap ul {position: absolute; top: 48px; right: -16px; display: none; padding: 0; min-width: calc(100% + 16px); width: auto /* calc(100% + 32px)*/; height: auto; /*font-size: 14px;*/ font-weight: 400; border: 1px solid rgba(104,126,133,.1); border-radius: 10px; background: #E7E7E7; box-sizing: border-box; cursor: pointer; z-index: 2; user-select: none; overflow: hidden}
.new-select-wrap li {display: block; padding: 0; height: 34px; line-height: 34px; white-space: nowrap}
.new-select-wrap li:before {display: none}
.new-select-wrap li:hover {background: #fff}
.new-select-wrap li a {display: block; padding: 0 17px; width: 100%; height: 100%; color: #000; text-decoration: none; box-sizing: border-box}
.new-select-wrap li a:hover {color: #000; text-decoration: none}

.system-nav-wrap {justify-content: center; padding: 15px 0}
.system-nav {align-items: center; padding: 6px; background: #fff; border-radius: 10px; color: #202225; font-size: 16px; text-align: center}
.system-nav a:hover {color:#fff; text-decoration: none; background: #FF9601}
.system-nav .nav-current-page {margin: 0 3px; width: 42px; height: 38px; background: #F5F5F5; border-radius: 10px; line-height: 38px}
.system-nav a {margin: 0 3px; width: 42px; height: 38px; border-radius: 10px; color: #202225; background: transparent; line-height: 38px}
.system-nav .nav-forward {margin: 0 3px; padding-top: 2px; width: 42px; height: 38px; border-radius: 10px; line-height: 38px}
.system-nav div.nav-forward  {color: #50657E; font-style: normal; line-height: 38px}
.system-nav div.nav-forward svg, .system-nav div.nav-forward:hover svg {fill: #989EA5}
.system-nav .nav-forward svg {fill: #989EA5}
.system-nav .nav-forward:hover svg {fill: #fff}

.section_top_text {padding-bottom: 15px}
.section_bottom_text {padding: 15px}

.item-good {padding-top: 15px}
.item-good > div:nth-child(1) {width: 435px}
.item-good > div:nth-child(2) {padding: 0 30px; width: calc(100% - 750px)}
.item-good > div:nth-child(3) {width: 315px}
.item-good a, .item-good a:hover {text-decoration: none}
.item-good .lnk_item {padding-top: 8px}
.item-good .lnk_item.v2 {margin-top: -8px; padding-top: 0} 
.item-good .lnk_item a, .item-good .lnk_item > div {display: inline-block; height: 19px; color: rgba(0,0,0,.5); font-size: 15px; border-bottom: 1px dotted rgba(0,0,0,.5); line-height: 19px; cursor: pointer}
.item-good .lnk_item a:hover, .item-good .lnk_item > div:hover {color: #FF9601; border-bottom: 1px dotted #FF9601}
.item-good .top-props {font-size: 14px; font-weight: 400; color: rgba(0,0,0,.6)}
.item-good .top-props > div {padding-right: 15px; min-width: 98px; max-width: 200px; line-height: 18px}
.item-good .top-props span {display: block; font-size: 15px; font-weight: 700; color: #000; line-height: 19px}
.item-good .pre_text {padding-top: 36px; font-size: 15px; line-height: 23px}
.item-good .wrap_radio {padding-top: 36px}
.item-good .wrap_radio .item {padding-bottom: 20px}
.item-good .wrap_radio .item.hide {display: none}
.item-good .wrap_radio .item input[type="radio"] + label {display: block; padding: 10px 20px 10px 50px; background: #fff; border: 1px solid #fff; border-radius: 10px; cursor: pointer; position: relative}
.item-good .wrap_radio .item input[type="radio"] + label span {position: absolute; top: -1px; left: 0; display: block; width: 20px; height:20px; vertical-align: middle; cursor: pointer}
.item-good .wrap_radio .item input[type="radio"] + label span:before {content: ''; display: block; width: 19px; height: 19px; background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjUiIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjguNSIgc3Ryb2tlPSIjRkY5NjAxIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg=="); position: absolute; top: 14px; left: 18px}
.item-good .wrap_radio .item input[type="radio"]:checked + label span:before {background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjUiIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjguNSIgc3Ryb2tlPSIjRkY5NjAxIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iOS41IiBjeT0iOS41IiByPSI0LjUiIGZpbGw9IiNGRjk2MDEiLz4KPC9zdmc+Cg==")}
.item-good .wrap_radio .item input[type="radio"]:checked + label, .item-good .wrap_radio .item input[type="radio"] + label:hover {border: 1px solid #FF9601}
.item-good .wrap_radio .item input[type="radio"] + label .i-good {flex-wrap: wrap; justify-content: space-between}
.item-good .wrap_radio .item input[type="radio"] + label .i-good > div {font-weight: 700; line-height: 22px}
.item-good .wrap_radio .item input[type="radio"] + label .i-good > div:nth-child(1) {width: calc(100% - 86px); font-size: 15px}
.item-good .wrap_radio .item input[type="radio"] + label .i-good > div:nth-child(2) {width: 86px; font-size: 18px; text-align: right}
.item-good .wrap_radio .item input[type="radio"] + label .i-good > div:nth-child(3) {padding-top: 4px; width: 100%; font-size: 14px; font-weight: 400; color: rgba(0,0,0,.6); line-height: 21px}
.item-good .wrap_radio .item input[type="radio"] + label .i-good del {display: block; font-size: 13px; text-align: right; opacity: .4; line-height: 17px}

.good_slider {width: 100%; overflow: hidden}
.good_slider > div {box-sizing: border-box}
.good_slider .picture_wrap {padding-top: 40px; width: 100%; height: 475px; background: #fff; border-radius: 15px; position: relative; box-sizing: border-box; overflow: hidden}
.good_slider .picture_wrap .good_image {display: flex; justify-content: center; align-items: center; width: 100%; height: 435px; box-sizing: border-box; overflow: hidden; line-height: 0}
.good_slider .picture_wrap .sm_ban {align-items: center; padding: 0 20px; height: 40px; box-sizing: border-box; position: absolute; top: 0}
.good_slider .picture_wrap .sm_ban > div {padding-right: 5px}
.good_slider .picture_wrap .sm_ban > div span {display: block; padding: 0 7px; width: auto; height: 22px; border-radius: 100px; font-size: 9px; font-weight: 700; letter-spacing: 5%; text-transform: uppercase; color: #fff; line-height: 22px; box-sizing: border-box}

.good_slider .thumbs_wrap {align-items: center; padding-top: 12px; height: 86px}
.good_slider .thumbs_wrap > div:nth-child(1), .good_slider .thumbs_wrap > div:nth-child(3) {width: 30px}
.good_slider .thumbs_wrap > div:nth-child(2) {width: calc(100% - 60px)}
.thumbs-prev, .thumbs-next {display: block; padding-top: 31px; width: 30px; height: 86px; cursor: pointer; box-sizing: border-box}
.thumbs-next {text-align: right}
.thumbs-prev svg, .thumbs-next svg {stroke: #000}
.thumbs-prev:hover svg, .thumbs-next:hover svg {stroke: #FF9601}

.good_slider .thumbs_good {height: 86px; overflow: hidden}
.good_slider .thumbs_good .good_image {display: flex; justify-content: center; align-items: center; width: 86px; height: 86px; border-radius: 14px; border: 2px solid transparent; box-sizing: border-box; overflow: hidden}
.good_slider .thumbs_good .good_image > div {width: 76px; height: 76px; background: #fff; border-radius: 10px; overflow: hidden }
.good_slider .thumbs_good .swiper-slide-thumb-active .good_image {border: 2px solid #FF9601}

.good_right {padding: 20px 30px; width: 100%; height: auto; background: #fff; border-radius: 15px; box-sizing: border-box}
.good_right .stars {justify-content: space-between; height: 17px; line-height: 17px}
.good_right .rating > span {display: block; padding-right: 3px}
.good_right .rating svg {display: block; width: 17px; height: 17px}
.good_right .rating > span.bx-star-active {cursor: pointer}
.good_right .rating > span.bx-star-active path {fill: #FF9601}

.good_right .rew {align-items: center; height: 17px; font-size: 14px; text-decoration: none; line-height: 17px}
.good_right .rew:hover {text-decoration: none}
.good_right .rew > div:nth-child(1) {width: 14px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgB7ZIxEkAwFEQ3aHSOkCM5glKp1HEDR8BRdEqlzjgBN2C/pNAg1N7My0z+ZJMiq2AoqIYbHW18Lgkt6egQimhKQyVpO4jhhpzfPLtZ8BIPH/mDNwR0oBWem9PC/OGBNKenM0wJ1guF3F6uTzMnNJ3oRmuF92Ty4g4vcxehZudppwAAAABJRU5ErkJggg==") center center no-repeat}
.good_right .rew > div:nth-child(2) {margin-left: 10px; color: #000; border-bottom: 1px dotted #8A8A8A}
.good_right .rew:hover > div:nth-child(2) {border-bottom: 1px dotted #ff9601; color: #ff9601}
.good_right .rew span {color: #8A8A8A}
.good_right .rew:hover span {color: #ff9601}

.good_right .nalichie {padding: 16px 0 0 30px; height: 18px; font-size: 16px; font-weight: 500; line-height: 18px; position: relative}
.good_right .nalichie:before, .good_right .nalichie:after {content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: 16px; left: 0}
.good_right .nalichie.yes:before {background: #4BA653}
.good_right .nalichie.no:before {background: #900}
.good_right .nalichie.yes:after, .good_right .nalichie.no:after {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABQSURBVHgBdY1RDQAhDEPvHJyEk4AUnIADcIIEJCAFDSgoXRiBD2jysnVbuve5CEBgadI4NXPxkYKhKAOvJpGfVPV+j4tYkgNz+mlJlpR93gGyOk+UpnqJdAAAAABJRU5ErkJggg==") center center no-repeat}

.good_right .price {justify-content: space-between; padding-top: 18px; width: 100%; box-sizing: border-box}
.good_right .price div {font-weight: 700}
.good_right .price div > div:nth-child(1) {font-size: 15px; opacity: .4}
.good_right .price div > div:nth-child(2) {font-size: 21px; line-height: 25px; letter-spacing: 3%}
.good_right .price div > div:nth-child(3) {font-size: 18px; font-weight: 500; opacity: .5}
.good_right .price span {font-weight: 400; opacity: .5}

.good_right .col_wrap {margin-top: 28px}
.good_right .col_wrap > div:nth-child(1),
.good_right .col_wrap > div:nth-child(3) {min-width: 100px; max-width: 100px}

.good_right .col_wrap .minus:before {left: calc(65% - 8px)}
.good_right .col_wrap .plast:before {left: inherit; right: calc(65% - 8px)}
.good_right .col_wrap .plast:after {left: inherit; right: 65%; top: calc(50% - 7px)}

.good_right .wrp_btn {padding-top: 23px}
.good_right .wrp_btn.noPad {padding-top: 0 !important}
.good_right .wrp_btn .button.in_basket {background-color: rgba(75, 166, 83, 1); cursor: default}
.good_right .wrp_lk {padding-top: 14px; font-size: 15px}
.good_right .wrp_lk > div {padding-top: 18px}
.good_right .wrp_lk .btn {height: 32px; line-height: 31px; cursor: pointer; position: relative}
.good_right .wrp_lk .btn > div:nth-child(1) {width: 32px; height: 32px; border-radius: 50%; background: #E7E7E7; text-align: center; line-height: 33px; overflow: hidden}
.good_right .wrp_lk .btn > div:nth-child(2) {padding-left: 14px}
.good_right .wrp_lk .btn svg {stroke: #000}
.good_right .wrp_lk .btn:hover, .good_right .wrp_lk .btn.in {color: #ff9601}
.good_right .wrp_lk .btn:hover svg, .good_right .wrp_lk .btn.in svg {stroke: #ff9601}

.detail-good {padding-top: 60px}
.detail-good h2 {padding-top: 0}
.detail-good > div:nth-child(1) {padding-right: 30px; width: calc(100% - 315px)}
.detail-good > div:nth-child(2) {width: 315px }

.detail-good .dostavka {flex-wrap: wrap}
.detail-good .dostavka > div {margin-bottom: 30px; padding: 30px; width: 100%; font-size: 18px; font-weight: 500; background:#eee; border-radius: 15px; line-height: 25px}
.detail-good .dostavka strong {font-weight: 800}
.detail-good .dostavka .icon { width: 56px; height: 56px; background-color: #FF9601; background-position: center center; background-repeat: no-repeat; border-radius: 10px}
.detail-good .dostavka .txt {padding-top: 17px}

.detail-good .fast-good {padding-top: 65px; font-size: 14px; font-weight: 500}
.detail-good .fast-good a {display: inline-block; margin: 0 10px 12px 0; padding: 0 20px; height: 37px; color: #000; background: #fff; border-radius: 100px; line-height: 37px}
.detail-good .fast-good a:hover {text-decoration: none; color: #fff; background: #FF9601}

.item-modef {margin-bottom: 10px; padding: 20px; background: #fff; border-radius: 10px}
.item-modef > div {padding-right: 20px; min-width: 145px; max-width: 145px; overflow: hidden}
.item-modef > div:nth-child(1) {min-width: 325px; max-width: 325px; font-size: 16px; font-weight: 600; line-height: 24px}
.item-modef > div:nth-child(1) span {display: block; color: rgba(0,0,0,.5); font-size: 15px; font-weight: 400; line-height: 19px}
.item-modef > div:nth-child(2) {width: 100%; min-width: inherit; max-width: inherit; color: rgba(0,0,0,.7); font-size: 16px; line-height: 21px}
.item-modef > div:nth-child(5) {padding-top: 3px; min-width: 150px; max-width: 155px}
.item-modef > div:nth-child(6) {padding-right: 0; padding-top: 3px; min-width: 59px; max-width: 59px}
.item-modef > div .button  {height: 52px; border-radius: 100px; background-color: rgba(245, 245, 245, 1); background-image: url(images/split.png); background-repeat: no-repeat; line-height: 52px}
.item-modef > div .button.yes {background-position: -88px 3px}
.item-modef > div .button.yes:hover {background-color: #ff9601; background-position: -88px -44px}
.item-modef > div .button.in_basket {background-position: -182px -45px; background-color: rgba(75, 166, 83, 1); cursor: default}
.item-modef > div .button > div:nth-child(2) {display:  none}
.item-modef .price > div:nth-child(1) {font-size: 13px; font-weight: 700; opacity: .4; line-height: 16px}
.item-modef .price > div:nth-child(2) {font-size: 22px; font-weight: 700; line-height: 26px}
.item-modef .price > div:nth-child(3) {font-size: 14px; opacity: .8; line-height: 17px}
.item-modef .price span {font-weight: 600; opacity: .6}
.item-modef.hidden {display: none}

.bottom_slider_wrap {display: block; width: 100%; background: #364562; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 20}

.bottom_slider_wrap .bg_1 {width: 642px; height: 642px; background: #4BA653; opacity: 0.4; filter: blur(150px); border-radius: 1000px; position: absolute; top: -430px; left: -353px}
.bottom_slider_wrap .bg_2 {width: 491px; height: 491px; background: #FF9601; opacity: 0.7; filter: blur(150px); border-radius: 1000px; position: absolute; top: -360px; right: -366px}
.bottom_slider_wrap .bg_3 {width: 491px; height: 491px; background: #FF9601; opacity: 0.7; filter: blur(150px); border-radius: 1000px; position: absolute; bottom: -342px; right: calc(50% - 245px)}

.fx_bottom_slider {display: block; margin: 0 auto; padding: 25px 0 34px 0; max-width: 1360px; box-sizing: border-box; position: relative}
.fx_bottom_slider .views_slider_wrap .top.v2 {padding: 0 75px 18px 0; position: relative}
.fx_bottom_slider .views_slider_wrap .top.v2 > div:nth-child(1) {color: #fff}
.fx_bottom_slider .close-flay {position: absolute; right: 0; width: 22px; height: 22px; cursor: pointer}
.fx_bottom_slider .close-flay:before,
.fx_bottom_slider .close-flay:after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 20px; background: #fff}
.fx_bottom_slider .close-flay:after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.fx_bottom_slider .close-flay:before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.fx_bottom_slider .nav_sl {background: rgba(217, 217, 217, .2)}
.fx_bottom_slider .nav_sl > div svg {stroke: #fff}
.fx_bottom_slider .price {justify-content: flex-start; padding: 10px 0 0 0; color: #000; position: relative; bottom: 0}
.fx_bottom_slider .price.v_abs {position: absolute; bottom: 0; left: 20px; width: calc(100% - 20px)}
.fx_bottom_slider .price > div {width: 50%}
.fx_bottom_slider .price div > div:nth-child(1) {line-height: 16px}
.fx_bottom_slider .price div > div:nth-child(2) {font-size: 16px; line-height: 19px}
.fx_bottom_slider .price span {font-weight: 600; opacity: .6}

/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0 ; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}
.popup:after {display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''}
.popup .popup_form {position: relative; display: inline-block; vertical-align: middle; padding: 30px; width: 940px; height: auto; white-space: normal; text-align: left; background: #fff; box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.25); border-radius: 20px; box-sizing: border-box}

.popup .popup_form.v2 {width: 400px}
.popup .close_top {position: absolute; top: 34px; right: 30px; width: 24px; height: 24px; cursor: pointer}
.popup .close_top:before,
.popup .close_top:after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 24px; background: #000}
.popup .close_top:after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.popup .close_top:before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.popup .close_top:hover:before, .popup .close_top:hover:after {background: #F6532D}

.popup .name {width: 100%; font-size: 28px; font-weight: 700}

.popup .row, .popup .bot {align-items: center; padding: 21px 0; width: 100%; position: relative}
.popup .row:after { content: ''; display: block; width: calc(100% + 60px); height: 1px; background: #D9D9D9; position: absolute; left: -30px; bottom: 0}
.popup .row a {text-decoration: none; color: #000}
.popup .row a:hover {text-decoration: none; color: #ff9601}
.popup .row span, .popup .bot span {color: #8E8E8E}

.popup .row > div:nth-child(1) {width: 70px; height: 70px; border-radius: 5px; overflow: hidden; line-height: 0}
.popup .row > div:nth-child(2) {padding-left: 25px; width: calc(100% - 370px); font-size: 16px; font-weight: 500; line-height: 20px}
.popup .row > div:nth-child(3) {padding: 0 25px; width: 180px}
.popup .row > div:nth-child(4) {width: 120px; font-size: 20px; font-weight: 700; line-height: 24px} 
.popup .bot {padding-bottom: 0}
.popup .bot > div:nth-child(1) {padding-right: 25px; width: calc(100% - 455px)}
.popup .bot > div:nth-child(2) {padding-right: 25px; width: 250px}
.popup .bot > div:nth-child(3) {width: 205px}
.popup .bot .clc {color: #575757; font-size: 18px; line-height: 22px}
.popup .bot .itog {font-size: 25px; font-weight: 700; line-height: 30px}
.popup .bot .button {font-size: 17px; font-weight: 400} 
.popup .bot .button.grey {color: #000}

/* fon */
.fon_all {z-index:1000; display: none; position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}

.bx-authform {max-width: inherit !important; font-size: 16px !important; font-family: 'TT Hoves', sans-serif !important}
.bx-authform-content-container {padding-bottom: 20px; font-size: 16px}
.bx-authform-label-container {padding-bottom: 5px; font-size: 16px}
.bx-authform-link-container {font-size: 16px}
.bx-authform-description-container {font-size: 16px}
.bx-authform input[type="text"], .wrap_autorization input[type="password"], .autorization input[type="text"], .autorization input[type="password"], .bx-authform input[type="text"], .bx-authform input[type="password"] {background: #fff}
.wrap_autorization input[type="submit"], .wrap_autorization .button, .autorization .button, .bx-authform .btn-primary {max-width: 300px}
.wrap_autorization .bx-authform-social {min-height: 172px}

.autorization {display: flex}
.autorization > div {display: block; width: 50%; box-sizing: border-box}
.autorization > div:nth-child(1) {padding-right: 20px}
.autorization > div:nth-child(2) {padding-left: 20px}
.autorization .pole {padding-bottom: 15px}
.autorization input[type="checkbox"] + label div {font-weight: normal; font-size: 16px}
.main-user-consent-request {margin-bottom: 25px}
.main-user-consent-request input[type="checkbox"] + label div {font-weight: normal; font-size: 14px; opacity: .8}
.alert {font-size: 16px; border: 1px solid #F6532D}
#bx-soa-orderSave p {color: #F6532D; font-size: 18px; font-weight: 700}

.rewVote {cursor: pointer}

/* order */
.radio-inline {cursor:  pointer}
.radio-inline input[type="radio"] {display: block; width:  inherit; height: inherit }
.bx-soa-cart-total {background: #fff !important; border-radius: 10px !important}
.bx-soa-section-content {background: #fff !important}

.filHide {display: none !important}

.bx-soa-cart-total-ghost {display: none}
.bx-dop-text-right, .bx-dop-text-right-v2 {display: block; margin: 20px 0; padding: 20px; font-size: 15px; border: 1px solid #e8e9eb; border-radius: 10px; background-color: #fff; box-sizing: border-box; transition: opacity .2s ease;   overflow: hidden}
.bx-dop-text-right-v2 {display: none}
.bx-soa-pp-list {margin: 0}
.bx-soa-pp-list li:before {display: none}
.bx-soa-pp-list-termin, .bx-soa-pp-list-description {display: inline-block !important; padding-right: 8px}
.bx-soa-pp-delivery-cost {display: none !important}

.offers_top_block {display: none}