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

.desktop {display: block !important}
.mobail {display: none !important}

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

.wrapper {margin: 0 auto; width: 100%; max-width: 2000px; overflow: hidden; position: relative}


/* HEADER */
header {gap: 52px; justify-content: space-between; align-items: center; margin: 0 auto; padding: 20px 10px; max-width: 1300px; box-sizing: border-box}
header > div:nth-child(1) {min-width: 191px; max-width: 191px}
header > div:nth-child(1) a {display: block; text-decoration: none; line-height: 0}
/* 2 */
.region-wrapper .city-title {margin-bottom: 8px; padding-left: 15px; font-size: 12px; background: url(images/ballun.png) left center no-repeat; line-height: 12px; white-space: nowrap}
.region-wrapper .city-item {padding-right: 16px; font-size: 16px; font-weight: 500; background: url(images/arrow_down.png) right center no-repeat; white-space: nowrap; line-height: 16px; cursor: pointer}
.region-wrapper .city-item:hover {color: #F5621D}
/* 3 */
header > div:nth-child(3) {width: 100%}
.top-search {position: relative}
.wrap-search, .page-search {width: 100%; height: 44px; border: 1px solid #B8B8B8; border-radius: 5px; background: #F9F9F9; box-sizing: border-box; position: relative}
.wrap-search:hover, .wrap-search:focus-within,
.page-search:hover, .page-search:focus-within {box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(245,98,29, .6); border: 1px solid #F5621D}
.wrap-search > div, .page-search > div {width: 100%; height: 100%; box-sizing: border-box; overflow: hidden}
.wrap-search > div:nth-child(2), .page-search > div:nth-child(2) {min-width: 56px; max-width: 56px}
.wrap-search input[type="text"], .page-search input[type="text"] {display: block; padding: 0 10px; width: 100%; height: 42px; font-size: 14px;  border: none; border-radius: none; background: none}
.wrap-search input[type="submit"], .page-search input[type="submit"] {display: block; padding: 0; width: 100%; height: 42px; border: none; border-radius: 0 5px 5px 0; background: url(images/search.svg) center center no-repeat; text-indent: -9999px; box-sizing: border-box; cursor: pointer; transition: all .2s ease}
.wrap-search input[type="submit"]:hover, .page-search input[type="submit"]:hover {background: url(images/search.svg) center center no-repeat; background-size: 19px}
.wrap_result_search {display: block; width: 100%; height: auto; position: absolute; left: 0; box-sizing: border-box; z-index: 90}
.wrap_result_search .fast-seacrh {display: block; width: 100%; max-height: 320px; border: 1px solid #eee; border-radius: 5px; background: #fff; box-shadow:0 2px 3px rgba(0,0,0,0.2); box-sizing: border-box; overflow: hidden; overflow-y: auto}
.wrap_result_search .fast-seacrh a {gap: 10px; align-items: center; padding: 10px 15px; text-decoration: none; font-size: 15px; color: #000; border-top: 1px solid #eee} 
.wrap_result_search .fast-seacrh a > div:nth-child(1) {min-width: 55px; max-width: 55px; overflow: hidden}
.wrap_result_search .fast-seacrh a > div:nth-child(2) {width: 100%; font-weight: 500}
.wrap_result_search .fast-seacrh a > div:nth-child(3) {min-width: 90px; max-width: 90px; font-weight: 500; white-space: nowrap; text-align: right}
.wrap_result_search .fast-seacrh a:nth-child(1) {border-top: none}
.wrap_result_search .fast-seacrh a:hover {color: #F5621D}
.wrap_result_search del {font-weight: 300; opacity: .5}
.wrap_result_search .more {padding: 20px 10px 15px 20px; border-top: 1px solid #eee}
.wrap_result_search .more input[type="submit"] {height: 46px; border-radius: 5px; font-size: 15px; line-height: 46px}
/* 4 */
header > div:nth-child(4) {white-space: nowrap}
.top-contact {gap: 30px}
.top-contact .backcall {margin: 5px 0 0 20px; font-size: 16px; color: #F5621D; text-decoration: underline; cursor: pointer}
.top-contact .backcall:hover {text-decoration: none}
.top-contact .t-telegram {display: block; width: 30px; padding-left: 6px; height: 30px; background: #039BE5; border-radius: 50%; text-decoration: none; box-sizing: border-box; line-height: 34px}
.top-phone {padding-left: 19px; height: 16px; text-decoration: none; color: #000; font-size: 16px; font-weight: 500; line-height: 16px; position: relative}
.top-phone:before {content: ''; display: block; width: 12px; height: 12px; background: url(images/phone.svg) center center no-repeat; position: absolute; left: 0; top: 3px}
/* 5 */
header > div:nth-child(5) {min-width: 102px; max-width: 102px}
.top-icons {padding-right: 16px; gap: 34px; align-items: center}
.top-icons > a {width: 26px; height: 25px; text-decoration: none}
.top-icons > a:hover path {fill: #F5621D}
.top-icons > a:hover div {background: #F5621D} 
.top-icons svg {width: 100% !important; height: 100% !important}
.top-icons path {transition: all .2s ease}
.top-icons div {display: block; width: 22px; height: 22px; font-weight: 600; font-size: 12px; color: #fff; text-align: center; border-radius: 50%; border: 2px solid #fff; background: #B2B2B2; line-height: 22px; position: absolute; top: -8px; right: -18px; transition: all .2s ease}
/* 6 */
.menu_button {display: block; width: 20px; height: auto; box-sizing: border-box; cursor: pointer; position: relative}
.menu_button > div {display: block; margin: 0 0 5px 0; width: 100%; height: 3px; background: #1156D6; opacity: 1; visibility: visible; border-radius: 6px; transition:all .2s ease}
.menu_button:hover > div:nth-child(1), .menu_button.active:hover > div:nth-child(1) {transform:rotate(0deg) translate(0,-2px); background: #1156D6}
.menu_button:hover > div:nth-child(2), .menu_button.active:hover > div:nth-child(2) {opacity:1.0; visibility:visible; background: #1156D6}
.menu_button:hover > div:nth-child(3), .menu_button.active:hover > div:nth-child(3) {transform:rotate(0deg) translate(0,2px); background: #1156D6}
.menu_button.active {background: #fff}
.menu_button.active > div:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}
.menu_button.active > div:nth-child(2) {opacity: 0; visibility:hidden}
.menu_button.active > div:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px);width:100%}
/* NAV DESKTOP */
.menu-desktop-wrap {padding: 4px 0; height: 52px; background: #2A2A2A; box-sizing: border-box }
.menu-desktop  {justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 10px; max-width: 1300px; box-sizing: border-box}
.menu-desktop ul {padding: 0}
.menu-desktop li {padding: 0; line-height: inherit}
.menu-desktop li:before {display: none}
.menu-desktop a {text-decoration: none; color: #fff}
.menu-desktop .first {display: block; padding: 0 27px; height: 44px; text-decoration: none; color: #fff; font-weight: 500; font-size: 18px; line-height: 44px; position: relative; transition:all 0.3s ease}
.menu-desktop .first:hover, .menu-desktop .first.active {background: #F5621D}
.menu-desktop .child {padding: 0 37px 0 27px}
.menu-desktop .child:before {content: ''; display: block; width: 9px; height: 5px; background: url(images/arrow_white.png) no-repeat; position: absolute; top: 50%; right: 20px}
.menu-desktop .wrp_sub_menu {display: none; position: absolute; z-index: 3000}
.menu-desktop li:hover .first {background: #F5621D}
.menu-desktop li:hover .child:before {transform: rotate(180deg)}
.menu-desktop li:hover .wrp_sub_menu {display: block}
.menu-desktop.wrp_sub_menu.left {right: 0}
.menu-desktop .sub_menu {padding: 6px 0 0 0; width: 410px; background: #242424; box-sizing: border-box; position: relative}
.menu-desktop .sub_menu li {margin: 0; position: static; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 16px}
.menu-desktop .sub_menu li:nth-child(1) {border-top: 0}
.menu-desktop .sub_menu a {display: block; padding: 9px 40px 9px 20px; font-weight: 400; position: relative}
.menu-desktop .sub_menu li:hover, .menu-desktop .sub_menu li.active {background: #1156D6}
.menu-desktop .sub_menu .more-yes:before {content: ''; display: block; width: 9px; height: 5px; background: url(images/arrow_white.png) no-repeat; transform: rotate(-90deg); position: absolute; top: calc(50% - 5px); right: 20px} 
.menu-desktop .sub_menu ul {display: none; padding: 6px 0 0 0; width: 360px; min-height: 100%; background: #1D1D1D;  box-sizing: border-box; position: absolute; top: 0; left: 100%; overflow: hidden}
.menu-desktop .sub_menu.left ul {left: inherit; right: 100%}
.menu-desktop .sub_menu ul > li {}
.menu-desktop .sub_menu li:hover ul {display: block}
/* NAV FLY */
.menu-flay-wrap {display: block; padding: 14px 0 12px 0; width: 100%; background: rgba(255, 255, 255, .9); backdrop-filter: blur(10px); transform: translateZ(0); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.136); box-sizing: border-box;  position: fixed; top: -90px; z-index: 89000}
.menu-flay-wrap.scroll {animation: showMenu 1s 1 forwards}
.menu-flay {gap: 30px; justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 10px; max-width: 1300px; box-sizing: border-box}
.menu-flay > div:nth-child(1) {min-width: 191px; max-width: 191px}
.menu-flay > div:nth-child(2) {padding-top: 5px}
.menu-fly-items {padding: 0; gap: 30px}
.menu-fly-items li {padding: 0; line-height: inherit; font-weight: 500; font-size: 18px}
.menu-fly-items li:before {display: none}
.menu-fly-items a {text-decoration: none; color: #000; transition: 0.3s ease-in-out; position: relative}
.menu-fly-items a:after  {content: ''; padding-top: 2px; display:block; border-bottom: solid 2px #f49835; transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin:100% 50%}
.menu-fly-items a:hover:after {transform: scaleX(1); transform-origin:0 50%}
.menu-fly-items a.active:after { transform: scaleX(1)}

@keyframes showMenu {
	0% {top: -87px}
	100% {top: 0}
}

.menu-mobail {display: none}

/* PROMO */
.promo {width: 100%; height: auto; min-height: 600px; background: url(images/promo.jpg) center center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative}
.promo .swiper-wrapper {height: 600px}
.promo .swiper-slide {height: auto}
.promo .item {align-items: flex-start; margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1300px; height: 100%; box-sizing: border-box; position: relative; user-select: none} 
.promo .item > div:nth-child(1) {padding: 100px 0 90px 0; width: 700px; z-index: 100}
.promo .item > div:nth-child(2) {width: calc(100% - 700px); height: 100%; position: static}
.promo .txt-white {margin: 0 0 25px 0; font-size: 36px; font-weight: 700; color: #fff; line-height: 120%}
.promo .txt-blue {margin: 25px 0 45px 0; font-size: 55px; font-weight: 700; color: #7BA9FF; line-height: 120%} 
.promo .txt-small {font-size: 32px; color: #fff}
.promo .wrp-btn {max-width: 300px}
.promo .photo {align-items: flex-end; height: calc(100% - 30px); line-height: 0; position: absolute; bottom: 0; z-index: 15}
.promo .photo > div {width: 100; height: 100%; z-index: 10}
.promo .photo > div img {position: relative; z-index: 15; object-fit: cover; width: 100%; height: 100%}
.promo .nav-slider {width: 610px; overflow: hidden; position: absolute; bottom: 50px; left: calc((100% - 1200px) /2); z-index: 101}
.promo .nav-slider .swiper-pagination {max-width: 610px; position: relative !important; bottom: 0; text-align: left; line-height: 0px}
.promo .nav-slider .swiper-pagination-bullet {margin: 0 15px 0 0 !important; width: 18px; height: 18px; background: #fff; opacity: .1; cursor: pointer}
.promo .nav-slider .swiper-pagination-bullet-active {background: #fff; opacity: .75}

/* MAIN */
main {margin: 20px auto 70px auto; padding: 0 10px; max-width: 1300px; box-sizing: border-box}

.breadcrumb {display: block; margin: 20px 0 40px 0; font-size: 14px}
.breadcrumb > div {display: inline; height: 17px; line-height: 17px; position: relative}
.breadcrumb > div:after {content: '/'; display: inline; padding: 0 14px}
.breadcrumb > div:last-child:after {display: none}

.content-column {gap: 30px}
.content-column > div:nth-child(1) {min-width: 320px; max-width: 320px}
.content-column > div:nth-child(2) {width: calc(100% - 350px)}

section {margin: 80px 0 70px 0; position: relative; z-index: 5}
section.in {margin: 50px 0 50px 0}
section .title {margin-bottom: 26px; font-size: 36px; font-weight: 700}
section .title.color {color: #1156D7}

section .title-wrap {align-items: center; margin-bottom: 26px}
section .title-wrap > div:nth-child(1) {margin-bottom: 0}
section .title-wrap > div:nth-child(2) {padding: 5px 0 0 44px; font-size: 24px; font-weight: 500}
section .title-wrap a {color: #1156D7; text-decoration: none}
section .title-wrap a:hover {color: #F5621D}

.left-nav {padding: 10px 0; width: 100%; background: #F8F8F8; border-radius: 10px; box-sizing: border-box}
.left-nav > a {display: block; padding: 14px 40px 14px 30px; width: 100%; font-size: 15px; color: #000; text-decoration: none; box-sizing: border-box; transition:all 0.3s ease; position: relative}
.left-nav > a:after {content: ''; display: block; width: calc(100% - 40px); height: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); position: absolute; left: 20px; bottom: 0}
.left-nav > a:before {content: ''; display: block; width: 9px; height: 5px; background: url(images/arrow_down.png) center center no-repeat; transform: rotate(-90deg); position: absolute; top: calc(50% - 2px); right: 20px}
.left-nav > a:last-child:after {border-bottom: 1px solid transparent}
.left-nav > a:hover, .left-nav > a.selected {background: #1156D6; color: #fff}
.left-nav > a:hover:before, .left-nav > a.selected:before {filter: brightness(0) invert(1)}

.more-bottom {margin-top: 50px; justify-content: space-between; align-items: center}
.more-bottom li:before {display: none}
.more-bottom .link a {display: block; padding: 12px 15px 12px 40px; font-size: 14px; color: #2A2A2A; text-decoration: none; border: 1px solid #F2F2F2; border-radius: 5px; position: relative; ransition:all 0.3s ease}
.more-bottom .link a:before {content: '\276F'; display: block; font-size: 20px; color: #2A2A2A; position: absolute; left: 15px; top: 9px; transform: rotate(180deg)}
.more-bottom .link a:hover {border: 1px solid #F5621D; color: #F5621D}
.more-bottom .link a:hover:before {color: #F5621D}

/* system nav*/
.system-nav {justify-content: center; gap: 10px; margin: 50px 0 0 0; color: #2A2A2A; font-size: 16px; font-weight: 500; text-align: center}
.system-nav em {display: block}
.system-nav a {width: 40px; height: 40px; border: 1px solid #d9d9d9; border-radius: 5px; text-align: center; color: #000; background: transparent; text-decoration: none; line-height: 40px; box-sizing: border-box}
.system-nav a:hover {color:#fff; background: #F5621D; border: 1px solid #F5621D}
.system-nav .nav-current-page {width: 40px; height: 40px; text-align: center; color:#fff; background: #F5621D; border: 1px solid #F5621D; border-radius: 5px; line-height: 40px}
.system-nav .nav-forward {padding: 0 15px; width: auto; border: 1px solid #d9d9d9; border-radius: 5px; text-align: center; color: #2A2A2A}
.system-nav em.nav-forward {height: 40px; color: #d9d9d9; font-style: normal; line-height: 40px; cursor: default}
.system-nav .nav-forward svg {fill: #2A2A2A}
.system-nav em.nav-forward svg, .system-nav em.nav-forward:hover svg {fill: #d9d9d9}
.system-nav .nav-forward:hover svg {fill: #fff}

.catalog-list {flex-wrap: wrap; margin: -15px -15px 0 -15px}
.catalog-list > div {padding: 15px; width: 50%}
.catalog-list .item {gap: 20px; padding: 20px; width: 100%; height: 100%; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box}
.catalog-list .item > div:nth-child(1) {min-width: 90px; max-width: 90px; line-height: 0}
.catalog-list a {text-decoration: none; color: #000}
.catalog-list a:hover {color: #F5621D}
.catalog-list img {margin: 0}
.catalog-list .title {padding-bottom: 4px; font-size: 18px; font-weight: 600}
.catalog-list .sub-cat {margin-top: 9px; font-weight: 300; font-size: 14px}

.section-description {margin-top: 40px}

.sections-slide-wrap {display: block; margin: 0 -7px 30px -7px; position: relative}
.sections-slide-wrap .button-prev-sect {left: -13px}
.sections-slide-wrap .button-next-sect {right: -13px}
.sections-slide-wrap .swiper-button-disabled {display: none}
.sections-slide .swiper-slide {height: auto}
.sections-slide .item {padding: 0 7px; width: 100%; height: 100%; box-sizing: border-box}
.sections-slide a {display: block; padding: 15px; width: 100%; height: 100%; color: #000; text-decoration: none; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; transition:all 0.3s ease}
.sections-slide .item:hover a, .sections-slide .item.active a {border: 1px solid #F5621D; color: #F5621D} 
.sections-slide .img {justify-content: center; align-items: center; margin: 0 auto; width: 120px; height: 120px; overflow: hidden}
.sections-slide img {margin: 0}
.sections-slide .name {padding-top: 12px; font-size: 14px; font-weight: 600; text-align: center}

.sort-catalog {margin-bottom: 25px; gap: 25px; font-size: 14px}
.sort-catalog a {display: inline-block; text-decoration: none; color: #000; position: relative}
.sort-catalog a.select, .sort-catalog a:hover {text-decoration: underline; color: #F5621D}
.sort-catalog a.arrow {padding-right: 12px}
.sort-catalog a.arrow:before {content: '\203A'; display: block; font-size: 18px; line-height: 18px; position: absolute; top: 0px; right: 0}  
.sort-catalog a.asc:before {transform: rotate(90deg)}
.sort-catalog a.desc:before {transform: rotate(-90deg)}

.good-list {flex-wrap: wrap; margin: 0 -4px 0 1px}
.good-list > div {margin: -1px 0 0 -1px;width: 20%; border: 1px solid #eee; transition:all 0.3s ease; z-index: 2}
.good-list > div.v2 {width: 25%}
.good-list > div:hover {box-shadow: 0px 4px 19.3px 0px rgba(0, 0, 0, 0.15)}
.good-list > div:hover .btn-wrap.v2 {display: flex; animation: showDiv 1s forwards}
.good-list a {display: block; padding: 19px 19px 55px 19px; width: 100%; height: 100%; color: #000; text-decoration: none; box-sizing: border-box}
.good-list .img {justify-content: center; align-items: center; width: 100%; height: 140px; line-height: 0; overflow: hidden}
.good-list .img img {margin: 0; border-radius: 0; object-fit: contain; max-height: 140px}
.good-list .name {margin: 5px 0 12px 0; height: 56px; font-size: 14px; font-weight: 600; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 130%; overflow: hidden}	
.good-list .price {margin-bottom: 14px; font-size: 16px; text-align: center; line-height: 100%}
.good-list .price del {margin-left: 7px; font-weight: 300; opacity: .5; white-space: nowrap}
.icon-hits {gap: 5px; height: 17px; position: absolute; top: 10px; left: 10px; z-index: 3}
.good-list .icon-hit {display: block; padding: 0 8px; height: 17px; font-size: 11px; font-weight: 600; color: #fff; border-radius: 2px; line-height: 17px}
.good-list .icon-hit.hit-1 {background: #4F85E8}
.good-list .icon-hit.hit-2 {background: #F5621D}
.good-list .icon-hit.hit-3 {background: #29A71A}
.good-list .icon-hit.hit-4 {background: #893ca9}
.good-list .btn-wrap {justify-content: center; align-items: center}
.good-list .btn-wrap.v2 {display: none; opacity:0}
.good-list .sm-button {padding: 0 24px; width: auto; height: 36px; font-size: 15px; font-weight: 500; color: #2A2A2A; text-align: center; border-radius: 90px; background: #D0D0D0; line-height: 36px; cursor: pointer; transition:all 0.2s ease; position: absolute; bottom: 19px; z-index: 4}
.good-list .sm-button.v2 {background: #1156D6; color: #fff; top: 66px}
.good-list .sm-button:hover {color: #fff; background: #F5621D}

@keyframes showDiv {
	0% {opacity:0}
	100% {opacity:1}
}

.item-good {gap: 30px; padding-bottom: 30px}
.item-good > div:nth-child(1) {min-width: 460px; width: 460px; max-width: 460px; overflow: hidden}
.item-good > div:nth-child(2) {width: calc(100% - 490px)}
.item-good h1 {padding-bottom: 16px; font-size: 24px}
.item-good .availability {align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(131, 131, 131, .2); font-weight: 15px; font-size: 300}
.item-good .availability > div {padding: 0 24px}
.item-good .availability > div:nth-child(1) {padding-left: 0}
.item-good .availability > div:before {content: ''; display: block; width: 1px; height: 17px; background: #838383; position: absolute; left: 0; top: calc(50% - 8px)}
.item-good .availability > div:nth-child(1):before {display: none}
.item-good .availability .yes {color: #29A71A}
.item-good .availability .no {color: #900}
.item-good .availability .btn-circle {width: 25px; height: 25px; border-radius: 50%; background: #F3F3F3; text-align: center; box-sizing: border-box; cursor: pointer; line-height: 25px}
.item-good .availability .btn-circle:hover, .item-good .availability .btn-circle.in {background: #F5621D}
.item-good .availability .btn-circle:hover path, .item-good .availability .btn-circle.in path {fill: #fff}
.item-good .name {height: 24px; font-size: 20px; font-weight: 500; line-height: 24px}
.item-good .wrp-peice {padding: 20px 0 30px 0; border-bottom: 1px solid rgba(131, 131, 131, .2)}
.item-good .wrp-peice .offer_price {align-items: flex-end; gap: 12px; padding-top: 15px; color: #333}
.item-good .wrp-peice .offer_price > div {font-size: 24px; opacity: .5; line-height: 24px}
.item-good .wrp-peice .offer_price .item_price {font-size: 36px; font-weight: 700; opacity: 1; line-height: 30px}
.item-good .wrp-col {padding: 20px 0 0 0}
.item-good .wrp_offer_cols {padding: 10px 0 20px 0}
.item-good .sale_action {margin-top: 20px; font-size: 14px; font-weight: 500; text-align: center; line-height: 20px}
.item-good .sale_action a {color: #1156D6; text-decoration: none}
.item-good .sale_action a:hover {color: #F5621D}
.item-good .sale_action i {display: inline-block; margin-right: 8px; padding: 0 7px; font-style: normal; font-size: 12px; color: #fff; background: #F5621D; border-radius: 2px}
.item-good .wrp-btn {gap: 12px; padding-top: 8px}
.item-good .wrp-btn > div {width: 50%}
.item-good .wrp-btn .button {height: 47px; font-size: 16px; font-weight: 500; line-height: 47px}
.item-good .wrp-btn .button i {display: inline-table; padding-right: 7px; height: 15px; vertical-align: bottom; line-height: 44px}
.item-good .txt {justify-content: space-between; padding-top: 20px; font-size: 12px; color: #333}
.item-good .txt a {color: #1156D6}
.item-good .txt a:hover {color: #F5621D}
.item-good input[type="checkbox"] + label {display: block; padding-left: 30px}
.item-good input[type="checkbox"] + label div {font-weight: 300; font-size: 15px}
.item-good input[type="checkbox"] + label span:before {background: #fff; border: 1px solid #D0D0D0}
.item-good input[type="checkbox"] + label.disabled {color: #898989; cursor: default}
.item-good input[type="checkbox"] + label.disabled span:before, #smartFilter input[type="checkbox"] + label.disabled:hover span:before  {background: #F8F8F8; border: 1px solid #D0D0D0}
.item-good input[type="checkbox"] + label:hover span:before {border-color:  #F5621D}
.item-good input[type="checkbox"]:checked + label span:before {border: 1px solid #F5621D}
.item-good input[type="checkbox"]:checked + label span:after {content: ''; display: block; width: 10px; height: 10px; font-size: 0px; border-radius: 1px; background: #F5621D; position: absolute; top: 4px; left: 4px; line-height: 0px}
.item-good .dop_goods {margin-top: 15px; padding: 15px 20px; background: #FBFBFB; border-radius: 3px; box-sizing: border-box}
.item-good .dop_goods .name {height: 34px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #D0D0D0; line-height: 34px}
.item-good .dop_goods .item {margin-top: 14px}
.item-good .dop_goods .item.hide {display: none}
.item-good .dop_goods .open_modef {margin-top: 14px; font-size: 15px; color: #F5621D; font-weight: 500; cursor: pointer}

.col_wrap {width: 120px; height: 37px; line-height: 37px; overflow: hidden}
.col_wrap > div {display: block; width: 100%; height: 37px; text-align: center}
.col_wrap > div:nth-child(1),
.col_wrap > div:nth-child(3) {min-width: 37px; max-width: 37px; font-size: 34px; cursor: pointer}
.col_wrap input {border: none; padding: 0 3px; height: 37px; text-align: center; font-size: 20px; font-weight: 400; color: #000}
.col_wrap .minus, .col_wrap .plast {width: 37px; height: 37px; border: 1px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; -moz-user-select: none; -khtml-user-select: none; user-select: none}
.col_wrap .minus:before, .col_wrap .plast:before {display: block; width: 35px; height: 35px; font-size: 28px; text-align: center; line-height: 35px; position: absolute; left: 0; top: 0}
.col_wrap .minus:before {content: '-'}
.col_wrap .plast:before {content: '+'}

.good_slider {padding: 15px 35px 35px 35px; width: 100%; height: 432px; border-radius: 10px; border: 1px solid #D0D0D0; box-sizing: border-box}
.good_slider.v2 {padding: 35px; overflow: hidden}
.good_slider.v2 > div {height: 100%}
.good_slider img {margin: 0 auto; border-radius: 0; object-fit: contain; height: 100%}
.good_slider .picture_wrap {width: 100%; height: 280px; overflow: hidden}
.good_slider .picture_wrap.v2 {height: 100%}
.good_slider .thumbs_wrap {margin: 0 auto; padding-top: 20px; width: 300px; overflow: hidden}
.good_slider .thumbs_wrap .good_thumb {padding: 15px}
.good_slider .thumbs_wrap .good_thumb .img {justify-content: center; align-items: center; padding: 5px; width: 65px; height: 65px; border-radius: 5px}
.good_slider .thumbs_wrap .good_thumb .img > div {width: 60px; height: 60px; overflow: hidden}
.good_slider .swiper-slide-thumb-active .img {box-shadow: 0px 4px 14.8px 0px #0000001A}
.good_slider .good_image {display: block; text-decoration: none; line-height: 0; height: 280px}
.good_slider .good_image.v2 {justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden}
.good_slider .good_image > div {height: 100%}

.fast-good {gap: 30px}
.fast-good > div:nth-child(1) {min-width: 320px; max-width: 320px; height: 300px}
.fast-good .picture_wrap {padding: 25px; width: 100%; height: 300px; border-radius: 10px; border: 1px solid #D0D0D0; box-sizing: border-box}
.fast-good .picture_wrap img {display: block; margin: 0 auto; border-radius: 0; object-fit: contain; height: 100%}
.fast-good .title {padding-bottom: 20px; font-size: 24px; font-weight: 700}
.fast-good .availability {flex-wrap: wrap; align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(131, 131, 131, .2); font-weight: 15px; font-size: 300}
.fast-good .availability > div {padding: 0 24px}
.fast-good .availability > div:nth-child(1) {padding-left: 0}
.fast-good .availability > div:before {content: ''; display: block; width: 1px; height: 17px; background: #838383; position: absolute; left: 0; top: calc(50% - 8px)}
.fast-good .availability > div:nth-child(1):before {display: none}
.fast-good .availability .all {padding: 0; width: 100%}
.fast-good .availability .all:before {display: none}
.fast-good .availability .yes {color: #29A71A}
.fast-good .availability .no {color: #900}
.fast-good .availability .btn-circle {width: 25px; height: 25px; border-radius: 50%; background: #F3F3F3; text-align: center; box-sizing: border-box; cursor: pointer; line-height: 25px}
.fast-good .availability .btn-circle:hover, .fast-good .availability .btn-circle.in {background: #F5621D}
.fast-good .availability .btn-circle:hover path, .fast-good .availability .btn-circle.in path {fill: #fff}
.fast-good .props_name {padding: 14px 0; font-size: 18px; font-weight: 600}
.fast-good .props {justify-content: space-between}
.fast-good .wrp-peice {padding: 5px 0 20px 0; }
.fast-good .wrp-peice .offer_price {align-items: flex-end; gap: 12px; padding-top: 15px; color: #333}
.fast-good .wrp-peice .offer_price > div:nth-child(1) {font-size: 36px; font-weight: 700; line-height: 30px}
.fast-good .wrp-peice .offer_price > div:nth-child(2) {font-size: 24px; opacity: .5; line-height: 24px}
.fast-good .wrp-col .t-name {padding: 0 0 9px 0; font-size: 20px; font-weight: 500}
.fast-good .wrp-btn {gap: 12px; padding-top: 25px}
.fast-good .wrp-btn > div {width: 50%}
.fast-good .button {height: 47px; line-height: 47px}

.main_section {padding: 85px 0; position: relative; z-index: 2}
.main_section:before {content: ''; display: block; width: 100vw; height: 100%; background: url(images/main-section.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0; 
left: calc((1280px - 100vw) / 2); z-index: -1}  
.main-section-list {flex-wrap: wrap; margin: 0 -4px 0 1px}
.main-section-list > div {margin: -1px 0 0 -1px; width: 20%; border: 1px solid #eee; background: #fff; transition:all 0.3s ease; z-index: 2}
.main-section-list > div:hover {background: #E4EEFF}
.main-section-list > div:hover a.all {background: linear-gradient(139.38deg,  #030097 -1.6%, #1156D7 80.45%)}
.main-section-list a {display: block; padding: 35px 20px 0 20px; width: 100%; height: 325px; color: #000; text-decoration: none; box-sizing: border-box; position: relative; overflow: hidden}
.main-section-list a.all {display: flex; justify-content: center; align-items: center; padding: 0; color: #fff; background: linear-gradient(139.38deg, #1156D7 -1.6%, #030097 110.45%); transition: all 0.3s ease; }
.main-section-list .name {max-width: 200px; font-size: 20px; font-weight: 600}
.main-section-list .fon {width: calc(100% - 40px); height: 215px; background-position: bottom right; background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -15px; right: 0} 
.main-section-list a.all .name {padding-top: 17px; font-weight: 500}
.main-section-list .elips {margin: 0 auto; width: 75px; height: 75px; text-align: center; border: 1px dashed #fff; border-radius: 50%; box-sizing: border-box; line-height: 86px}

.icons-adv {justify-content: space-between}
.icons-adv > div {width: 178px}
.icons-adv .icon {justify-content: center; align-items: center; width: 123px; height: 123px; border-radius: 50%; box-shadow: 0px 4px 12.8px 0px rgba(0, 0, 0, 0.05)}
.icons-adv .icon > div {max-width: 100px; max-height: 100px; line-height: 0; overflow: hidden}
.icons-adv .name {margin: 25px 0 20px 0; font-size: 20px; font-weight: 600}
.icons-adv .text {font-size: 16px; line-height: 23px}

.our-works-wrap {width: 100vw; margin-left: calc((1280px - 100vw) / 2)}
.our-works-slider .swiper-slide {width: 317px; height: auto}
.our-works-slider .swiper-slide .item {padding: 0; line-height: 0; overflow: hidden}
.our-works-slider .swiper-slide .item img {margin: 0; border-radius: 5px}
.our-works-slider .nav-slider-works,
.brends-slider .nav-slider-brends {margin-top: 25px; width: 100%; overflow: hidden}
.our-works-slider .swiper-pagination-works,
.brends-slider .swiper-pagination-brends {width: 100%; text-align: center}
.our-works-slider .swiper-pagination-bullet, 
.brends-slider .swiper-pagination-bullet {margin: 0 4px !important; width: 18px; height: 18px; background: #fff; border: 1px solid #D7D7D7; opacity: 1; box-sizing: border-box; cursor: pointer}
.our-works-slider .swiper-pagination-bullet-active,
.brends-slider .swiper-pagination-bullet-active {background: #1156D6; border: 1px solid #1156D6}

.brends-wrap {position: relative}
.brends-slider .swiper-slide {padding: 10px; box-sizing: border-box}
.brends-slider .item {justify-content: center; align-items: center; padding: 10px; height: 143px; box-shadow: 0px 4px 12.8px 0px #0000000D}
.brends-slider .item > div {max-height: 100%; overflow: hidden}
.brends-slider .item img {margin: 0; object-fit: contain; width: 100%; height: 100%; max-height: 143px}

.button-nav {display: block; width: 39px; height: 39px; background: #F5621D; border-radius: 50%; text-align: center; cursor: pointer; line-height: 40px; position: absolute; top: 73px; z-index: 5}
.button-prev-brends {left: -10px}
.button-next-brends {right: -10px}

.main-service {position: relative; z-index: 2}
.main-service:before {content: ''; display: block; width: 661px; height: 810px; background: url(images/bg_main_service.jpg) center center no-repeat; background-size: cover; position: absolute; top: -155px; 
left: calc((1280px - 100vw) / 2); z-index: -1}

.service {flex-wrap: wrap; margin: 0 -10px}
.service > div {margin-bottom: 20px; padding: 0 10px; width: calc(100% / 3); height: 366px}
.service > div a {display: block; width: 100%; height: 100%; color: #000; text-decoration: none; background-size: cover;  border-radius: 5px; overflow: hidden; position: relative; z-index: 1} 
.service > div a:before {content: ''; display: block; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; bottom: 0; left: 0}
.service .name {padding: 0 20px; width: 100%; font-size: 20px; font-weight: 600; color: #fff; box-sizing: border-box; position: absolute; left: 0; bottom: 55px}
.service .link {font-size: 16px; color: #F5621D; text-decoration: underline; position: absolute; left: 20px; bottom: 20px}
.service .date {font-size: 14px; color: #fff; position: absolute; right: 20px; bottom: 22px}
.service .period {padding: 0 7px; height: 19px; font-size: 12px; color: #fff; border-radius: 3px; background: #29A71A; line-height: 19px; position: absolute; right: 20px; bottom: 19px}
.service .period.end {background: #F5621D}
.service > div.first {width: 100%; height: 343px}
.service > div.first a {border-radius: 20px}
.service > div.first a:before {display: none}
.service > div.first .name {padding: 60px 20px 25px 60px; width: auto; font-size: 36px; font-weight: 700; color: #000; position: relative; left: inherit; bottom: inherit}
.service > div.first .link {display: inline-block; margin-left: 60px; padding: 0 50px; height: 46px; color: #fff; font-weight: 500; text-decoration: none; background: #F5621D; border-radius: 89px; line-height: 46px; position: relative; left: inherit; bottom:  inherit} 
.service > div:hover .link {text-decoration: none}
.service > div.first:hover .link {background: #ffa321}

.item-detail .date {margin: 0 0 16px 0; font-size: 14px; opacity: .8}

.article-main {margin: 0 -10px}
.article-main > div {padding: 0 10px; width: 21.5%; height: 364px}
.article-main > div:nth-child(1) {width: 35.5%}
.article-main > div a {display: block; width: 100%; height: 100%; color: #000; text-decoration: none; background-color: #fff; background-size: cover; border: 1px solid #EEEEEE; border-radius: 5px; overflow: hidden; position: relative; z-index: 1} 
.article-main .img {width: 100%; height: 230px; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden}
.article-main .link {font-size: 16px; color: #F5621D; text-decoration: underline; position: absolute; left: 20px; bottom: 20px}
.article-main .name {padding: 20px 20px 0 20px; font-size: 18px; font-weight: 600; }
.article-main > div:nth-child(1) a {border: none}
.article-main > div:nth-child(1) a:before {content: ''; display: block; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; bottom: 0; left: 0}
.article-main > div:nth-child(1) .name {padding: 0 20px; width: 100%; font-size: 20px; font-weight: 600; color: #fff; position: absolute; left: 0; bottom: 55px; box-sizing: border-box}
.article-main > div:hover .link {text-decoration: none}

.wrap-main-text {z-index: 2}
.wrap-main-text:before {content: ''; display: block; width: 554px; height: 993px; background: url(images/bg_main_text.jpg) center center no-repeat; background-size: cover; position: absolute; bottom: -70px; 
right: calc((1280px - 100vw) / 2); z-index: -1}
.main-text > div {width: 50%}
.main-text > div:nth-child(1) {padding-right: 20px}
.main-text > div:nth-child(2) img {border-radius: 5px;}

.sert {margin: 20px -10px 0 -10px; flex-wrap: wrap}
.sert > div {margin-bottom: 30px; padding: 0 10px; width: calc(100% / 3); overflow: hidden}
.sert > div .wrap {padding: 5px; width: 100%; border: 1px solid rgba(0,0,0, .15); border-radius: 5px; box-sizing: border-box; overflow: hidden; transition: all 0.3s linear}
.sert .photo {width: 100%; overflow: hidden}
.sert img {margin: 0; max-width: 100%; width: auto; height: auto; border-radius: 0}
.sert a {text-decoration: none; color: #000}
.sert a img {display: inline-block; object-fit: cover; transition: all 0.3s linear 0s}
.sert a:hover .wrap {border: 1px solid #F5621D}
.sert a:hover {text-decoration: none; color: #F5621D}
.sert a:hover img {transform: rotate(0deg) scale(1.05, 1.05)}
.sert .name {padding: 15px 5px 0 5px; font-weight: 500; text-align: center}

.vacancy {padding-top: 20px}
.vacancy .item {margin-bottom: 20px; width: 100%; border: 1px solid rgba(0,0,0,.1); background: #FEFEFE; border-radius: 5px; box-sizing: border-box}
.vacancy .name {padding: 30px 80px 30px 20px; gap: 20px; justify-content: space-between; color: #000; cursor: pointer; position: relative}
.vacancy .name:hover, .vacancy .name.active {color: #F5621D}
.vacancy .name:before {content: '\276F'; display: block; font-size: 26px; color: #2A2A2A; position: absolute; right: 20px; top: 22px; transform: rotate(90deg)}
.vacancy .name.active:before {color: #F5621D; transform: rotate(-90deg)}
.vacancy .name:hover:before {color: #F5621D}
.vacancy .name > div:nth-child(1) {font-size: 20px; font-weight: 600}
.vacancy .name > div:nth-child(2) {font-size: 16px; font-weight: 500; text-align: right}
.vacancy .text {display: none; padding: 0 20px 20px 20px}

.contacts {margin: 10px 0 0 0}
.contacts > div:nth-child(1) {padding-right: 20px; width: 30%}
.contacts > div:nth-child(2) {width: 70%; border-radius: 20px; overflow: hidden}
.contacts .item {margin-bottom: 25px; gap: 20px}
.contacts .item.all {flex-direction: row-reverse}
.contacts .item:last-child {margin-bottom: 0}
.contacts .item > div:nth-child(1) {min-width: 27px; max-width: 27px}
.contacts .item.vt > div:nth-child(1) {padding-top: 4px}
.contacts .info > div:nth-child(1) {padding: 1px 0 10px 0; opacity: .5}
.contacts .info > div:nth-child(2) {font-size: 20px; font-weight: 600}
.contacts a {text-decoration: none; color: #000}
.contacts a:hover {color: #F5621D}

#map {width: 100%; height: 100%}

.form_plain {margin-top: 70px; padding: 80px 58px; color: #fff; background: #292929 url(images/bg_form.jpg) right center no-repeat; border-radius: 20px}
.form_plain .name { margin-bottom: 25px; font-size: 36px; font-weight: 700}
.form_plain p {margin-bottom: 50px; padding: 0; font-size: 24px; font-weight: 500}
.form_plain input[type="checkbox"] + label span:before,
.form_plain input[type="checkbox"] + label:hover span:before,
.form_plain input[type="checkbox"]:checked + label span:before {border: 1px solid rgba(255, 255, 255, .9)}
.form_plain .form_pole {flex-wrap: wrap; gap: 20px}
.form_plain .form_pole > div {width: 246px}
.form_plain .form_pole > div:nth-child(4) {padding-left: 10px; width: 100%}

.tabs_name {font-size: 20px; font-weight: 700; border-bottom: 5px solid #F2F2F2}
.tabs_name > div {padding: 20px 50px; cursor: pointer}
.tabs_name > div:after {content: ''; display: block; width: 100%; height: 5px; background: #F2F2F2; border-radius: 90px; position: absolute; bottom: -5px; left: 0} 
.tabs_name > div.active:after {background: #F5621D}
.tabs_list_items {margin-top: 40px}
.tabs_item {display: none}
.tabs_item.active {display: block}
.tabs-wrap .file_block {flex-wrap: wrap; gap: 42px}
.tabs-wrap .file_block a {width: calc((100% / 3) - 28px); text-decoration: none; color: #000; transition:all 0.3s ease; overflow: hidden}
.tabs-wrap .file_block a:hover {color: #F5621D}
.tabs-wrap .file_block a:hover .icon {background: #0071BC}
.tabs-wrap .file_type {gap: 12px}
.tabs-wrap .icon {min-width: 30px; max-width: 30px; height: 40px; background: #F5621D; clip-path: polygon(75% 0, 100% 25%, 100% 100%, 0 100%, 0 0)} 
.tabs-wrap .icon span {display: inline-block; padding-top: 23px; width: 100%; text-align: center; font-size: 12px; color: #fff}
.tabs-wrap .description {font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis}
.tabs-wrap .size {padding-top: 5px; font-size: 14px; color: #a0a0a0}

.tabs-wrap.blue {margin-top:  40px}
.tabs-wrap.blue .tabs_name {align-items: flex-end; height: 43px; font-size: 24px; font-weight: 500; border-bottom: none}
.tabs-wrap.blue .tabs_name > div {margin-right:  30px; padding: 0; cursor: pointer; transition:all 0.2s ease}
.tabs-wrap.blue .tabs_name > div:after {content: ''; display: block; width: 100%; height: 3px; background: transparent; border-radius: 90px; position: absolute; bottom: -5px; left: 0} 
.tabs-wrap.blue .tabs_name > div.active:after {background: #1156D7}
.tabs-wrap.blue .tabs_name > div.active {font-size: 36px; font-weight: 700; color: #1156D7}

/* SEARCH PAGE */
.page-search-wrap {margin-bottom: 40px}

.bx-authform {max-width: inherit !important; font-size: 16px !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}

.bx-authform-social {height: 202px}
.bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] {padding: 0 20px; width: 100%; height: 57px; color: rgba(0,0,0,.9); font-size: 16px; font-style: normal; font-weight: 400; background: #fff; border: 1px solid rgba(0, 0, 0, .9); border-radius: 60px; box-sizing: border-box}

/* FOOTER */
footer {padding: 40px 0 30px 0; width: 100%; background: #fbfbfb; border-top: 1px solid #F1F1F1; box-sizing: border-box; position: relative; z-index: 2}
.footer-wrp {margin: 0 auto; padding: 0 10px; max-width: 1300px; box-sizing: border-box}

.footer-nav {padding-bottom: 30px; gap: 30px; font-size: 16px}
.footer-nav > div {overflow: hidden}
.footer-nav > div:nth-child(1) {min-width: 180px; max-width: 180px}
.footer-nav > div:nth-child(1) ul {columns-gap: 0 !important; columns: 1 !important}
.footer-nav > div:nth-child(2) {min-width: inherit; width: 100%; max-width: inherit}
.footer-nav > div:nth-child(3) {padding-left: 30px; min-width: 250px; max-width: 250px}
.footer-nav .title {padding-bottom: 20px; font-size: 20px; font-weight: 600}
.footer-nav ul {margin: 0; padding: 0; column-gap: 30px; columns: 3}
.footer-nav li:before {display: none}
.footer-nav li {padding: 10px 0; line-height: 21px; position: relative} 
.footer-nav a {color: #000; text-decoration: none}
.footer-nav a:hover, .footer-nav a.selected {color: #F5621D; text-decoration: none}
.footer-nav .b-block {padding: 10px 0 15px 0}
.footer-nav .b-block a, .footer-nav .address {display: inline-block; padding-left: 30px; position: relative}
.footer-nav .b-block a:before, .footer-nav .address:before {content: ''; display: block; width: 16px; height: 18px; background-repeat: no-repeat; position: absolute; left: 0}
.footer-nav .phones {font-size: 18px; font-weight: 500}
.footer-nav .phones a {color: #006bb3}
.footer-nav .phones a:hover {color: #F5621D}
.footer-nav .phones a:before {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjIyMjIyIiBkPSJtMTAsMThsLTgsMGEyLDIgMCAwIDEgLTIsLTJsMCwtMTRhMiwyIDAgMCAxIDIsLTJsOCwwYTIsMiAwIDAgMSAyLDJsMCwxNGEyLDIgMCAwIDEgLTIsMnptMCwtMTZsLTgsMGwwLDhsOCwwbDAsLTh6bS04LDEwbDAsNGw4LDBsMCwtNGwtOCwwem0zLDNsMCwtMmwyLDBsMCwybC0yLDB6Ii8+DQo8L2c+DQo8L3N2Zz4=')} 
.footer-nav .mail a:before {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMjIyMjIyIiBkPSJtMCwxNmwwLC0xMmw4LC00bDgsNGwwLDEybC0xNiwwem0xNCwtMmwwLC02LjA2NWwtNiwzbC02LC0zbDAsNi4wNjVsMTIsMHptLTYsLTExLjg3NWwtNiwzbDAsMC41NThsNiwzbDYsLTNsMCwtMC41NThsLTYsLTN6Ii8+DQo8L2c+DQo8L3N2Zz4=')} 
.footer-nav .address:before {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8Zz4NCiAgPHBhdGggZmlsbD0iIzIyMjIyMiIgZD0ibTcuNjY5LDkuNTUyMDlhMC41NDQsMC41NDQgMCAwIDAgMC4xNDQsMC4xMTlsMCwwbDAuMDkzLDAuMDI5bDAuMDk0LC0wLjAyOWwwLDBhMC41NDcsMC41NDcgMCAwIDAgMC4xNDUsLTAuMTE5czIuNzY3LC0zLjA2MiAzLjA0NSwtNS43MTZhMy41NTksMy41NTkgMCAwIDAgMC4wMjcsLTAuNDE2YTMuMzM4LDMuMzM4IDAgMSAwIC02LjY3NCwwYTMuNDY0LDMuNDY0IDAgMCAwIDAuMDI5LDAuNDIyYzAuMjksMi42NTMgMy4wOTcsNS43MSAzLjA5Nyw1Ljcxem0wLjIxNiwtNy45MzdhMS44LDEuOCAwIDEgMSAtMS43NzIsMS44YTEuNzksMS43OSAwIDAgMSAxLjc3MiwtMS44em0tNy44ODUsMTIuNWwxLjA2NywtNi45ODFsMS45OCwwbC0wLjc2Niw1LjAxbDExLjQzMiwtMC4wMWwtMC44MTYsLTVsMS45NjEsMGwxLjEzNiw2Ljk2OWwtMTUuOTk0LDAuMDEyeiIvPg0KPC9nPg0KPC9zdmc+')} 

/* subscribe footer */
.footer-nav .subscribe-form {padding: 15px 0 20px 0}
.footer-nav .subscribe {align-items: flex-start}
.footer-nav .subscribe > div {width: 100%; overflow: hidden}
.footer-nav .subscribe > div:nth-child(2) {min-width: 38px; max-width: 42px; height: 42px}
.footer-nav .subscribe input {padding: 0 15px; height: 42px; font-size: 14px; border: 1px solid #eee; border-right: none; border-radius: 2px}
.footer-nav .addSubscribe {width: 100%; height: 100%; background-color: #006bb1; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICA8cGF0aCBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIGQ9Im0xNS4wMjc4Nyw3LjU4MzM4bC0xNC4zNjEyNSwwIi8+DQogICA8cGF0aCBzdHJva2Utd2lkdGg9IjJweCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIGQ9Im05LjgwNTYsMC44MzMyOGw2LjUyNzg0LDYuNzUwMWwtNi41Mjc4NCw2Ljc1MDEiLz4NCjwvc3ZnPg=='); background-position: center center; background-repeat: no-repeat; cursor: pointer; -webkit-appearance: none; }
.footer-nav .addSubscribe:hover {background-color: #f5621d}

/* SOCIAL ICONS */
.footer-nav .social-icons {flex-wrap: wrap; gap: 8px; padding:0}
.footer-nav .social-icons a {display: block; width: 26px; height: 26px;border-radius:100%;  background: url(images/social.png) no-repeat; text-indent: -9999px; text-decoration: none; transition:all 0.3s ease; overflow: hidden}
.footer-nav .social-icons a:hover {opacity: .8}
.footer-nav .social-icons .vk  {background-position: -6px -6px}
.footer-nav .social-icons .telegram {background-position:-132px -86px}
.footer-nav .social-icons .ytb {background-position:-174px -7px}
/* position need new */
.footer-nav .social-icons .facebook  {background-position:-54px -6px}
.footer-nav .social-icons .twitter {background-position:-104px -6px}
.footer-nav .social-icons .instagram {background-position:-154px -6px}
.footer-nav .social-icons .odn {background-position:-254px -6px}
.footer-nav .social-icons .gplus {background-position:-54px -48px}
.footer-nav .social-icons .mail {background-position:-4px -48px}
.footer-nav .social-icons .viber {background-position:-4px -90px}
.footer-nav .social-icons .whats {background-position:-53px -90px}
.footer-nav .social-icons .zen {background-position:-254px -90px}
.footer-nav .social-icons .tiktok {background-position:-304px -90px}
.footer-nav .social-icons .pinterest {background-position:-203px -90px}
.footer-nav .social-icons .snapchat {background-position:-354px -90px}
.footer-nav .social-icons .linkedin {background-position:-404px -90px}

.footer-wrp .bottom {justify-content: space-between; align-items: center; padding-top: 30px; border-top: 1px solid #eeeeee}
.footer-wrp .info {display: inline-block; margin-right: 50px; font-size: 15px; color: #888}

/*pay icons*/
.pay_system_icons {margin-right: -20px}
.pay_system_icons i{display:inline-block; height:20px; width:34px; background: url(images/pay_icons.png) no-repeat; margin:0 11px 0 0}
.pay_system_icons span i:last-child{margin-right:0px}
.pay_system_icons i.cacsh{background-position:0px -1px}
.pay_system_icons i.sbrf{background-position:-259px -1px}
.pay_system_icons i.alfa{background-position:-305px -1px}
.pay_system_icons i.mastercard{background-position:-42px -1px}
.pay_system_icons i.visa{background-position:-89px -1px}
.pay_system_icons i.yandex_money{background-position:-142px -1px;width:21px}
.pay_system_icons i.webmoney{background-position:-182px -1px;margin-right:7px}
.pay_system_icons i.qiwi{background-position:-222px -1px;margin-right:0px}


/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0 ; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); backdrop-filter: blur(1px); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}
.popup:after {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle}

.popup .popup_form {position: relative; display: inline-block; padding: 70px 50px; width: 100%; max-width: 890px; vertical-align: middle; height: auto; white-space: normal; text-align: left; background: #fff; box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, .15); border: 1px solid #eee; box-sizing: border-box}
.popup .popup_form.v2 {max-width: 650px}
.popup .popup_form.mh {height: auto; max-height: 80vh} 
.popup .form.scroll {height: auto; overflow: hidden}
.popup .icon-close {position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; cursor: pointer}
.popup .icon-close:before, .popup .icon-close:after {content: ""; position: absolute; top: 9px; right: 1px; width: 24px; height: 2px; background: #000}
.popup .icon-close:before {transform: rotate(45deg)}
.popup .icon-close:after {transform: rotate(-45deg)}
.popup .icon-close:hover:before, .popup .icon-close:hover:after {background: #f00}
.popup .name {padding-bottom: 20px; width: 100%; font-size: 36px; font-weight: 700; line-height: 120%}
.popup p {padding: 16px 0 0 0; font-size: 24px; font-weight: 500; line-height: 120%}
.popup p.error {color: #f00}
.popup .popup_regions {height: 270px; overflow: hidden}
.popup .only_city {height: 100%; overflow: hidden; overflow-y: auto}
.popup .items_block {columns: 4; column-gap: 20px; font-size: 16px; font-weight: 500; overflow: hidden; transition: all .2s ease}
.popup .items_block a {text-decoration: none}
.popup .items_block a:hover {color: #000}
.popup .items_block span {color: #000; font-weight: 600}
.popup .item {padding-top: 8px; color: #F5621D; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.popup .item:hover {color: #000}
.popup .frm_wrap {flex-wrap: wrap; margin: 0 -10px; padding-top: 15px}
.popup .frm_wrap > div {margin: 20px 0 0 0; padding: 0 10px; width: calc(100% / 3)}
.popup .frm_wrap > div.all {width: 100%}
.popup .button.center {margin: 30px auto 0 auto}


.fon_all {display: none; width:100%; height:100%; position:fixed; top:0px; left:0px; background: rgba(0, 0, 0, .4); backdrop-filter: blur(1px); z-index: 1000; opacity: 0}
.fon_all.zin {z-index: 1010}