/* Start:/bitrix/templates/empty/css/slick.min.css?17571579195073*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.arrows1 .slick-arrow{position:relative;width:50px;height:50px;background-color:transparent;cursor:pointer}.arrows1 .slick-arrow:after,.arrows1 .slick-arrow:before{content:'';display:block;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;left:50%;margin-left:-25px;transition:all .3s ease}.arrows1 .slick-arrow:before{background-position:0 -73px;opacity:1;z-index:5}.arrows1 .slick-arrow:after{background-position:0 0;opacity:0}.arrows1 .slick-arrow:hover:before{opacity:0}.arrows1 .slick-arrow:hover:after{opacity:1;z-index:5}.arrows1-position1 .slick-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.slick-next.slick-arrow{display:none!important}.ban_right{width:24px;padding:0 10px;pointer-events:auto;float:left;position:relative;right:10px;height:24px;margin-top:3px;background:url(/bitrix/templates/empty/images/arrow-point-to-right.svg) no-repeat}.ban_left{width:24px;padding:0 10px;pointer-events:auto;float:left;position:relative;right:10px;height:24px;margin-top:3px;background:url(/bitrix/templates/empty/images/arrow-point-to-left.svg) no-repeat}.slick-prev.slick-arrow{display:none!important}.arrows1-position1 .slick-prev{left:0}.arrows1-position1 .slick-prev:before{background:url(/bitrix/templates/empty/css/../gfx/left-arrow-button__white.svg) no-repeat center;background-size:auto 100%}.arrows1-position1 .slick-prev:after{background:url(/bitrix/templates/empty/css/../gfx/left-arrow-button__green.svg) no-repeat center;background-size:auto 100%}.arrows1-position1 .slick-next:before{background:url(/bitrix/templates/empty/css/../gfx/right-arrow-button__white.svg) no-repeat center;background-size:auto 100%}.arrows1-position1 .slick-next:after{background:url(/bitrix/templates/empty/css/../gfx/right-arrow-button__green.svg) no-repeat center;background-size:auto 100%}.arrows1-position1 .slick-next{right:0}@media screen and (max-width:1140px){.arrows1-position1 .slick-prev{left:0;margin-left:auto}.arrows1-position1 .slick-next{right:0;margin-right:auto}}.dots1{position:relative}.dots1 .slick-dots{width:1160px;margin:0 auto;display:block;position:relative;z-index:1;bottom:6px;text-align:left;margin-top:-30px}.dots1 .slick-dots>li{display:inline-block;vertical-align:top;cursor:pointer;outline:0}.dots1 .slick-dots>li div{display:block;text-indent:-99999px;width:10px;height:10px;border-radius:12px;margin:7px;background-color:#fff;transition:all .3s ease;cursor:pointer;border:3px #fff solid}.dots1 .slick-dots>li.slick-active div,.dots1 .slick-dots>li:hover div{background-color:unset}.slider1{margin:auto}.slider1__item{position:relative}.slider1 .site_size{position:relative;z-index:5;height:280px;line-height:280px;text-align:center}.slider1__pic{display:inline-block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover}.slider1__info{display:inline-block;vertical-align:middle;box-sizing:border-box;background-color:rgba(255,255,255,.65);padding:15px 10px;font-size:29px;line-height:38px;color:#000;font-weight:400}.slider1__info-btn{display:inline-block;color:#fff;font-size:17px;background:#76ab59;border-radius:5px;padding:5px 30px;transition:all .3s;line-height:30px;margin-top:10px}.slider1__info-btn:hover{background:#567f3f}.slider1__info-btn:hover{border-bottom-color:transparent;text-decoration:none}.slider1__info._right{left:auto;right:45px}.slider1__title{color:#212121;font-size:24px;font-family:Roboto-Bold}.slider1__desc{font-size:20px;line-height:24px;color:#212121;margin-top:14px;margin-bottom:35px}@media screen and (max-width:1140px){.slider1__info{right:45px;max-width:none;font-size:30px}}@media screen and (max-width:519px){.slider1__info{right:45px;font-size:23px;line-height:normal;max-width:75%}.arrows1-position1 .slick-next,.arrows1-position1 .slick-prev{display:none!important}} /* End */ /* Start:/bitrix/templates/empty/css/main/main.css?1757157919283992*/ *{ padding: 0; margin: 0; outline: none !important; -webkit-touch-callout:none !important; -webkit-text-size-adjust:none !important; -webkit-tap-highlight-color:rgba(0,0,0,0) !important; } body { font-size: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } ul{ list-style: none; } a{ text-decoration:none; } body { background-color: #fff; } @font-face { font-family: 'HelveticaNeueCyr'; src: url('/bitrix/templates/empty/css/main/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot'); src: local('../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy'), url('/bitrix/templates/empty/css/main/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/empty/css/main/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.woff') format('woff'), url('/bitrix/templates/empty/css/main/../fotns/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Minion-Pro"; font-display: swap; src: url("/bitrix/templates/empty/css/main/../fonts/MinionPro-Regular.ttf"); } @font-face { font-family: "FZHuangCao"; font-display: swap; src: url("/bitrix/templates/empty/css/main/../fonts/FZHuangCao.ttf"); } @font-face { font-family: 'ptsansrub'; font-display: swap; src: url('/bitrix/templates/empty/css/main/../../fonts/subset-PTSansRub-Regular.woff2') format('woff2'), url('/bitrix/templates/empty/css/main/../../fonts/subset-PTSansRub-Regular.woff') format('woff'), url('/bitrix/templates/empty/css/main/../../fonts/subset-PTSansRub-Regular.ttf') format('truetype'); } @font-face { font-family: "ptsansrub"; font-display: swap; src: url("/bitrix/templates/empty/css/main/../../fonts/ptsansrub-regular-webfont.ttf"); } body, input, textarea{ font-family: 'HelveticaNeueCyr'; } .geo_new { float: left; display: inline-block; } .header { margin: 0 auto; padding-top: 10px; width: 100%; /*max-width: 1160px;*/ max-width: 1205px; text-align: justify; height: 35px; } .header:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .header .bxmaker__geoip__city, .header .number, .header .menu, .header .account{ display: inline-block; vertical-align: top; margin: 0 10px; } .header .menu.over { margin: 0; } .navigation{ max-width: 1205px; max-width: 1205px; margin: 0 auto; width: 100%; } .catalog-list .catalog:before, .catalog-product .catalog-container:before, .sale-giff-basket__catalog-product .catalog-container:before { box-shadow: unset!important;} .catalog-list .catalog:hover, .catalog-product .catalog-container:before, .sale-giff-basket__catalog-product .catalog-container:before { box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16)!important;} .menu-down .right-col .basket .icon-search1 a { display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/search.svg) no-repeat; } .menu-down .right-col .basket .icon-search1 { margin-top: 9px; margin-right: 10px; text-align: center; position: relative; display: inline-block; vertical-align: top; } .close-bg i { cursor: pointer; position: absolute; margin-top: 0px; top: 5px; right: 5px; z-index: 1000; color: #fafafa; padding: 0; display: block; width: 24px; height: 24px; /* background: url(/bitrix/templates/empty/images/menu-close.svg) no-repeat; */ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI1MzIgMS4xNDE5NkwxLjIyNjUyIDExLjE2ODZDMC43OTc4NjcgMTEuNTk3MyAwLjc5Nzg2NyAxMi4yNjgyIDEuMjI2NTIgMTIuNjk2OEMxLjY1NTE3IDEzLjEyNTUgMi4zMjYxIDEzLjEyNTUgMi43NTQ3NSAxMi42OTY4TDEyLjgwMDEgMi42NTE1NEMxMy4yMjg3IDIuMjIyOSAxMy4yMjg3IDEuNTUxOTcgMTIuODAwMSAxLjEyMzMyQzEyLjM1MjggMC43MTMzMDYgMTEuNjgxOCAwLjcxMzMwNiAxMS4yNTMyIDEuMTQxOTZaIiBmaWxsPSIjNkM2RDc5Ii8+CjxwYXRoIGQ9Ik0yLjc0NzggMS4xNDgxN0wxMi43NzQ1IDExLjE3NDhDMTMuMjAzMSAxMS42MDM1IDEzLjIwMzEgMTIuMjc0NCAxMi43NzQ1IDEyLjcwMzFDMTIuMzQ1OCAxMy4xMzE3IDExLjY3NDkgMTMuMTMxNyAxMS4yNDYyIDEyLjcwMzFMMS4yMDA5NCAyLjY1Nzc2QzAuNzcyMjkgMi4yMjkxMSAwLjc3MjI5MiAxLjU1ODE4IDEuMjAwOTQgMS4xMjk1M0MxLjY0ODIzIDAuNzE5NTE4IDIuMzE5MTUgMC43MTk1MTggMi43NDc4IDEuMTQ4MTdaIiBmaWxsPSIjNkM2RDc5Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: contain; background-position: center center; transition: background .2s ease; cursor: pointer; } .close-bg i:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI1MzIgMS4xNDE5NkwxLjIyNjUyIDExLjE2ODZDMC43OTc4NjcgMTEuNTk3MyAwLjc5Nzg2NyAxMi4yNjgyIDEuMjI2NTIgMTIuNjk2OEMxLjY1NTE3IDEzLjEyNTUgMi4zMjYxIDEzLjEyNTUgMi43NTQ3NSAxMi42OTY4TDEyLjgwMDEgMi42NTE1NEMxMy4yMjg3IDIuMjIyOSAxMy4yMjg3IDEuNTUxOTcgMTIuODAwMSAxLjEyMzMyQzEyLjM1MjggMC43MTMzMDYgMTEuNjgxOCAwLjcxMzMwNiAxMS4yNTMyIDEuMTQxOTZaIiBmaWxsPSIjOGZiYzYyIi8+CjxwYXRoIGQ9Ik0yLjc0NzggMS4xNDgxN0wxMi43NzQ1IDExLjE3NDhDMTMuMjAzMSAxMS42MDM1IDEzLjIwMzEgMTIuMjc0NCAxMi43NzQ1IDEyLjcwMzFDMTIuMzQ1OCAxMy4xMzE3IDExLjY3NDkgMTMuMTMxNyAxMS4yNDYyIDEyLjcwMzFMMS4yMDA5NCAyLjY1Nzc2QzAuNzcyMjkgMi4yMjkxMSAwLjc3MjI5MiAxLjU1ODE4IDEuMjAwOTQgMS4xMjk1M0MxLjY0ODIzIDAuNzE5NTE4IDIuMzE5MTUgMC43MTk1MTggMi43NDc4IDEuMTQ4MTdaIiBmaWxsPSIjOGZiYzYyIi8+Cjwvc3ZnPgo=); } /*.feedback_ {*/ /* position: fixed;*/ /* transform: translateY(-100%);*/ /* width: 100%;*/ /* height: 100%;*/ /* top: 0;*/ /* left: 0;*/ /* z-index: 100;*/ /* overflow: auto;*/ /* padding: 25px 15px;*/ /* opacity: 0;*/ /* !* transition: transform 0s .3s ease, opacity .3s ease; *!*/ /* cursor: pointer;*/ /* box-sizing: border-box !important;*/ /* background: rgba(11,11,11,.75) !important;*/ /* box-shadow: none !important;*/ /*}*/ .feedback_.anim-in{ /* opacity: 1; */ /* transform: translateY(0%); */ /* transition: transform 0s ease, opacity .3s ease; */ animation: feedbackIn .3s ease forwards; } .feedback_.anim-out{ /* opacity: 1; */ /* transform: translateY(0%); */ /* transition: transform 0s ease, opacity .3s ease; */ animation: feedbackOut .3s ease forwards; } @keyframes feedbackIn{ 0%{ opacity: 0; transform: translateY(0%); } 100%{ opacity: 1; transform: translateY(0%); } } @keyframes feedbackOut{ 0%{ opacity: 1; transform: translateY(0%); } 99.9%{ opacity: 0; transform: translateY(0%); } 100%{ transform: translateY(-100%); } } .feedback__inner{ display: flex; justify-content: center; align-items: center; min-height: 100%; } .feedback__wrap{ width: 100%; height: 280px; text-align: center; padding: 15px; border: 1px solid #cecece; background: #ffffff; border-radius: 10px; max-width: 350px; /* transition: all .3s ease; */ transform: scale(.8); opacity: 0; cursor: default; } .feedback_.anim-in .feedback__wrap{ /* transform: scale(1); opacity: 1; */ animation: feedbackWrapIn .3s ease forwards; } .feedback_.anim-out .feedback__wrap{ /* transform: scale(1); opacity: 1; */ animation: feedbackWrapOut .3s ease forwards; } @keyframes feedbackWrapIn{ 0%{ opacity: 0; transform: scale(.8); } 100%{ opacity: 1; transform: scale(1); } } @keyframes feedbackWrapOut{ 0%{ opacity: 1; transform: scale(1); } 100%{ opacity: 0; transform: scale(.8); } } .feedback .input2 { color: #000; } ul.full-width li:nth-child(1) { display: table-cell; width: 10%; position: relative; } ul.full-width li:nth-child(2) { display: table-cell; width: 10%; position: relative; } ul.full-width li:nth-child(1) a { text-align: left; } @media (max-width: 1049px){ #title-search { display: none!important; } } .list-basket .fa-times { padding-left: 5px; padding-right: 10px; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/menu-close.svg) no-repeat; } @media (min-width: 1049px){ .icon-search1 { display: none!important; } } @media (max-width: 1100px){ .footer .nav1.mobile { display: block; } .footer .footer__inner > .m_grid__col:nth-child(3) { display: inline-block; } .footer .nav1.no_mobile { display: none; } } @media (max-width: 1149px){ ul.full-width li:nth-child(8) { display: none!important; } } @media (max-width: 479px){ .slick-dots { display: none!important; } .slick-track { margin-bottom: -10px; } .slider_box { margin-top: -80px; } ._banner { margin: 0px 0px 20px 0; } .icon-search1 { display: none!important; } .top-menu__logo { float: unset; } .but-img { display: none; } .price-catalog .old-price-block { position: absolute; margin-left: 80px; margin-top: 17px; } .sale-giff-basket__catalog-product .catalog > a { height: 220px!important; } .catalog-product .catalog-container, .sale-giff-basket__catalog-product .catalog-container { padding-bottom: 10px!important; } .add-to-cart.add-card .sign-and { width: 20px; display: none; } .add_to_cart.in_cart { background: #8753EE; } .number-catalog { margin-left: 0px; } .add-buttons { display: inline-block; text-align: center; margin: 0 auto; } ._banner { padding: 0px; margin-top: 20px; position: relative; overflow: hidden; } .head_mob_banner { margin: 0 auto; background: #fff; height: 80px; left: 10%; width: 70%; padding: 5px 20px; font-size: 40px; } .head_mob_banner span { width: 100%; display: block; font-size: 13px; margin-top: 12px; } .wrapper .mobile-menu .bd-mobile-menu img { margin-top: -23px; margin-left: 23px; } .m_grid__col, .footer__inner > .m_grid__col:nth-child(3) { display: inline-block; min-width: 100%; } .footer .nav1.mobile { display: block; } .no-mobile{ display:none; } .footer .nav1.no_mobile{ display:none; } .menu-down { height: 50px; } .menu-down .logo { display: inline-block; margin: 0; } .menu-down .logo > a { display: flex; align-items: center; } .menu-down .right-col .icon-burger a { display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/burger.svg) no-repeat; } .menu-down .right-col .icon-search a { display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/search.svg) no-repeat; } .icon-mob { margin-left: 10px; } .icon-search { margin-top: 9px; margin-right: 10px; text-align: center; position: relative; margin-left: 0px; display: inline-block; vertical-align: top; } .icon-burger { margin-top: 9px; margin-right: 10px; text-align: center; position: relative; display: inline-block; vertical-align: top; } .menu-down .right-col .basket .icon-basket { margin-right: 10px; } .menu-down .right-col { margin-top: 5px; width: 85px; } .menu-down .right-col:last-child { margin-top: 5px; width: 107px; } .col50.vopros { display: none; } .logo.top-menu__logo a { text-align: center; font-weight: bold; } .call_back div { display: none; } .call_back img { position: relative; margin-top: 3px; padding: 0 10px; } .header .number p { font-size: 15px; } .logo.top-menu__logo div{ font-size: 12px; color: #6C6D79; float: unset; font-weight: bold; margin-top: 0px; margin-left: 0px; } .logo.top-menu__logo img{ border-right: 0px solid #F9F8F7; padding-right: 0px; } .box_max .box_wrapper .box_center { width: calc(50% - 10px); padding: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_max .box_wrapper .box_center:nth-child(odd) { margin-right: 20px; } .box_max .box_wrapper .box_preim .ico { float: none; } .box_max { padding: 0 15px; } .box_max .box_wrapper .box_preim .text { max-width: 160px; } .box_max .box_wrapper .box_preim { margin: 0 auto; } .wrapper.wrapper-header3 { display: none; } .menu-down-mobile { display: none; } .menu-down .right-col .serch .serch-hover { width: 220px; border-color: #ECECEE; } .desktop #title-search { display: none; position: absolute; left: 50px; } .col50 { width: 100%; padding: 20px 0; margin: 10px; } .catalog-list .catalog, .catalog-product .catalog-container, .sale-giff-basket__catalog-product .catalog-container { width: 45%; margin-left: 2px!important; margin-right: 2px!important; } } .brandy_banner img { border: 0; height: auto; width: auto; max-width: 100%; max-height: 100%; } .brandy_banner.link img { width: unset; max-width: unset; height: unset; } .range{ margin: 0 auto; width: 100%; /*max-width: 1160px;*/ max-width: 1205px; margin-top: 30px; } .range:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .range .list-range { position: absolute; margin-right: 4px; margin-top: 28px; display: inline-block; box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24),0px 15px 79.38px 1.62px rgba(0, 0, 0, 0.16); } .col-range:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .range .col-range .catalog{ display: block; position: relative; float: left; width: 31.333333333%; padding-bottom: 23%; margin: 1%; } .range .col-range .catalog:nth-child(1){ padding-bottom: 48%; } .range .col-range .img-range{ display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .range .list-range .title-list-range { color: #212121; font-size: 24px; font-family: Roboto-Medium; text-transform: uppercase; margin-left: 5%; margin-top: 14px; margin-bottom: 24px; } .range .list-range a { font-size: 18px; color: #212121; font-family: Roboto-Regular; padding-left: 5%; margin-top: 7px; padding-top: 4px; padding-bottom: 4px; display: block; margin-bottom: 10px; } .range .list-range a:hover { background-color: #d7e3c5; } .range .catalog img{ display: block; width: auto; height: auto; width: 100%; /*-webkit-box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24);*/ } .range .catalog { position: relative; border-radius: 3px; box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); } .range .catalog p { font-size: 24px; color: #212121; font-family: Roboto-Medium; z-index: 0; position: relative; text-transform: uppercase; } .col-range .catalog p { position: absolute; z-index: 7; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.5); padding-top: 8px; padding-left: 6%; padding-right: 3%; padding-bottom: 8px; } .hover-range { box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24),0px 15px 79.38px 1.62px rgba(0, 0, 0, 0.16); position: absolute; z-index: 5; top: 0; left: 0; background-color: #fafafa; width: 100%; overflow: hidden; height: 0; transition: all 0.3s ease; } .catalog:hover .hover-range{ height: 100%; } .hover-range a { display: block; } .hover-range .link-range { margin-top: 45px; } .hover-range .link-range a { font-family: Roboto-Regular; color: #212121; font-size: 14px; line-height: 16px; padding-left: 6%; padding-top: 5px; padding-bottom: 5px; transition: all 0.3s ease; } .hover-range .link-range a:hover { background-color: #d7e3c5; } @media screen and (max-width: 1139px){ .hover-range .link-range a{ padding-top: 4px; padding-bottom: 4px; } } @media screen and (max-width: 1023px){ .range{ display: none; } } .sale-giff-basket__catalog-product{ margin: 0 auto; width: 100%; max-width: 1140px; font-size: 0px; line-height: 0px; } .sale-giff-basket__catalog-product:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .catalog-product .catalog-container, .sale-giff-basket__catalog-product .catalog-container{ font-size: 18px; line-height: 22px; display: inline-block; vertical-align: top; box-sizing: border-box; width: 266px; background-color: #fff; /*box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16);*/ padding-bottom: 34px; margin: 12px; margin-bottom: 12px; position: relative; /*float: left;*/ } @media screen and (max-width: 499px){ .catalog-list .catalog, .catalog-product .catalog-container, .sale-giff-basket__catalog-product .catalog-container{ width: 45%; margin-left: 2px!important; margin-right: 2px!important; } } .catalog-list .catalog:hover, .catalog-product .catalog-container:hover, .sale-giff-basket__catalog-product .catalog-container:hover{ position: relative; z-index: 4; } .catalog-product .catalog-container:before, .sale-giff-basket__catalog-product .catalog-container:before{ content: ''; display: block; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); transition: all 0.2s ease; } .catalog-list .catalog:hover:before, .catalog-product .catalog-container:hover:before{ bottom: 0px; } .sale-giff-basket__catalog-product .catalog-container:hover:before { bottom: 0px !important; } /*.catalog-list .catalog:nth-of-type(4n){ margin-right: 0; }*/ /*.catalog-list .catalog:nth-of-type(4n-3){ margin-left: 0; }*/ .catalog-product .catalog-container:nth-of-type(3n){ margin-right: 0; } /*.sale-giff-basket__catalog-product .catalog-container:nth-of-type(3n) { margin-right: 12px !important; } .sale-giff-basket__catalog-product .catalog-container:nth-of-type(4n) { margin-right: 0px !important; }*/ .catalog-product .catalog-container:nth-of-type(3n-2){ margin-left: 0; } .sale-giff-basket__catalog-product .catalog-container:nth-of-type(4n-2){ margin-left: 0; } /*.sale-giff-basket__catalog-product .catalog-container:nth-of-type(3n-2) { margin-left: 0px !important; }*/ .sale-giff-basket__catalog-product .catalog > a{ display: block !important; position: relative !important; background-position: center; background-size: auto !important; margin: 0 !important; padding: 0 !important; height: 300px; } .sale-giff-basket__catalog-product .catalog > a img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; margin-top: 5px; } .catalog-list .catalog-hover, .catalog-product .catalog-hover, .sale-giff-basket__catalog-product .catalog-hover{ width: 100%; background-color: #fafafa; box-shadow: 0px 3px 3.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); z-index: 1; } .sale-giff-basket__catalog-product .add-card{ position: absolute; left: 0; width: 100%; z-index: 1; background-color: #fff; /*box-shadow: 0px 3px 3.7px 0.3px rgba(0, 0, 0, 0.24), 0px 9px 6.86px 0.14px rgba(0, 0, 0, 0.16);*/ } .catalog-list .add-card:before, .catalog-product .add-card:before, .sale-giff-basket__catalog-product .add-card:before{ content: ''; display: block; position: absolute; z-index: -1; height: 58px; left: 0; right: 0; bottom: 0; } .catalog-list .catalog:hover .add-card:before, .catalog-product .catalog:hover .add-card:before{} .catalog-list .add-card .price-catalog, .catalog-product .add-card .price-catalog{} .catalog-list .select, .catalog-product .select{ position: relative; display: inline-block; cursor: pointer; } .catalog-list .select select, .catalog-product .select select{ cursor: pointer; } .sale-giff-basket__catalog-product .add-card span{ color: #212121; font-size: 20px; font-family: 'HelveticaNeueCyr'; } .catalog-list .add-card i, .catalog-product .add-card i, .sale-giff-basket__catalog-product .add-card i{ font-size: 16px; color: #757575; padding-right: 5px; } .catalog .add-card form{ /*display: none;*/ /*padding: 5px 15px; padding-bottom: 15px; padding-top: 10px;*/ padding: 10px 0 15px; } .catalog:hover .add-card form{} .catalog-list .select:after, .catalog-product .select:after{ content: ""; padding: 0 8px; font-size: 12px; position: absolute; right: 8px; top: 4px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; background: url('/bitrix/templates/empty/css/main/../images/down-select.png') top 2px right no-repeat; } .catalog-list .number-catalog, .catalog-product .number-catalog, .sale-giff-basket__catalog-product .number-catalog{ display: inline-block; } .catalog-list .select select, .catalog-product .select select, .sale-giff-basket__catalog-product .select select{ padding-right: 25px; border: 0; border: 1px solid #edecee !important; padding: 5px; color: #757575; font-size: 16px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fafafa; border-radius: 2px; } .sale-giff-basket__catalog-product .catalog .name-product{ padding: 15px; padding-bottom: 10px; padding-top: 10px; } .catalog-list .catalog .add-card .add-class-input, .catalog-product .catalog .add-card .add-class-input, .sale-giff-basket__catalog-product .catalog .add-card .add-class-input{ color: #86af49; font-size: 14px; font-family: 'HelveticaNeueCyr'; background-color: rgba(255,255,255,0); border: 1px solid #86af49; text-transform: uppercase; border-radius: 50px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; padding-right: 12px; cursor: pointer; transition: all 0.3s ease; } .add_to_cart { color: #fafafa; font-size: 14px; z-index: 100; background-position: 4px 7px; font-family: 'HelveticaNeueCyr'; background-color: #8FBC62; border-radius: 30px; cursor: pointer; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; } /*.add_to_cart div{ float: left; padding-top: 7px; padding-left: 10px; padding-bottom: 2px; padding-right: 10px; }*/ .add_to_cart span { display: none; font-size: 12px; font-family: 'HelveticaNeueCyr'; text-transform: lowercase; color: #fff; white-space: nowrap; } /*.add_to_cart:hover span { display: block; }*/ /*.add_to_cart:hover { -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); /*position: absolute;*/ /*right: 0;*/ width: auto; }*/ .catalog-list .catalog .add-card .sale-class-input, .sale-gift-basket__sale-class-input, .catalog-product .catalog .add-card .sale-class-input, .sale-giff-basket__catalog-product .catalog .add-card .sale-class-input{ color: #fafafa; font-size: 14px; background-position: 4px 7px; font-family: Roboto-Medium; background-color: #86af49; border: 1px solid #86af49; text-transform: uppercase; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; float: right; vertical-align: top; cursor: pointer; transition: all 0.3s ease; } .catalog input.sale-gift-basket__sale-class-input { display:block !important; margin-top: 6px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: auto; float: none !important; text-align:center; } .catalog-list .catalog .type, .catalog-product .catalog .type{ font-size: 14px; line-height: 18px; color: #757575; } .sale-giff-basket__catalog-product .catalog .name{ font-size: 14px; line-height: 18px; color: #212121; min-height: 35px; max-height: 35px; margin-top: 5px; } .catalog-list .catalog .price-catalog, .catalog-product .catalog .price-catalog, .sale-giff-basket__catalog-product .catalog .price-catalog{ color: #757575; font-size: 16px; position: relative; padding: 3px 0 7px; display: inline-block; width: 100%; } .sale-giff-basket__catalog-product .catalog .price-catalog span{ color: #212121; font-size: 18px; margin: 0 !important; display: inline-block; } .catalog-list .catalog .price-catalog .fa-rub, .catalog-product .catalog .price-catalog .fa-rub{ color: #141517; font-size: 16px; vertical-align: baseline; } .list-popular{ margin: 0 auto; width: 100%; max-width: 1140px; } .list-popular .select { position: relative; display: inline-block; margin-left: 9%; margin-bottom: 9px; } .list-popular .add-card span { color: #212121; font-size: 20px; font-family: Roboto-Regular; } .list-popular .add-card i { font-size: 16px; color: #757575; margin-left: 5px; } .list-popular .select:after { content: ""; padding: 0 8px; font-size: 12px; position: absolute; right: 8px; top: 4px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box; background: url('/bitrix/templates/empty/css/main/../images/down-select.png') top 2px right no-repeat; } .list-popular .number-catalog { display: inline-block; } .list-popular .select select { padding-right: 25px; border: 0; color: #757575; font-size: 16px; outline: none; font-family: Roboto-Regular; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .list-popular .catalog-popular .number-catalog { border-bottom: 2px solid #86af49; display: none; vertical-align: bottom; margin-bottom: 9px; float: right; margin-right: 9%; margin-top: 13px; } .list-popular .catalog-popular .number-catalog p { float: left; } .list-popular .catalog-popular .number-catalog .but-img { float: left; margin-top: 3px; } .list-popular .catalog-popular .number-catalog img { display: block; margin-left: 10px; } .list-popular .catalog-popular .number-catalog img:nth-child(2) { margin-top: 2px; } .catalog-list .catalog .number-catalog, .catalog-product .catalog .number-catalog{ border: 1px solid #edecee !important; /*padding: 3px; margin-top: 1px;*/ background: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; /* top: 7px; right: 20px;*/ color: #141517; font-size: 16px; border-radius: 2px; } .catalog-list span.prop_cart { font-size: 12px; color: #6C6D79; } .prop_{width: 50%; float: left;} .catalog-list .catalog .number-catalog p, .catalog-product .catalog .number-catalog p{ float: left; } .catalog-list .catalog .number-catalog .but-img, .catalog-product .catalog .number-catalog .but-img{ float: left; margin-top: -1px; cursor: pointer; } .catalog-list .catalog .number-catalog .but-img img, .catalog-product .catalog .number-catalog .but-img img{ transition: all 0.3s ease; } .catalog-list .catalog .number-catalog .but-img img:hover, .catalog-product .catalog .number-catalog .but-img img:hover{ opacity: 0.8; } .catalog-list .catalog .number-catalog img, .catalog-product .catalog .number-catalog img{ display: block; /*margin-left: 10px;*/ margin-left: 4px; margin-right: 4px; box-sizing: content-box; } .catalog-list .catalog .number-catalog img:nth-child(2), .catalog-product .catalog .number-catalog img:nth-child(2){ margin-top: 2px; } .list-popular .catalog-popular .price-catalog i, .list-product .catalog-popular .price-catalog i{ color: #757575; font-size: 16px; padding-left: 5px; margin-top: 14px; margin-bottom: 13px; } .list-popular{ margin: 0 auto; width: 100%; max-width: 1140px; margin-top: 8px; } .list-popular .catalog-popular { background-color: #fafafa; -webkit-box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); margin-top: 32px; position: relative; } .list-popular .add-card { position: absolute; left: 0; width: 100%; z-index: 1; background-color: #fafafa; -webkit-box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); box-shadow: 0 5px 8px 0px rgba(120, 120, 120, 0.24); } .list-popular .add-card .price-catalog { /*margin-left: 9%;*/ } .list-popular .catalog-popular .name-product { margin-left: 9%; } .list-popular .catalog-popular .add-card .add-class-input { color: #86af49; font-size: 14px; font-family: Roboto-Medium; background-color: transparent; border: 1px solid #86af49; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; padding-top: 12px; padding-bottom: 12px; padding-left: 10px; padding-right: 12px; margin-top: 3px; margin-bottom: 23px; margin-left: 9%; } .list-popular .catalog-popular .add-card .sale-class-input, .sale-gift-basket__sale-class-input { color: #fafafa; font-size: 14px; font-family: Roboto-Medium; background-color: #86af49; border: 1px solid #86af49; text-transform: uppercase; border-radius: 3px; padding-top: 12px; padding-bottom: 12px; padding-left: 16px; padding-right: 16px; margin-top: 3px; margin-bottom: 23px; margin-left: 10%; float: right; margin-right: 9%; } .list-popular .catalog-popular .type { font-size: 16px; color: #757575; font-family: Roboto-Regular; margin-top: 20px; } .list-popular .catalog-popular .name { font-size: 18px; color: #212121; font-family: Roboto-Regular; margin-top: 8px; } .list-popular .catalog-popular .price-catalog { color: #757575; font-size: 16px; font-family: Roboto-Regular; } .catalog-list .catalog-popular .price-catalog span { color: #212121; font-size: 20px; } .list-popular .catalog-popular.price-catalog i { color: #757575; font-size: 16px; padding-left: 5px; margin-top: 14px; margin-bottom: 13px; } .sale-giff-basket__catalog-product .catalog .add-card{ position: relative; height: 42px; transition: all 0.2s ease; } .catalog input, .catalog .number-catalog{ /*opacity: 0; display: none;*/ transition: all 0.3s ease; } .catalog:hover input, .catalog:hover .number-catalog{ opacity: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .catalog-list .catalog .price-catalog, .catalog-product .catalog .price-catalog{ padding-left: 0; padding-right: 0; width: 100%; } .price-catalog .old-price-block { position: absolute; margin-left: 90px; margin-top: 19px; } @media screen and (max-width: 1023px){ .catalog-list .catalog, .catalog-product .catalog-container{ } .catalog-list .catalog .name-product, .catalog-product .catalog .name-product{ padding-bottom: 0; } .catalog-list .catalog .add-card, .catalog-product .catalog .add-card{ position: relative; height: auto; overflow: unset !important; } .catalog-list .catalog:hover:before, .catalog-product .catalog-container:hover:before{ bottom: 0; } .catalog-list .catalog .price-catalog, .catalog-product .catalog .price-catalog{ padding-left: 0; padding-right: 0; width: 100%; } .catalog .add-card form{ padding-left: 0; padding-right: 0; } .catalog input, .catalog .number-catalog{ opacity: 1; display: block; } } .profitable .title-profitable { text-align: center; margin-top: 85px; text-transform: uppercase; color: #212121; font-size: 24px; font-family: Roboto-Regular; margin-bottom: 33px; font-weight: normal; } .profitable-grid { display: block; margin: 0 auto; width: 100%; text-align: center; } .profitable .profitable-col { text-align: center; position: relative; display: inline-block; vertical-align: top; margin: 30px; margin-top: 0; } .profitable .profitable-col a{ display: block; } .profitable .profitable-col img { margin: 0 auto; display: block; } .profitable .profitable-col p { font-size: 18px; color: #212121; font-family: Roboto-Regular; margin-top: 15px; } .profitable-pic{} .profitable-pic svg{ display: block; width: auto; height: auto; max-height: 70px; margin: 0 auto; } .profitable-pic svg path, .profitable-pic svg rect, .profitable-pic svg clipPath, .profitable-pic svg line{ transition: all 0.3s ease; } a:hover .profitable-pic svg path{} /*list*/ .city { /* Size & position */ position: relative; width: 170px; /*margin: 0 auto;*/ /*padding: 12px 15px;*/ /* Styles */ /*background: #fff;*/ /*border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2);*/ cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 1; } .city:hover .dropdown { -webkit-box-shadow: 4px 37px 37px -1px rgba(120, 120, 120, 0.24); box-shadow: 4px 37px 37px -1px rgba(120, 120, 120, 0.24); } .city .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; z-index: 1; /* Styles */ background: #fafafa; /*border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2);*/ border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; } .city .dropdown li { padding: 0 10px ; } .city .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; /*transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea;*/ } .city .dropdown li:last-of-type a { border: none; } .city .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } /* Hover state */ .city .dropdown li:hover a { color: #57a9d9; } /* Active state */ /*.city.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; }*/ .city.active .dropdown { max-height: 400px; } /*list*/ .header .enter { text-align: center; } .header input { border: 0; border-bottom: 1px solid #86af49; outline: none; color: #757575; font-size: 16px; font-family: Roboto-Regular; padding-top: 19px; width: 70%; padding-left: 7px; display: block; margin: 0 auto; } .header .dropdown li { color: #212121; font-size: 16px; font-family: Roboto-Regular; padding-left: 16%; padding-top: 6px; padding-bottom: 4px; } .header .dropdown li:hover { background-color: #d7e3c5; } .current-fast-serch { color: #8FBC62; padding-bottom: 12px; } .current-fast-serch p { color: #212121; } @media screen and (max-width: 480px) { .current-fast-serch { padding-bottom: 4px; } } .fast-serch-2, .fast-serch-3, .fast-serch-4, .fast-serch-5 { display: none; } .catalog-popular-2, .catalog-popular-3 { display: none; } /*---*/ .menu-down .nav > ul > li{ display: inline-block; vertical-align: top; position: relative; font-size: 18px; color: #212121; text-transform: uppercase; } .menu-down .nav > ul > li > a{ display: block; position: relative; z-index: 3; padding-left: 20px; padding-right: 20px; padding-top: 9px; padding-bottom: 9px; border-radius: 3px 3px 0 0; transition: all 0.3s ease; } .menu-down .nav > ul > li:hover > a{ background-color: #86af49; } @media screen and (max-width: 1160px){ .menu-down .nav > ul > li{ font-size: 16px; } .menu-down .nav > ul > li > a{ padding-left: 15px; padding-right: 15px; } } .menu-down .box-list{ position: absolute; z-index: 1; top: 100%; left: 0; background-color: #86af49; border-radius: 0 3px 3px 3px; width: 380px; padding: 10px 0; font-size: 16px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.24); } .menu-down .box-list.brendy{ width: 480px; } .menu-down .box-list{ left: -99999px; opacity: 0; transition: opacity 0.3s ease; } .menu-down .nav > ul > li:hover .box-list{ left: 0; opacity: 1; } .menu-down .box-list:after{ content: ''; display: block; float: none; clear: both; } .menu-down .box-list li{ display: block; float: left; width: 50%; text-align: left; } .menu-down .box-list.brendy li{ width: 33.33%; } .menu-down .box-list li a{ display: block; padding-left: 25px; padding-right: 25px; padding-top: 7px; padding-bottom: 9px; transition: all 0.3s ease; } .menu-down .box-list li a:hover, .menu-down .box-list li.item-selected a{ background-color: #d7e3c5; color: #212121; } .menu-down .box-list li ul{ display: none; } .fa-search:before { color: #fff !important; } .fa-search{ position: relative; z-index: 10; padding-top: 9px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; border-radius: 100px; background-color: #fff; border: unset; cursor: pointer; transition: all 0.3s ease; } .fa-search:hover, .serch .fa-search{ background-color: unset; } .fa-search:before{ color: #86af49 !important; transition: all 0.3s ease; } .fa-search:hover:before, .serch .fa-search:before{ } .list-li-box2 { frid-area: list-li-box2; margin-right: 30%; margin-top: 20px; } .col-filter { outline: none; padding-bottom: 18px; } .grade { border-bottom: 2px solid #86af49; width: 80%; margin: 0 auto; text-align: center; padding-bottom: 4px; outline: none; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .grade p { display: inline-block; color: #212121; font-size: 18px; font-family: Roboto-Regular; width: 100%; padding-top: 8px; } .grade i { color: #757575; font-size: 18px !important; line-height: 18px; float: right; } .filter .col-filter.toggle_active i{ transform: rotateX(180deg) translateY(-3px); } .list-slide { position: relative; } .button-slide { position: absolute; z-index: 1; width: 100%; } .button-slide .left-but controls { padding-left: 55%; } .button-slide i { display: inline-block; } .slides-block { position: relative; } .slides-block .button-slide i { display: inline-block; position: absolute; color: #86af49; font-size: 60px; } .slides-block .button-slide #next { left: 0; margin-top: 18%; z-index: 1; margin-left: 20%; cursor: pointer; } .slides-block .button-slide #previous { margin-right: 20%; right: 0; margin-top: 16%; z-index: 1; cursor: pointer; } .slide1 { display: none; } .catalog input { /* display: none !important;*/ color: #141517; font-size: 16px; } .catalog input.sale-class-input{ display: none !important;} .number-catalog input { float: left; margin-right: 3px; margin-left: 2px; } .catalog-popular input { display: none; } .list-popular .catalog-popular { background-color: #fafafa; -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); margin-top: 32px; position: relative; } @media screen and (max-width: 1200px) { .list-popular .catalog-popular { margin-top: 64px; } .wrapper { padding: 0 25px; } .one_line_pic, .two_line_pic { padding: 0 25px; } .main-catalog { padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .breadcrabs { padding-left: 12px; } } @media screen and (max-width: 479px) { .menu-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wrapper { padding: 0 0px; } .one_line_pic, .two_line_pic { padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-down:after { content: none; display: flex; justify-content: space-between; } .icon-search { margin-right: 0; } .right-col.desktop { display: none; } .menu-down .right-col .basket { margin-left: 0; } .brandy_banner.link img { display: none; } } .filter-price .line-price { position: relative; } .filter-price .line-price .left-circle-price { width: 14px; height: 14px; background-color: #86af49; position: absolute; -webkit-border-radius: 100px; border-radius: 100px; top: -2px; left: 0; cursor: move; } .filter-price .line-price .right-circle-price { width: 14px; height: 14px; background-color: #86af49; position: absolute; -webkit-border-radius: 100px; border-radius: 100px; top: -2px; right: 0; cursor: move; } /*UI*/ #slider { width: 100%; } .slider1 { max-width: unset!important; /*overflow-x: hidden;*/ overflow: hidden; } .ui-slider { position: relative; width: 88%; margin-left: 6%; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; cursor: pointer; background-color: #86af49; -webkit-border-radius: 100px; border-radius: 100px; outline: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden; } .ui-slider-horizontal { height: 2px; margin-top: 4px; } .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -6px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-widget-content { background: #86af49; } .ui-widget-header { background: #86af49; } .ui-corner-all { -webkit-border-radius: 4px; border-radius: 4px; } /*UI*/ /*slider*/ .slider { float:left; width: 100%; height: 460px; position:relative; /*padding-bottom:26px;*/ z-index: 0; } .sliderContent { float:left; width:100%; height: 460px; clear:both; position:relative; overflow:hidden; } .sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(/bitrix/templates/empty/css/main/../gfx/prev_next.png); width:42px; height:42px; position:absolute; top:50%; margin-top:-34px; } .prev { background-position:0 0; left: 20%; } .prev:hover { background-position:0 -44px; } .next { right: 20%; background-position:-44px 0; } .next:hover { background-position:-44px -44px; } .sliderContent .item { position:absolute; width: 100%; height: 460px; background:#fff; } .sliderContent .item img { width: 100%; } .sliderBullets { position:absolute; bottom:0; left:50%; z-index:50; margin-left:-45px; bottom: 25px; } .sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; margin-left:5px; width:15px; height:15px; background:url(/bitrix/templates/empty/css/main/../gfx/bullets.png) no-repeat; margin-left: 8px; margin-right: 8px; } .sliderBullets .active { background-position:0 -16px; } .sliderContent a { outline:none; } /*slider*/ /*filter price*/ #minCost { font-size: 18px; font-family: Roboto-Regular; color: #212121; border: 0; background-color: transparent; display: inline-block; outline: none; width: 23%; text-align: right; } #maxCost { font-size: 18px; font-family: Roboto-Regular; color: #212121; border: 0; background-color: transparent; display: inline-block; outline: none; width: 23%; } .price-range-text { color: #757575; font-size: 14px; margin-top: 10px; position: absolute; width: 100%; left: 0; } /*filter price*/ /*Чекбокс filter*/ /* Скрываем реальный чекбокс */ .checkbox { display: none; } /* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */ .checkbox-custom { position: relative; /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */ width: 16px; /* Обязательно задаем ширину */ height: 16px; /* Обязательно задаем высоту */ background: url(/bitrix/templates/empty/css/main/../images/rectangle.svg) center center no-repeat; } /* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */ .checkbox-custom, .label { display: inline-block; vertical-align: middle; } /* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу */ .checkbox:checked + .checkbox-custom:before { content: ""; /* Добавляем нашпсевдоэлемент */ display: block; /* Делаем его блочным элементом */ position: absolute; /* Позиционируем его абсолютным образом */ /* Задаем расстояние от верхней, правой, нижней и левой границы */ top: 0px; right: 0px; bottom: 0px; left: 0px; background: url(/bitrix/templates/empty/css/main/../images/check.svg) center center no-repeat; } .col-filter .dropdown { padding-top: 22px; } .col-filter .dropdown label { padding-left: 28px; float: left; margin-bottom: 17px; } .col-filter .dropdown p { display: inline-block; font-size: 16px; color: #757575; font-family: Roboto-Regular; } .col-filter .dropdown label p { margin-left: 17px; } /*Чекбокс filter*/ /*page tea*/ .main-catalog .main-catalog-filter .kind.active_div { margin-bottom: 0px; } .main-catalog .main-catalog-filter .kind { margin-bottom: 10px; } .top-title-bg { background-color: #fff; } .top-title{ position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 16px 0; min-height: 30px; } .top-title .crumbs{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 310px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._can-no-title .top-title .crumbs{ max-width: 999px; } .top-title .crumbs .action_link { font-size: 14px; } .top-title .crumbs>div{ display: inline-block; } .top-title .crumbs a { font-size: 14px; color: #000000; border-bottom: 1px #000000 dotted; text-decoration: unset; display: inline-block; margin: 0; } .top-title .crumbs a:hover{ text-decoration: none; color:#8753ee; border-bottom: 1px #8753ee dotted; } .top-title .crumbs i { display: inline-block; font-size: 14px; color: #757575; margin: 0; padding: 0; padding-left: 5px; padding-right: 5px; } .top-title .text-title{ padding: 0 310px; text-align: center; } .top-title .text-title p { font-size: 32px; text-transform: uppercase; color: #212121; } .top-title .text-title h1{ font-weight: normal; font-size: 25px; text-transform: uppercase; color: #212121; } .top-title .crumbs .current { /*color: #757575; text-decoration: none;*/ } @media screen and (max-width: 1125px) { .top-title{ margin-left: 10px; margin-right: 10px; width: auto; } @media screen and (max-width: 1159px) { .top-title{ margin-left: 10px; margin-right: 10px; width: auto; } } } @media screen and (max-width: 1159px) { .top-title{ margin-left: 10px; margin-right: 10px; width: auto; } } @media screen and (max-width: 1023px){ .top-title{ padding: 25px 0; } .top-title .text-title { padding: 0; text-align: left; } .top-title .crumbs { position: relative; left: auto; top: auto; transform: translateY(0); max-width: none; margin-bottom: 10px; } } .main-catalog, .tabs-area{ width: 100%; /*max-width: 1160px;*/ max-width: 1205px; margin: 0 auto; margin-top: 50px; } .main-catalog:after,.tabs-area:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .main-catalog .main-catalog-common { display: inline-block; width: calc(100% - 300px); } .catalog-product, .sale-giff-basket__catalog-product, .main-catalog .main-catalog-filter{ display: inline-block; vertical-align: top; } .num_product { display: none; } .sbros_product { display: none; } .sort .active { color: #8753EE; box-shadow: unset; } .b_filter { font-weight: bold; font-family: 'HelveticaNeueCyr'; font-size: 14px; margin-bottom: 14px; color: #141517; } .main-catalog .main-catalog-filter { width: 245px; overflow: hidden; margin-top: -30px; float: left; } .main-catalog .main-catalog-filter:after { content: ''; display: table; clear: both; } .catalog-product{ width: 898px; width: calc(100% - 245px); padding-left: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-catalog .main-catalog-filter .title-filter { color: #757575; font-size: 16px; font-family: Roboto-Regular; text-transform: uppercase; } .main-catalog .main-catalog-filter .grade-filter { margin-top: 10px; } .main-catalog .main-catalog-filter .kind .grade-filter__item label{ margin-top: 0px; cursor: pointer; } .main-catalog .main-catalog-filter .grade-filter__item{ display: block; color: #212121; font-size: 16px; padding-top: 8px; padding-bottom: 8px; padding-left: 4%; } .main-catalog .main-catalog-filter .grade-filter__item:hover, .main-catalog .main-catalog-filter .grade-filter__item._checked{ cursor: pointer; background-color: #d7e3c5; } .main-catalog .main-catalog-filter .grade-filter__item .checkbox-custom{ visibility: hidden; display: none; } .main-catalog .main-catalog-filter .grade-filter__item input[type=checkbox]{ visibility: hidden; } .main-catalog .main-catalog-filter .grade-filter a { display: block; color: #212121; font-size: 16px; padding-top: 8px; padding-bottom: 8px; padding-left: 4%; } .main-catalog .main-catalog-filter .grade-filter .current-grade { color: #86af49; border-left: 2px solid #86af49; } .main-catalog .main-catalog-filter .grade-filter a:hover { background-color: #d7e3c5; } .main-catalog .main-catalog-filter .kind { } .main-catalog .main-catalog-filter .kind .title-kind { color: #757575; font-size: 16px; font-family: 'HelveticaNeueCyr'; display: block; margin: 0; text-transform: uppercase; } .main-catalog .main-catalog-filter .kind label { /*display: block;*/ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .main-catalog .main-catalog-filter .kind p { display: inline; vertical-align: middle; color: #757575; font-size: 16px; font-family: 'HelveticaNeueCyr'; } /* .main-catalog .catalog-product { width: 100%; position: relative; } .main-catalog .catalog-product { display: grid; grid-template-columns: 1fr 1fr 1fr; position: relative; grid-gap: 30px; padding-bottom: 186px; } .main-catalog .catalog { background-color: #fafafa; -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); } */ @media screen and (max-width: 1200px) { /*.main-catalog .catalog-product { grid-template-columns: 1fr 1fr; }*/ .catalog-container{} } .main-catalog { position: relative; max-width: 1205px; width: 100%; } .main-catalog .main-catalog-filter > i{ display: none; } @media screen and (max-width: 767px) { /*.main-catalog { display: block; } .main-catalog .catalog-product { grid-template-columns: 1fr 1fr; grid-template-areas: "catalog-q catalog-q"; }*/ .main-catalog .main-catalog-filter { position: fixed; z-index: 250; overflow: hidden; top: 0; bottom: 0; padding-top: 15px; left: -130%; width: 100%; top: 0; background-color: #fafafa; box-shadow: 0px 39px 56.4px 3.6px rgba(0, 0, 0, 0.24),0px 15px 79.38px 1.62px rgba(0, 0, 0, 0.16); } .main-catalog .main-catalog-filter > i { position: absolute; top: 13px; right: 2%; display: block; } } @media screen and (max-width: 570px) { /*.main-catalog .catalog-product { grid-template-columns: 1fr ; grid-template-areas: "catalog-q"; }*/ } .main-catalog .main-catalog-filter .left-tablet { position: relative; } .main-catalog .main-catalog-filter .left-tablet .tablet-but-hover #right-catalog-but { position: absolute; right: -16px; top: 37%; display: none; } @media screen and (max-width: 768px) { .box_rules_info { color: #bdbdbd; margin: 0 40px!important; width: calc(100% - 60px); font-size: 10px; } .main-catalog .main-catalog-filter .left-tablet .tablet-but-hover #right-catalog-but { display: block; } .slider_mobile { height: 62vw; } .slider_mobile .slick-list, .slider_mobile .slick-track { height: 100% !important; } .no-wishlist { text-align: left; padding: 0 0 40px; } .no-wishlist__title { font-size: 20px; } } .main-catalog .sort p { display: inline-block; color: #757575; font-size: 14px; line-height: 16px; } .main-catalog .sort .select { position: relative; display: inline-block; border-bottom: 2px solid #86af49; margin-left: 11px; } .main-catalog .sort .button-filter { display: none; } .main-catalog .sort .button-filter i{ padding-top: 11px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; border-radius: 3px; color: #fafafa; margin-left: 4%; background-color: #86af49; transition: all 0.3s ease; cursor: pointer; } .main-catalog .sort .button-filter:hover i{ background-color: #6e903c; } .main-catalog .select:after { content: ""; padding: 0 8px; font-size: 12px; position: absolute; right: 8px; top: 4px; z-index: 0; text-align: center; width: 10%; height: 100%; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/bitrix/templates/empty/css/main/../images/down-select.png) top 2px right no-repeat; } .main-catalog .select select { padding-right: 25px; border: 0; color: #757575; font-size: 16px; outline: none; font-family: 'HelveticaNeueCyr'; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fafafa; } .main-catalog .catalog-container .image-product { margin: 0 auto; width: 100%; } /*page tea*/ /*page card product*/ .card{ width: 100%; margin: 0 auto; max-width: 1140px; font-size: 0px; line-height: 0px; padding-top: 60px; position: relative; } .card:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .card .card-slide, .description-card{ display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%; font-size: 14px; } .card .card-slide{} .card .card-slide .full-images { text-align: center; } .card .card-slide .min-images img {} .card .card-slide .full-images > a{ display: block; } .card .card-slide .full-images > a + a{ display: none; } .card .card-slide .full-images > a.active{ display: block; box-shadow: none; } .card .card-slide .full-images > a.hidden{ display: none; } .description-card .name-card { font-size: 32px; line-height: 32px; color: #212121; margin-bottom: 10px; } .description-card .art{ color: #757575; font-size: 14px; line-height: 16px; margin-bottom: 10px; } .description-card .art b{ padding-right: 5px; } .description-card .price i { margin-left: 5px; color: #757575; font-size: 16px; line-height: 18px; padding: 0; } .description-card .price .price-word { color: #757575; font-size: 14px; } .description-card .price { color: #141517; font-size: 24px; line-height: 26px; font-family: 'HelveticaNeueCyr'; font-weight: bold; margin-bottom: 15px; display: inline-block; vertical-align: bottom; font-weight: bold; } .description-card .extent{ margin-bottom: 20px; } .description-card .extent .title-extent { color: #757575; font-size: 16px; line-height: 18px; display: block; border-bottom: 0; } .description-card .extent { color: #757575; } .description-card .extent p { display: inline-block; font-size: 16px; line-height: 18px; margin-bottom: -1px; } .description-card .current-extent { border-bottom: 2px solid #86af49; color: #212121; } .description-card .list-extent { border-bottom: 1px solid #bdbdbd; width: auto; max-width: 375px; margin-top: 3px; } .description-card .list-extent p{ cursor: pointer; padding: 1px 5px; } .description-card .scope .title-scope { color: #757575; font-size: 16px; line-height: 18px; margin-bottom: 4px; } .scope { display: block; width: 100%; } .add-to-cart .sign-and { position: relative; width: 31px; } .add-to-cart .sign-and span { font-size: 18px; color: #757575; font-weight: bold; position: absolute; left: 12px; bottom: 9px; } .add-to-cart.content-basket .sign-and span { bottom: 1px; left: 11px; } .add-to-cart.add-card .sign-and { width: 20px; } .add-to-cart.add-card .sign-and span { left: 7px; bottom: -6px; } .add-to-cart .select { position: relative; display: inline-block; margin-top: 0px; } .add-to-cart .select:after { content: ""; padding: 0 8px; font-size: 12px; position: absolute; right: 4px; top: 8px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/bitrix/templates/empty/css/main/../images/down-select.png) top 3px right no-repeat; } .add-to-cart .select select { padding-right: 25px; border: 0; color: #141517; font-size: 16px; background-color: #fff; outline: none; -webkit-appearance: none; -moz-appearance: none; border-bottom: 2px solid #86af49; cursor: pointer; } .scope .catalog-popular .number-catalog { border-bottom: 2px solid #86af49; display: none; vertical-align: bottom; margin-bottom: 9px; float: right; margin-right: 9%; margin-top: 13px; } .scope .number-catalog{ line-height: 18px; } .scope .number-catalog input { float: left; width: 59%; border: 0; color: #757575; outline: none; font-size: 16px; font-family: 'HelveticaNeueCyr'; } .scope .number-catalog { overflow: hidden; width: 80px; display: inline-block; border-bottom: 2px solid #86af49; } .scope .number-catalog .but-img { float: right; margin-top: 4px; } .scope .number-catalog img { display: block; margin-right: 5px; } .scope .number-catalog img:nth-child(2) { margin-top: 2px; } .scope .number-catalog.box_add_q input { text-align: center; } .scope .input { margin-top: 25px; } .scope .input input { -webkit-border-radius: 2px; border-radius: 2px; } .scope .input input{ margin-bottom: 10px; cursor: pointer; transition: all 0.3s ease; } .scope .input > input:nth-child(1) { background-color: #86af49; padding-top: 14px; padding-bottom: 12px; padding-left: 19px; padding-right: 19px; color: #fafafa; font-size: 14px; font-family: Roboto-Medium; text-transform: uppercase; border: 0; margin-right: 25px; } .scope .input input:nth-child(2) { border: 1px solid #86af49; color: #86af49; background-color: transparent; font-size: 14px; font-family: Roboto-Medium; text-transform: uppercase; padding-top: 14px; padding-bottom: 12px; padding-left: 19px; padding-right: 19px; } .description-card .features-card { margin-top: 50px; border-bottom: 1px solid #bdbdbd; } .description-card .features-card p{ display: inline-block; font-size: 18px; line-height: 20px; color: #424242; padding-left: 1px; padding-right: 1px; padding-bottom: 15px; margin-right: 15px; margin-bottom: -1px; cursor: pointer; } @media screen and (max-width: 430px){ .description-card .features-card p{ margin-bottom: 15px; } } .current-features { border-bottom: 2px solid #86af49; } .description-card .features-text { margin-top: 13px; } .description-card .features-text p { color: #757575; font-size: 16px; font-family: Roboto-Regular; line-height: 27px; } .features-slide2 { display: none; } .features-slide3 { display: none; } .gallery-catalog-card {} .gallery-catalog-card .recommendations-gallery .title-recommendations { color: #757575; font-size: 24px; line-height: 26px; padding-right: 70px; margin-top: 55px; } .gallery-catalog-card .recommendations-gallery { position: relative; } .gallery-catalog-card .recommendations-gallery .button-gallery-catalog { position: absolute; top: 0; right: 0; } .gallery-catalog-card .recommendations-gallery .button-gallery-catalog i { font-size: 30px; color: #86af49; padding-right: 0; padding-left: 10px; cursor: pointer; transition: all 0.3s ease; } .col-catalog { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; } .col-catalog-two { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; } @media screen and (max-width: 1159px){ .gallery-catalog-card .recommendations-gallery .title-recommendations{ margin-left: 10px; margin-right: 10px; } .gallery-catalog-card .recommendations-gallery .button-gallery-catalog{ right: 10px; } } .col-catalog2 { display: none; } .col-catalog-two2 { display: none; } .col-catalog3 { display: none; } .col-catalog-two3 { display: none; } .gallery-catalog-card:nth-child(2) { padding-top: 1%; } .card-slide .full-images img:nth-child(2) { display: none; } .card-slide .full-images img:nth-child(3) { display: none; } .card-slide .full-images img:nth-child(4) { display: none; } /*page card product*/ /*page card sale*/ .card-sale { display: grid; grid-template-columns: 2fr 2fr 0.8fr; grid-template-areas: "card-slide description-card sale-catalog" "gallery-catalog-card gallery-catalog-card gallery-catalog-card"; width: 100%; margin: 0 auto; grid-gap: 30px; max-width: 1140px; } .card-sale .sale-catalog { grid-area: sale-catalog; margin-top: 61px; border-left: 1px solid #dbdbdb; padding-left: 9%; } .card-sale .sale-catalog .sale-title { font-size: 18px; font-family: Roboto-Regular; color: #757575; } .card-sale .card-slide { grid-area: card-slide; margin-top: 67px; } .card-sale .card-slide .full-images { text-align: center; } .card-sale .card-slide .full-images img { width: 100%; } .sale-catalog .row-sale { text-align: center; margin-top: 22px; background-color: #fafafa; cursor: pointer; -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); } .sale-catalog .row-sale img { margin-top: 7px; } .sale-catalog .row-sale .name { font-size: 14px; color: #212121; font-family: Roboto-Regular; padding-top: 18px; } .sale-catalog .row-sale .price { font-size: 16px; font-family: Roboto-Regular; color: #212121; margin-top: 7px; text-decoration: none; padding-bottom: 12px; } .sale-catalog .row-sale i { font-size: 16px; color: #757575; padding: 0; margin-left: 4px; } .sale-catalog .row-sale .price span { font-size: 16px; font-family: Roboto-Regular; color: #757575; text-decoration: line-through; } .sale-catalog .row-sale:hover .text-row-sale { background-color: #86af49; } .sale-catalog .row-sale:hover .name { color: #fafafa; } .sale-catalog .row-sale:hover .price { color: #fafafa; } .sale-catalog .row-sale:hover .price i { color: #fafafa; } .sale-catalog .row-sale:hover .price span { color: #fafafa; } .card-sale .card-slide .min-images img { margin-left: 2%; margin-right: 2%; margin-top: 38px; width: 20.2%; } @media screen and (max-width: 1125px) { .card-sale .card-slide .min-images img { margin-left: 1%; margin-right: 1%; } } .card-sale .card-slide .full-images img:nth-child(2) { display: none; } .card-sale .card-slide .full-images img:nth-child(3) { display: none; } .card-sale .card-slide .full-images img:nth-child(4) { display: none; } @media screen and (max-width: 1158px) { .card-sale { grid-template-columns: 2.5fr 1fr; grid-template-areas: "card-slide sale-catalog" " description-card description-card" "gallery-catalog-card gallery-catalog-card"; } .card-sale .card-slide .full-images { width: 74%; margin: 0 auto; } .card-sale .card-slide .min-images { max-width: 74%; margin: 0 auto; } .sale-catalog .row-sale { margin-right: 10%; } } @media screen and (max-width: 791px) { .card-sale { grid-template-columns: 1fr; grid-template-areas: "card-slide" " description-card" "sale-catalog" "gallery-catalog-card" } .sale-catalog .row-sale { display: inline-block; width: 28%; margin-left: 1%; margin-right: 1%; } } @media screen and (max-width: 655px) { .sale-catalog .row-sale { width: 46%; margin-left: 20%; } .card-sale .sale-catalog .sale-title { margin-left: 20%; } } /*page card sale*/ /*list-basket*/ .list-basket{ display: table; width: 100%; margin: 0 auto; max-width: 1140px; } .list-basket:nth-child(1){ margin-top: 55px; } .common .one-col .title-col-basket { display: none; } .list-basket .col-basket{ position: relative; display: table-cell; vertical-align: middle; width: 25%; border-bottom: 1px solid #dbdbdb; margin: 0; padding: 0; padding-left: 10px; padding-right: 10px; padding-top: 54px; padding-bottom: 20px; } .list-basket + .list-basket .col-basket{ padding-top: 20px; } .list-basket .col-basket:nth-child(1){ width: 50%; } .list-basket .col-basket:nth-child(2){ width: 30%; } .list-basket .col-basket:nth-child(3){ width: 20%; } .list-basket .col-basket + .col-basket{ text-align: center; } .list-basket .col-basket .content-basket{ position: relative; display: inline-block; } .list-basket .col-basket.one-col .content-basket{ display: table; } .list-basket .col-basket.one-col .content-basket > a, .list-basket .col-basket.one-col .content-basket .text{ display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; } .list-basket .col-basket.one-col .content-basket > a > img{ display: block; max-width: 90%; max-height: 90%; margin: 0 auto; } .list-basket { position: relative; } .list-basket .fa-times{ padding-left: 5px; padding-right: 10px; } .title-col-basket{ position: absolute; top: 0; left: 0; right: 0; color: #757575; border-bottom: 1px solid #dbdbdb; font-size: 18px; text-transform: uppercase; padding-bottom: 10px; width: 100%; } .list-basket .col-basket:nth-child(1) .title-col-basket{ padding-left: 20px; } .list-basket .del{} .list-basket .del + a{ display: block; min-width: 115px; } .list-basket .col-basket .content-basket .text{} .list-basket .col-basket .content-basket .but-img{ margin-left: 15px; } .list-basket .col-basket .content-basket .text .type { color: #757575; font-size: 14px; display: block; } .list-basket .col-basket .content-basket .text .name { color: #212121; font-size: 18px; margin-top: 7px; } .list-basket .col-basket .content-basket .price { display: inline-block; color: #757575; font-size: 20px; font-weight: bold; } .list-basket .col-basket .content-basket .fa-rub { font-size: 16px; vertical-align: bottom; margin-bottom: 4px; padding-left: 3px; padding-right: 0; } .list-basket .col-price { text-align: center; } /*.list-basket .select { position: relative; display: inline-block; !*margin-top: 12px;*! margin-top: 7px; } .list-basket .select:after { content: ""; padding: 0 8px; font-size: 12px; position: absolute; right: 8px; top: 4px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/bitrix/templates/empty/css/main/../images/down-select.png) top 3px right no-repeat; } .list-basket .select select { padding-right: 25px; border: 0; color: #757575; font-size: 16px; background-color: #fafafa; outline: none; font-family: Roboto-Regular; -webkit-appearance: none; -moz-appearance: none; border-bottom: 2px solid #86af49; cursor: pointer; }*/ .col-basket .number-catalog{ display: inline-block; border-bottom: 2px solid #86af49; } .col-basket .number-catalog p{ float: left; } .col-basket .number-catalog input{ float: left; width: 20px; border: 0; color: #757575; outline: none; font-size: 16px; background-color: #fff; } .col-basket .number-catalog .but-img { float: right; margin-top: 5px; } .col-basket .number-catalog img { display: block; } .col-basket .number-catalog img:nth-child(2) { margin-top: 2px; } .list-basket .total .content-basket .price { color: #212121; } @media screen and (max-width: 680px){ .list-basket{ display: block; margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .list-basket:after{ content: ''; display: block; float: none; clear: both; } .list-basket .col-basket, .list-basket + .list-basket .col-basket, .list-basket .col-basket:nth-child(1), .list-basket .col-basket:nth-child(2), .list-basket .col-basket:nth-child(3){ display: block; box-sizing: border-box; float: left; width: 50%; padding-top: 54px; padding-bottom: 10px; } .list-basket .col-basket:nth-child(1){ width: auto; float: none; width: 100%; } .common .one-col .title-col-basket{ display: block; } .title-col-basket{ padding-top: 10px; width: auto; } } @media screen and (max-width: 400px){ .beono-basket .list-basket .col-basket { /*height: 120px;*/ height: auto; } .beono-basket .list-basket .col-basket:nth-child(1){ height: auto; } .beono-basket .add-to-cart .select { display: block; float: none; margin-bottom: 10px; } .beono-basket .add-to-cart .sign-and { display: none; } } .order{ position: relative; margin: 0 auto; max-width: 1140px; margin-top: 25px; text-align: right; } .order:after{ content: ''; display: block; float: none; clear: both; } .order .continue-order{/*, .order .info-order*/ float: left; padding-top: 50px; } .order .info-order{ padding: 50px 20px 0px 20px; display: flex; height: 43px; margin: auto; } @media screen and (min-width: 768px) { .order .info-order { width: calc(100% - 450px); } } .info-order__text { font-size: 14px; font-family: Roboto-Regular; color: #757575; margin:auto; } .order .promo-order{ display: inline-block; vertical-align: top; padding-top: 69px; margin-right: 15px; } .order .price-order{ display: block; vertical-align: top; text-align: left; float: right; } .order .col-order input { color: #86af49; font-size: 14px; font-family: Roboto-Medium; text-transform: uppercase; border: 1px solid #86af49; -webkit-border-radius: 3px; border-radius: 3px; padding-left: 16px; padding-right: 15px; padding-top: 12px; padding-bottom: 12px; background-color: transparent; cursor: pointer; transition: all 0.3s ease; } .order .col-order i { font-size: 24px; color: #757575; } .order .col-order input[type="text"] { border: 0; -webkit-border-radius: 0; border-radius: 0; border-bottom: 1px solid #bdbdbd; color: #212121; font-size: 16px; outline: none; text-transform: none; padding-bottom: 4px; padding-left: 0; padding-right: 0; padding-top: 0; display: inline-block; width: 235px; } .order .col-order p{ display: inline-block; font-size: 18px; color: #757575; text-transform: uppercase; } @media screen and (max-width: 1159px){ .order .continue-order, .order .promo-order, .order .price-order{ margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 779px){ .order .promo-order{ position: absolute; top: 0; left: 0; padding-top: 0; } .order .col-order input[type="text"]{ width: 170px; } } @media screen and (max-width: 439px){ .order{ text-align: left; } .order .continue-order, .order .promo-order, .order .price-order{ display: block; width: auto; float: none; margin-bottom: 25px; } .order .promo-order, .order .continue-order{ position: relative; top: auto; left: auto; padding-top: 0; } } .order .col-order p span { font-size: 20px; font-weight: bold; color: #212121; display: inline-block; } .order .col-order .fa-rub { font-size: 16px; color: #757575; vertical-align: baseline; } .order .col-order .issue{ display: block; color: #fafafa; font-size: 16px; font-family: Roboto-Medium; background-color: #86af49; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; padding: 12px 24px; margin-top: 20px; border: 1px solid #86af49; } .catalog-product-basket { display: grid; margin: 0 auto; width: 100%; grid-gap: 30px; max-width: 1140px; grid-template-columns: 1fr 1fr 1fr 1fr; padding-bottom: 115px; } .catalog-product-basket .catalog { background-color: #fafafa; -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); margin-top: 32px; position: relative; } @media screen and (max-width: 1200px) { .catalog-product-basket { grid-template-columns: repeat(3, 1fr); grid-gap: 0; } .catalog-product-basket .catalog { text-align: center; } .catalog-product-basket .catalog .name-product { text-align: left; } .catalog-product-basket .catalog { margin-top: 64px; } } @media screen and (max-width: 921px) { .catalog-product-basket { grid-template-columns: repeat(2, 2fr); } } @media screen and (max-width: 576px) { .catalog-product-basket { grid-template-columns: repeat(1, 1fr); grid-gap: 0; } } .mobile-menu { display: none; } .mobile-menu svg{ display: block; width: auto; height: auto; max-width: 80%; margin-left: 23px; margin-right: 23px; } .mobile-menu svg .logo1_st0{fill:#73AC55;} .mobile-menu svg .logo1_st1{fill:#3F3F3F;} .mobile-menu .bd-mobile-menu { box-sizing: border-box; background-color: #fafafa; height: 100%; padding-top: 25px; padding-bottom: 25px; } .mobile-menu .bd-mobile-menu img { margin-top: 23px; margin-left: 23px; } .mobile-menu .text-mobile-menu { margin-top: 10px; padding-bottom: 30px; } .mobile-menu .text-mobile-menu a { display: block; color: #757575; margin-top: 4px; font-size: 16px; font-family: 'HelveticaNeueCyr'; padding-left: 23px; padding-top: 7px; padding-bottom: 7px; } .mobile-menu .text-mobile-menu a:hover { border-left: 2px solid #86af49; color: #212121; } .mobile-menu { /*position: absolute;*/ position: fixed; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background-color: #fafafa; min-height: 100vh; /*height: auto;*/ height: 100vh; overflow: auto; } .mobile-menu .mobile-menu-bg { width: 30px; z-index: 100; right: 0; height: 30px; position: absolute; top: 0; } .icon-close { display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/shopping_cart.svg) no-repeat; } .mobile-menu .mobile-menu-bg i { margin-right: 11px; position: absolute; margin-top: 20px; top: 0.1%; right: 3%; color: #fafafa; padding: 0; display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/menu-close.svg) no-repeat; } .header .menu .menu-mobile { display: none; } @media (min-width: 993px) and (max-width: 1020px) { .header .account { display: none; } } @media screen and (max-width: 992px) {/*1100px*/ .header .menu ul { display: none; } .header .menu .menu-mobile { display: inline-block; } .header .account { display: none; } .header .menu { margin-top: 0; } .header .menu .menu-mobile p { margin-top: 3px; display: inline-block; font-size: 16px; font-family: Roboto-Regular; color: #757575; } .header .menu .menu-mobile i { font-size: 16px; color: #212121; padding-bottom: 4px; } .basket-text { display: none; } } @media screen and (max-width: 527px) { .header .number .fa-phone { display: none; } .header .city .fa-caret-down { padding-right: 0; } } @media screen and (max-width: 1052px) { .menu-down .nav li { padding-left: 0; } } .menu-down-mobile { display: none; margin-top: 17px; margin-left: 10px; margin-right: 10px; } @media screen and (max-width: 460px){ .menu-down-mobile { margin-top: 12px; } } .menu-down-mobile p { color: #212121; font-size: 18px; font-family: Roboto-Regular; text-transform: uppercase; display: inline-block; } .menu-down-mobile i { font-size: 16px; color: #86af49; padding-left: 4px; padding-right: 0; margin-top: 3px; } .menu-down-mobile-bg { position: absolute; width: 100%; top: 100%; background-color: #86af49; padding-bottom: 30px; display: none; } .menu-down-mobile-bg a { display: block; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; font-size: 18px; font-family: Roboto-Regular; color: #212121; text-transform: uppercase; } .menu-down-mobile-bg a.selected{ background-color: #73AC55; } .menu-down-mobile-bg a.inner_link{ font-size: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; } @media screen and (max-width: 1023px) {/*1100px*/ .menu-down-mobile { display: inline-block; } .menu-down .nav { display: none; } } @media screen and (max-width: 616px) { .menu-down .right-col .basket .basket-text { display: none; } } .content-basket p{ display: block; color: #757575; font-size: 16px; } .scope .number-catalog p{ display: inline-block; color: #757575; } .card .card-slide .min-images img{ width: 115px; height: auto; margin: 10px; cursor: pointer; } .card .card-slide .full-images{ margin: 10px; } .card .card-slide .full-images img{ width: auto; height: auto; max-width: 100%; max-height: 400px; } .card .card-slide .full-images img:nth-child(1) { margin: 0 auto; } .card .card-slide .full-images img:nth-child(2) { display: none; margin: 0 auto; } .card .card-slide .full-images img:nth-child(3) { display: none; margin: 0 auto; } .card .card-slide .full-images img:nth-child(4) { display: none; margin: 0 auto; } .catalog .add-card .add-class-input:hover { background-color: #86af49; color: #fafafa; } .add-card .counter-block:after { content: ''; display: table; clear: both; } .catalog-list .catalog .add-buttons input.add-class-input { display: none!important; } .add-card .counter-block .change-packaging { padding-right: 15px; } .add-card .add-buttons { position: absolute; width: 60px; height: 40px; right: 19px; bottom: -2px; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .add-card .add-buttons.active span { display: none; } .add-card .add-buttons:hover { width: 160px; } .add-card .add-buttons:hover .add_to_cart { padding: 0 20px 0 37px; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .add-card .add-buttons:hover span { display: block; margin-top: -4px; margin-right: 10px; } /*personal page*/ .menu-date{ margin: 0 auto; text-align: left; border-bottom: 1px solid #dbdbdb; margin: 0 auto; margin-top: 50px; margin-bottom: 35px; max-width: 1140px; } @media screen and (max-width: 1159px) { .menu-date{ max-width: none; margin-left: 10px; margin-right: 10px; } } .menu-date p { display: inline-block; color: #757575; font-size: 18px; text-align: center; padding-left: 29px; padding-right: 29px; text-transform: uppercase; cursor: pointer; } .menu-date p.current-fast-serch { color: #141517; } .menu-date .button1{ margin-top: -7px; transform: none; } .spoiler-head{ display: table; margin: 0 auto; width: 1140px; max-width: 100%; background-color: #eee; font-size: 16px; color: #757575; margin-bottom: 25px; cursor: pointer; position: relative; transition: all 0.3s ease; } @media screen and (max-width: 1159px){} .spoiler-head .fa-chevron-circle-down{ display: table-cell; vertical-align: middle; transition: all 0.3s ease; } .spoiler-head:hover { -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); } .spoiler-head span { color: #212121; } .spoiler-head .number-personal p{ display: inline-block; } .spoiler-head .number-personal:nth-child(1){} .spoiler-head .number-personal .fa-rub { color: #757575; font-size: 16px; padding: 0; } .spoiler-head .fa-chevron-circle-down{ font-size: 30px; color: #86af49; vertical-align: middle; } .active .spoiler-head .fa-chevron-circle-down{ transform: rotateX(180deg); } .number-personal{ display: table-cell; vertical-align: middle; min-width: 115px; padding: 20px 15px; } .number-ordering{} .number-date{} .number-status{} .number-payment{} .number-total{} .spoiler-head .number-personal{} .spoiler-body{ display: block; margin: 0 auto; width: 100%; max-width: 1140px; } .spoiler-body:after{ content: ''; display: block; float: none; clear: both; } .spoiler-body .col-condition{ display: block; box-sizing: border-box; float: left; font-size: 16px; color: #757575; background-color: #fff; } .spoiler-body .col-bg{} .spoiler-body .col-condition .condition-text{} .spoiler-body .col-condition p{} .spoiler-body .col-condition .condition-text p{ margin-bottom: 10px; } .spoiler-body .col-condition p i { font-size: 16px; } .spoiler-body .col-condition p span { color: #212121; } .spoiler-body .col-condition .again { display: inline-block; margin-top: 15px; margin-right: 20px; } .spoiler-body .col-condition .again input{ -webkit-border-radius: 3px; border-radius: 3px; background-color: #86af49; padding-left: 18px; padding-right: 18px; padding-top: 14px; padding-bottom: 11px; text-transform: uppercase; color: #fafafa; font-size: 14px; border: 0; font-family: 'HelveticaNeueCyr'; cursor: pointer; transition: all 0.3s ease; } .spoiler-body .col-condition .again input:hover{ background-color: #6e903c; color: #fafafa; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .spoiler-body .col-condition .refuse{ margin-top: 15px; display: inline-block; } .spoiler-body .col-condition .refuse input { -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent; padding-left: 13px; padding-right: 13px; padding-top: 14px; padding-bottom: 11px; text-transform: uppercase; color: #86af49; font-size: 14px; border: 1px solid #86af49; font-family: 'HelveticaNeueCyr'; cursor: pointer; transition: all 0.3s ease; } .spoiler-body .col-condition .refuse input:hover{ background-color: #86af49; color: #fafafa; } .spoiler-body .col-condition .title-condition{ padding: 5px 10px; } .spoiler-body .col-condition .title-condition p { font-size: 16px; color: #757575; padding-bottom: 6px; } .spoiler-body .condition{ background-color: #eeeeee; width: 40%; padding: 20px 25px; } .spoiler-body .first-col{ width: 25%; } .spoiler-body .col-date{ width: 20%; text-align: center; } .spoiler-body .col-summ{ width: 15%; } .spoiler-body .col-condition .row-condition { box-sizing: border-box; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 10px; } .spoiler-body .col-date .row-condition, .spoiler-body .col-summ .row-condition{ padding-top: 28px; padding-bottom: 28px; } .spoiler-body .col-condition .row-condition a { display: block; color: #86af49; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; text-decoration: underline; } .spoiler-body .col-condition .row-condition a:hover{ text-decoration: none; } .spoiler-body .col-condition .row-condition p { font-size: 16px; color: #757575; } .spoiler-body .col-condition .row-condition .data { color: #212121; font-size: 16px; } .spoiler-body .row-date p{} .spoiler-body .col-summ { text-align: center; } .spoiler-body .col-summ .title-condition { margin-left: 0; } .spoiler-body .col-condition .row-condition .sum { display: inline-block; color: #212121; } .spoiler-body .col-summ i { padding-right: 0; font-size: 16px; margin-left: 3px; } .information-order{ margin-bottom: 35px; } .information-order .spoiler-wrap{ box-shadow: none; } .condition-text__payment .separator:last-child, .number-payment__value .separator:last-child { display: none; } @media screen and (max-width: 1159px){} @media screen and (max-width: 1023px){ .spoiler-head{ padding: 10px 0; } .number-personal{ display: inline-block; box-sizing: border-box; padding: 10px 15px; } .number-ordering{ min-width: 145px; } .number-date{ min-width: 190px; } .number-status{ min-width: 300px; } .number-payment{ min-width: 250px; } .number-total{ min-width: 120px; } .spoiler-body .condition{ display: block; box-sizing: border-box; width: auto; float: none; } .spoiler-body .first-col{ width: 60%; } .spoiler-body .col-date{ width: 20%; } .spoiler-body .col-summ{ width: 20%; } } /*personal page*/ .catalog-basket{ max-width: 1140px; margin: 0 auto; } .catalog .add-card .sale-class-input:hover, .sale-gift-basket__sale-class-input:hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .spoiler-head:hover { -webkit-box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); } .shipping .row-shipping:hover { background-color: #d7e3c5; } .shipping .row-shipping:hover p { color: #212121; } .shipping .row-shipping:hover i { color: #212121; } /* .page-button-next .page-button:hover { background-color: #86af49; } .page-button-next .current { background-color: #86af49; color: #fafafa; } .page-button-next .page-button:hover p { color: #fafafa; } .page-button-next .page-button:hover i { color: #fafafa; } */ .gallery-catalog-card .recommendations-gallery .button-gallery-catalog i:hover { color: #6e903c; } .scope .input > input:nth-child(1):hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .sale_order_full_table input[name=BuyButton].sale-paysystem-yandex-button-item{ height: auto; } .sale_order_full_table input[name=BuyButton] { color: #fafafa; font-size: 16px; line-height: 20px; font-family: Roboto-Medium; background-color: #86af49; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; margin: 24px 0; padding: 12px 24px; border: none; transition: all 0.3s ease; cursor: pointer; } .sale_order_full_table input[name=BuyButton]:hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } /* input[name=Register] { color: #fafafa; font-size: 16px; font-family: Roboto-Medium; background-color: #86af49; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; padding: 12px 24px; border: none; cursor: pointer; transition: all 0.3s ease; } input[name=Register]:hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } */ .root-item-selected{ background-color: #86af49; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .otpravit:hover { background-color: #86af49!important; color: #fafafa!important; } .scope .input input:nth-child(2):hover { background-color: #86af49; color: #fafafa; } .content-basket .weight{ display: inline-block; vertical-align: top; border-bottom: 2px solid #86af49; } .catalog2 .catalog{ display: none; } .catalog1 .catalog{ display: none; } /*registration data*/ .registration-data, .coupon-input__container{ display: block; margin: 0 auto; max-width: 1140px; font-size: 0px; text-align: justify; } .registration-data { margin-top: 40px; } .coupon-input__container{ margin-top: 28px; } .registration-data:after, .coupon-input__container:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .personal-data, .personal-bg, .shipping, .total-amount{ display: inline-block; vertical-align: top; text-align: left; font-size: 16px; } .personal-data{ width: 49%; } .personal-bg{ width: 43%; } .shipping{ width: 49%; } .total-amount{ width: 43%; } .registration-data i, .coupon-input__container i{ font-size: 24px; vertical-align: top; } .personal-data.first-data{ font-size: 0px; } .personal-data.first-data:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0px; } .registration-data .one-col-form, .registration-data .total-amount__one-col-form{ width: 50%; display: inline-block; vertical-align: top; margin-bottom: 25px; } .registration-data .one-col-form:after, .total-amount__one-col-form:after{ content: ''; display: block; float: none; clear: both; } .registration-data .one-col-form__left, .coupon-input__container .one-col-form__left{ display: inline-block; vertical-align: top; margin-bottom: 5px; } .coupon-input__container .one-col-form__left { margin-right: 10px; width: 225px; } .registration-data .one-col-form__left{ width: 44%; margin-right: 2%; } .registration-data .one-col-form__right, .coupon-input__container .one-col-form__right{ display: inline-flex; vertical-align: top; margin-bottom: 5px; } .registration-data .one-col-form__right{ width: 44%; } .registration-data .basic-col{ width: 50%; } .bx-ui-sls-container input:first-child{ display: none; } .one-col-form .bx-sls .dropdown-block, .total-amount__one-col-form .bx-sls .dropdown-block{ border: none; padding: 0; } .one-col-form .fa, .total-amount__one-col-form .fa{ display: block; box-sizing: border-box; float: left; width: 14%; padding-right: 0; text-align: center; } .registration-data .one-col-form .fa-phone{} .registration-data .one-col-form .fa-map-marker{} .one-col-form.basic-col .fa{ width: 7%; } .bx-sls .dropdown-block{ box-shadow: none; background-color: transparent; } .bx-sls .bx-ui-sls-container{ min-height: 30px; } .bx-sls .bx-ui-sls-clear{ z-index: 10; margin-top: 0; margin-bottom: 2px; } .one-col-form input, .total-amount__one-col-form input, .one-col-form .bx-sls input.bx-ui-sls-fake, .total-amount__one-col-form .bx-sls input.bx-ui-sls-fake{ display: block; float: right; border: 0; background-color: transparent !important; border-bottom: 1px solid #bdbdbd; padding-bottom: 5px!important; font-size: 18px; outline: none; width: 86%; height: auto; color: #212121; } .one-col-form.basic-col input, .total-amount__one-col-form.basic-col input{ width: 93%; } .registration-data .col-message{ width: 100%; } .registration-data .col-message .fa-pencil-square-o{ width: 7%; } .registration-data .col-message textarea { display: block; float: right; width: 93%; border: 0; background-color: transparent; border-bottom: 1px solid #dbdbdb; font-size: 18px; color: #212121; outline: none; resize: none; height: 74px; min-height: 74px } .personal-data .title-ordering { font-size: 18px; color: #757575; padding-top: 20px; margin: 0 15px; } .personal-data .row-personal-data{ display: table; width: 100%; margin-top: 15px; } .personal-data .row-personal-data > a, .row-personal-text, .row-personal-price{ display: table-cell; vertical-align: middle; padding: 7px; } .personal-data .row-personal-data > a{ width: 25%; } .personal-data .row-personal-data .row-personal-text{ width: 55%; } .personal-data .row-personal-data .row-personal-price{ width: 20%; text-align: center; } .personal-data .row-personal-data img{ display: block; max-width: 90%; max-height: 100px; margin: 0 auto; } .personal-data .row-personal-data .type{ font-size: 14px; color: #757575; } .personal-data .row-personal-data .name{ font-size: 16px; color: #212121; } .personal-data .row-personal-data .weight{ font-size: 16px; color: #757575; } .personal-data .row-personal-data .row-personal-price p { display: inline-block; font-size: 20px; color: #212121; } .personal-data .row-personal-data .row-personal-price .old-price p { text-decoration: line-through; font-size: 13px; color: #757575; } .personal-data .row-personal-data .row-personal-price i { font-size: 16px; padding-right: 0; vertical-align: baseline; } .personal-data .row-personal-data .row-personal-price .old-price i { text-decoration: line-through; font-size: 10px; } .personal-bg { border-radius: 3px; box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24),0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); } .personal-data .final-price{ margin: 0 15px; margin-top: 35px; margin-bottom: 20px; text-align: right; } .personal-data .final-price p { color: #757575; font-size: 14px; display: inline-block; } .personal-data .final-price p span { color: #212121; font-size: 18px; } .personal-data .final-price i { font-size: 16px; padding-right: 0; vertical-align: baseline; margin-top: 3px; } .shipping{} .shipping .title-shipping { font-size: 20px; color: #757575; margin-top: 0px; margin-bottom: 15px; } .shipping .row-shipping { padding-top: 10px; padding-bottom: 10px; cursor: pointer; border-left: 1px solid #bdbdbd; transition: all 0.3s ease; } .shipping .row-shipping:hover { background-color: #d7e3c5; } .shipping .row-shipping:hover p { color: #212121; } .shipping .row-shipping:hover i { color: #212121; } .shipping .row-shipping p { font-size: 18px; font-family: Roboto-Regular; color: #757575; padding-left: 5%; } .shipping .row-shipping .description-shipping { font-size: 14px; margin-top: 4px; display: none; } .shipping .row-shipping.current-shipping .description-shipping{ display: block; } .shipping .row-shipping p { display: inline-block; transition: all 0.3s ease; } .shipping .row-shipping i { padding-right: 0; margin-left: 4px; font-size: 16px; margin-top: 3px; transition: all 0.3s ease; } .shipping .current-shipping { border-left: 2px solid #86af49; } .shipping .current-shipping-two { border-left: 2px solid #86af49; } .total-amount{ margin-top: 50px; } .total-amount p { font-size: 18px;; color: #757575; display: inline-block; display: block; margin-top: 5px; } .total-amount p span { color: #212121; font-size: 20px; } .total-amount__fa{ padding-right: 0; margin-top: 3px; margin-left: 2px; font-size: 16px !important; vertical-align: baseline; } .total-amount__submit-button{ border-radius: 3px; border: 0; background-color: #86af49; color: #fafafa; font-size: 14px; font-family: Roboto-Medium; padding-top: 13px; padding-bottom: 13px; width: 161px; margin-top: 23px; text-transform: uppercase; transition: all 0.3s ease; cursor: pointer; } .bx-sls .bx-ui-sls-container:after{ content: ''; display: block; float: none; clear: both; } @media screen and (max-width: 504px){} .personal-data .row-personal-data .row-personal-price .text-with-price { color: #757575; display: none; } @media screen and (max-width: 428px){} /*registration data*/ .one-col-form, .total-amount__one-col-form{ position: relative; padding-top: 20px; } .one-col-form label, .total-amount__one-col-form label{ position: absolute; top: 0 !important; font-size: 18px; color: #212121; left: 14%; right: 0; height: 100%; } .basic-col.one-col-form label, .col-message.one-col-form label{ left: 7%; } .one-col-form p, .total-amount__one-col-form p{ float: left; width: 86%; font-size: 12px; line-height: 14px; color: #ad271c; margin-top: 5px; margin-left: 14%; } .one-col-form p{ text-align: left; } .total-amount__one-col-form p { text-align: center; } .basic-col.one-col-form p{ width: 93%; margin-left: 7%; } .row-shipping input{ display: none; } .current-shipping { border-left: 2px solid #86af49; } @media screen and (max-width: 1160px){ .registration-data, .coupon-input__container{ max-width: none; margin: 0 10px; } } @media screen and (max-width: 1023px){ .registration-data, .coupon-input__container{ margin-top: 25px; } } @media screen and (max-width: 977px){ .personal-data, .personal-bg, .shipping, .total-amount{ display: block; width: auto; } .personal-bg{ display: none; } } @media screen and (max-width: 479px){ .registration-data .one-col-form, .coupon-input__container .one-col-form{ display: block; width: auto; } .one-col-form .fa, .total-amount__one-col-form .fa{ width: 7%; } .one-col-form input, .total-amount__one-col-form input{ width: 93%; } .one-col-form label, .total-amount__one-col-form label{ left: 7%; } .registration-data .one-col-form.coupon-button__container, .coupon-input__container .one-col-form.coupon-input__set-coupon-button__container{ width: auto; display: inline-block; float: right; margin-top: 0px !important; padding-top: 5px !important; } .registration-data .one-col-form.coupon-elements__container, .coupon-input__container .one-col-form.coupon-input__coupon-elements__container{ width: auto !important; display: inline-block; padding-top: 3px !important; } } /*about page*/ .about { display: grid; margin: 0 auto; margin-top: 60px; width: 100%; max-width: 1140px; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .about-bg { display: grid; margin: 0 auto; margin-top: 60px; width: 100%; max-width: 1140px; grid-template-columns: 1fr; margin-bottom: 60px; } .about-bg img { width: 100%; } .about-bg p { color: #757575; font-size: 16px; font-family: Roboto-Regular; margin-top: 25px; line-height: 25px; } .about .col-text-about p { color: #757575; font-size: 16px; font-family: Roboto-Regular; line-height: 27px; } .profitable-about { margin-top: 65px; } .list-text-about .title-list-text { font-size: 16px; color: #757575; font-family: Roboto-Bold; margin-bottom: 13px; } .list-text-about .list-text p { font-size: 16px; color: #757575; font-family: Roboto-Regular; line-height: 27px; padding-top: 10px; border-left: 2px solid #86af49; padding-left: 35px; } .list-text-about-two .title-list-text { font-size: 16px; color: #757575; font-family: Roboto-Bold; margin-bottom: 13px; } .list-text-about-two .list-text p { font-size: 16px; color: #757575; font-family: Roboto-Regular; line-height: 27px; padding-top: 10px; width: 90%; display: inline-block; } .list-text-about-two .list-text span { padding-right: 35px; display: inline-block; vertical-align: top; padding-top: 15px; font-size: 16px; color: #757575; font-family: Roboto-Regular; } .about .col-text-about .title-about-people { font-size: 24px; color: #212121; font-family: Roboto-Regular; } .about .col-text-about .text-people-about { margin-top: 20px; padding-left: 5%; } @media screen and (max-width: 1035px) { .about { grid-template-columns: 1fr; } .col-text-about { text-align: center; } .about .col-text-about .text-people-about { padding-left: 0; } .list-text-about-two .list-text p { width: 92%; } .list-text { margin-left: 3%; } .list-text-about .title-list-text { margin-left: 1%; } } /*about page*/ .all-filter{ background-color: #86af49; padding-top: 14px; padding-bottom: 12px; padding-left: 19px; padding-right: 19px; color: #fafafa; font-size: 14px; font-family: Roboto-Medium; text-transform: uppercase; border: 0; border-radius: 3px; cursor: pointer; transition: all 0.3s ease; } .filter-button{ text-align: center; margin-top: 55px; } .all-filter:hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .expand-but:hover { background-color: #6e903c; color: #fafafa; } .col-filter-catalog .price-range-text-catalog { text-transform: uppercase; text-align: left; margin-left: 0 !important; } .kind.active_div a {display: none;} .filter_name{ cursor: pointer; } .kind a label { cursor: pointer; } .breadcrabs.box_wrapper a { font-size: 14px; display: inline-block; color: #000000; border-bottom: 1px #000000 dotted; } .breadcrabs.box_wrapper a:hover { font-size: 14px; display: inline-block; color: #8753EE; border-bottom: 1px #8753EE dotted; } p.sort { padding-bottom: 15px; margin-top: -2px; } .sort_type { width: calc(50% - 2px); position: relative; border: 1px solid #D8D8D8; border-radius: 20px 0px 0px 20px; padding: 10px 0px; text-align: center; float: left; } .sort_type:after { content: ""; width: 24px; position: absolute; z-index: 1; height: 24px; display: inline-block; margin-top: 7px; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; transform: rotate(90deg); } .filter_type span { background: #8F91A3; color: #fff; width: 14px; top: 50%; margin: 0px 5px; margin-top: -7px; position: absolute; height: 14px; font-size: 12px; line-height: 14px; display: inline-block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border-radius: 50%; font-family: "ProbaPro", sans-serif; font-weight: bold; display: inline-block; } .filter_type { position: relative; width: calc(50% - 2px); border: 1px solid #D8D8D8; border-radius: 0px 20px 20px 0px; padding: 10px 0px; text-align: center; float: left; } .filter_type:after { content: ""; width: 24px; margin-left: 15px; position: absolute; z-index: 1; height: 24px; display: inline-block; margin-top: 7px; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; transform: rotate(90deg); } .breadcrabs.box_wrapper span{ margin: 10px;} .main-catalog .main-catalog-filter .kind a label:hover p { cursor: pointer;color: #8753EE; } .filter_name:after { content: ""; width: 24px; right: 0px; height: 24px; display: inline-block; float: right; margin-top: 7px; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; transform: rotate(90deg); } .kind.active_div .filter_name:after { content: ""; width: 24px; right: 0px; margin-right: -15px; height: 24px; display: inline-block; float: right; margin-top: -10px; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; transform: rotate(270deg); } .page-button-next{ text-align: right; margin-top: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 30px; } .page-button{ border: 1px solid #fff;} .page-button-next .page-button{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 28px; width: 28px; height: 28px; border-radius: 100px; margin-right: 10px; cursor: pointer; transition: all 0.3s ease; } .page-button-next .page-button:hover{ /*background-color: #86af49;*/ } .page-button-next .page-button a{ display: block; font-size: 14px; line-height: 28px; height: 28px; text-align: center; color: #8F91A3; transition: all 0.3s ease; } .page-button-next .page-button:hover, .page-button-next .current{ border: 1px solid #555; color: #000000; text-align: center; } .page-button-next .page-button:hover a{ color: #000; } .page-button-next i{ color: #8F91A3; font-size: 18px; line-height: 28px; transition: all 0.3s ease; } /*.favorites{display:none;}*/ .page-button-next .page-button:hover i{ color: #000; } .page-button-next .fa-angle-left{ margin-left: 8px; margin-bottom: 2px; } .page-button-next .fa-angle-right{ margin-left: 10px; margin-bottom: 2px; } .page-button-next p{} .text-slide input:hover{ background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } input{ outline: none; } .issue:hover{ background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .basketprev:hover{ background-color: #86af49!important; color: #fafafa!important; } #ORDER_CONFIRM_BUTTON:hover{ background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .main-catalog .main-catalog-filter .kind label p{ margin-left: 16px; } .search-catalog{ margin-bottom: 100px; } .search-page > form{ text-align: center; font-size: 0px; margin-top: 20px; } .search-page > form input[type="submit"]{ display: inline-block; vertical-align: top; box-sizing: border-box; font-family: "Roboto-Regular"; font-size: 14px; padding: 11px 25px 11px; line-height: 1; text-transform: uppercase; color: #fafafa; box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); border-radius: 50px; background-color: #8FBC62; transition: all 0.3s ease; cursor: pointer; border: none; } .search-page > form input[type="submit"]:hover { background-color: #6e903c; color: #fafafa; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .search-page > form input[type="text"]{ display: inline-block; vertical-align: top; width: 340px; font-size: 16px; line-height: 20px; color: #212121; padding-top: 7px; padding-bottom: 7px; border: none; background-color: transparent; border-bottom: 2px solid rgb(134, 175, 73); margin-right: -3px; } .search-page .notetext{ display: block; font-size: 16px; line-height: 22px; color: #757575; text-align: center; margin: 0 auto; /*max-width: 1160px;*/ max-width: 1205px; padding: 0 10px; padding-top: 35px; } .bx_my_order_cancel form{ text-align: center; font-size: 18px; margin-top: 5%; margin-bottom: 5%; font-family: Roboto-Medium; } .bx_my_order_cancel .cancel{ background-color: #86af49!important; padding-top: 12px; padding-bottom: 12px; padding-left: 19px; padding-right: 19px; color: #fafafa!important; font-size: 14px; font-family: Roboto-Medium; text-transform: uppercase; border: 0!important; cursor: pointer; } .bx_my_order_cancel .cancel:hover{ background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } p + .bx-auth, p + .data-table{ margin-top: 25px; } @media all and (max-width: 479px) { .menu-date { display: flex; flex-direction: column; align-items: center; margin-top: 0; } .menu-date .button1 { margin-top: 0; margin-bottom: 10px; } .top-title { padding-bottom: 0; } } /* AJAX CUSTOM PRELOADER */ #win8_wrapper{ display: none; background: #fff; height: 100%; opacity: 0.7; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; } .windows8 { /*position: relative; width: 50px; height:50px; margin:auto;*/ width: 50px; height: 50px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .windows8 .wBall { position: absolute; width: 47px; height: 47px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 3.3225s infinite; -o-animation: orbit 3.3225s infinite; -ms-animation: orbit 3.3225s infinite; -webkit-animation: orbit 3.3225s infinite; -moz-animation: orbit 3.3225s infinite; } .windows8 .wBall .wInnerBall{ position: absolute; width: 6px; height: 6px; background: rgb(255,255,255); left:0px; top:0px; border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .windows8 #wBall_1 { animation-delay: 0.726s; -o-animation-delay: 0.726s; -ms-animation-delay: 0.726s; -webkit-animation-delay: 0.726s; -moz-animation-delay: 0.726s; } .windows8 #wBall_2 { animation-delay: 0.143s; -o-animation-delay: 0.143s; -ms-animation-delay: 0.143s; -webkit-animation-delay: 0.143s; -moz-animation-delay: 0.143s; } .windows8 #wBall_3 { animation-delay: 0.2865s; -o-animation-delay: 0.2865s; -ms-animation-delay: 0.2865s; -webkit-animation-delay: 0.2865s; -moz-animation-delay: 0.2865s; } .windows8 #wBall_4 { animation-delay: 0.4295s; -o-animation-delay: 0.4295s; -ms-animation-delay: 0.4295s; -webkit-animation-delay: 0.4295s; -moz-animation-delay: 0.4295s; } .windows8 #wBall_5 { animation-delay: 0.583s; -o-animation-delay: 0.583s; -ms-animation-delay: 0.583s; -webkit-animation-delay: 0.583s; -moz-animation-delay: 0.583s; } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; } 30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; } 76% { opacity: 0; transform:rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; } 30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; } 76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; } 30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; } 76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; } 30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; } 76% { opacity: 0; -webkit-transform:rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; } 30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; } 76% { opacity: 0; -moz-transform: rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /* AJAX CUSTOM PRELOADER END */ .title-recommendations { color: #757575; font-size: 24px; margin-top: 55px; } @media screen and (max-width: 1159px) { .title-recommendations{ margin-left: 10px; margin-right: 10px; } } .selected-menu{ border-bottom: 2px solid #86af49; padding-bottom: 5px; } @media screen and (max-width: 420px) { .expand { margin-top: 7px; } } @media screen and (max-width: 600px) { .profitable { display: none; } } @media screen and (max-width: 470px) { .header .city p { max-width: 115px; } .header .number { margin: 0 5px; } .header .menu .menu-mobile p { display: none; } .header .menu .menu-mobile { float: right; } .header .number p { font-size: 15px; margin-top: 2px; } } @media screen and (max-width: 420px) { .header .city p { max-width: 105px; } .header .number p { font-size: 14px; margin-top: 3px; } } @media screen and (max-width: 390px) { .header .city p { max-width: 95px; } /*.header .number p { font-size: 12px; }*/ } @media screen and (max-width: 319px) { .header .number { display: none; } } @media screen and (max-width: 400px) { .price-catalog .old-price-block { position: absolute; margin-left: 70px; margin-top: 17px; } .brandy_banner.link a { font-size: 12px;} .icon-burger { margin-right: 0px; } .icon-search{ margin-right: 0px; } .menu-down .right-col .basket { margin-left: 0px; } } .menu-down-mobile-bg { z-index: 100; } @media screen and (max-width: 764px) { .main-catalog .main-catalog-filter .title-filter { padding-left: 2%; } .main-catalog .main-catalog-filter .kind p { padding-left: 2%; } .main-catalog .main-catalog-filter .kind label { padding-left: 4%; } } @media screen and (max-width: 1159px){ .main-catalog .sort{ text-align: center; } .catalog-product{} .main-catalog .main-catalog-filter{ box-sizing: border-box; padding-left: 10px; /*width: 23%;*/ } .main-catalog .main-catalog-common { width: 76%; } /*.catalog-product{ width: auto; }*/ /* .catalog-list, .catalog-product{ text-align: center; }*/ /*.catalog-list .catalog,*/ .catalog-product .catalog-container, /*.catalog-list .catalog:nth-of-type(4n),*/ .catalog-product .catalog-container:nth-of-type(3n), /*.catalog-list .catalog:nth-of-type(4n-3),*/ .catalog-product .catalog-container:nth-of-type(3n-2){ margin-left: 10px; margin-right: 10px; text-align: left; } } .mob_filter { display: none; } .catalog-top-banner { margin-bottom: 30px; } .catalog-top-banner-mobile { display: none; } @media screen and (max-width: 767px){ .mob_box_top .filter-active_box.on { display: none; } .catalog-list .catalog { min-width: 48%;} .content_mob_box a { padding: 11px 0; width: 95%; float: left; font-weight: bold; color: #757575; } .content_mob_box a.active { color: #8753EE; } .content_mob_box p { display: inline-block; vertical-align: middle; color: #757575; font-size: 16px; font-family: Roboto-Regular; } .mob_box_top .filter-head { } .content_mob_box .active { /* background: #fafafa; */ box-shadow: unset; } .breadcrabs.box_wrapper { padding: 10px 0 10px 25px; } .main-catalog, .tabs-area{ width: unset; /*max-width: 1160px;*/ max-width: 1205px; /*margin: 10px;*/ margin-top: 50px; } .main-catalog .sort{ padding-left: 0; display: none; } .mob_filter { display: block; } .catalog-top-banner-mobile { margin-bottom: 14px; margin-top: -5px; display: block; } .catalog-top-banner { display: none; } .main-catalog .sort .button-filter { display: inline-block; } .catalog-list, .catalog-product{ display: block; width: auto; } .catalog-product { padding-left: 0; } .main-catalog .main-catalog-filter{ width: 270px; margin-top: 0; } .main-catalog .main-catalog-common { width: 100%; } } /*--- --- --- normal css --- --- ---*/ a, img, input, textarea, button, body *:not('.bx-auth-input'){ outline: none !important; border: none; } a{ text-decoration: none; } img{ max-width: 100%; } input, button, select{ /*-webkit-appearance: none;*/} select::-ms-expand { display: none; } /*---settings---*/ .site_size{ max-width: 1140px; margin: 0 auto; } .page{} .page-inner{ padding-top: 55px; } .row{ display: block; position: relative; z-index: 3; box-sizing: border-box; } .row:after{ display: block; float: none; clear: both; content: ''; } .anchor{ position: relative; top: -100px; width: 0; height: 0; overflow: hidden; } font.errortext{ font-size: 14px; line-height: 18px; color: #ad271c !important; } .error_page{ text-align: center; } .error_page-padding1{ padding-top: 35px; } .error_page font.errortext{ font-size: 24px; line-height: 30px; color: #757575 !important; } .error1-center{ text-align: center; } .error1 font.errortext{ font-size: 20px; line-height: 24px; color: #212121 !important; } /*---settings---*/ /*---padding setting---*/ .padding1{ padding-top: 80px; padding-bottom: 80px; } .padding1-top{ padding-top: 80px; padding-bottom: 40px; } .padding1-bottom{ padding-top: 40px; padding-bottom: 80px; } /*---padding setting end---*/ /*---bg---*/ .bg_col1{ background-color: #2C2E3F; } .bg_col2{ background-color: #2C2E3F; } /*---bg end---*/ /*---buttons---*/ .button1{ display: inline-block; vertical-align: top; box-sizing: border-box; font-family: 'HelveticaNeueCyr'; font-size: 14px; line-height: 16px; padding: 10px 25px; text-transform: uppercase; color: #fafafa; box-shadow: 0 3px 5px rgba(120, 120, 120, 0.24); border-radius: 3px; background-color: #86af49; transition: all 0.3s ease; cursor: pointer; position: relative; top: 50%; transform: translateY(-50%); } .button1:hover { background-color: #6e903c; color: #fafafa; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } .button1-st1{ min-width: 290px; margin-left: 39px; } /*---*/ .button2{ display: inline-block; vertical-align: top; box-sizing: border-box; font-family: 'HelveticaNeueCyr'; font-size: 14px; line-height: 16px; padding: 10px 25px; text-transform: uppercase; border-radius: 3px; border: 1px solid #86af49; color: #86af49; background-color: rgba(255,255,255,0); transition: all 0.3s ease; cursor: pointer; } .button2:hover { background-color: #86af49; color: #fafafa; } /*---buttons end---*/ /*---titles---*/ .title2{ font-size: 18px; line-height: 22px; color: #212121; text-transform: uppercase; font-family: Roboto-Medium; margin-bottom: 25px; } /*---titles end---*/ /*---contact1---*/ .contact1__wrap{ margin-bottom: 20px; } .contact1{ display: block; margin-bottom: 15px; } .contact1 a, .contact1 .contact-item{ display: block; position: relative; font-size: 16px; line-height: 20px; color: #212121; padding-left: 25px; min-height: 20px; transition: all 0.3s ease; } .contact1-light a{ color: #fafafa; } .contact1 a:hover, .contact1 .contact-item:hover{ color: #86af49; } .contact1 a:before, .contact1 .contact-item:before{ position: absolute; top: 0; left: 0; font-family: "fontawesome-webfont"; font-size: 16px; line-height: 20px; color: #86af49; width: 20px; text-align: center; } .contact1-tel a:before{ content: "\f095"; } .contact1-whatsapp a:before{ content: "\f232"; } .contact1-mail a:before{ content: "\f003"; } .contact1-web a:before{ content: "\f0ac"; } .contact1-address a:before{ content: "\f041"; font-size: 18px; } .contact1-working .contact-item:before{ content: "\f017"; font-size: 18px; } .contact1 a span{} /*---*/ .footer .contact1__wrap{} .contact-map { margin-top: 20px; } /*---contact1 end---*/ /*---form action---*/ .form_block__wrap{ position: relative; } .form_block__wrap.submitted{} .form_block__wrap{} .form_block{ transition: all 0.3s ease; } .form_block-panel{ position: relative; z-index: 3; opacity: 1; } .form_block-panel:after{ content: ''; display: block; float: none; clear: both; } form.submitted .form_block-panel{ z-index: 1; opacity: 0; } .form_block-sent{ position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; right: 0; opacity: 0; text-align: center; } form.submitted .form_block-sent{ z-index: 3; opacity: 1; } .form_action_message1{ font-size: 16px; line-height: 20px; color: #fafafa; text-align: left; } /*---form action end---*/ /*---inpuut1---*/ .input1__wrap{ display: block; position: relative; font-size: 0px; line-height: 0px; margin-bottom: 35px; } .input1__icon, .input1__label{ display: inline-block; vertical-align: bottom; } .input1__icon{ font-family: FontAwesome; width: 30px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; color: rgb(134, 175, 73); padding-bottom: 7px; margin-right: 7px; } .input1__icon-name{} .input1__icon-name:before{ content: '\f2c0'; } .input1__icon-login{} .input1__icon-login:before{ content: '\f2c0'; } .input1__icon-mail{} .input1__icon-mail:before{ content: '\f003'; } .input1__icon-password{} .input1__icon-password:before{ content: '\f084'; } .input1__icon-phone{} .input1__icon-phone:before{ content: '\f095'; } .input1__label{} .input1__label__text{ display: block; font-size: 12px; line-height: 14px; color: rgb(134, 175, 73); } .input1{ display: block; width: 290px; font-size: 16px; line-height: 20px; color: #212121; padding-top: 5px; padding-bottom: 3px; border: none; background-color: transparent; border-bottom: 2px solid rgb(134, 175, 73); } .error .input1{ border-bottom-color: #ad271c; } /*---inpuut1 end---*/ /*---inpuut1---*/ .input2__wrap{ margin-bottom: 25px; } .input2__wrap .b-form__row input[type=text] { width: calc(100% - 70px); } .input2__icon{ display: inline-block; vertical-align: top; font-family: FontAwesome; font-style: normal; width: 30px; height: 20px; font-size: 20px; line-height: 20px; color: #d7e3c5; text-align: center; margin-right: 7px; } .input2__icon-pencil{} .input2__icon-pencil:before{ content: '\f044'; } .input2__icon-message{} .input2__icon-message:before{ content: '\f003'; } .input2__icon-phone:before { content: '\f095'; } .input2__icon-phone:before { content: ''; position: absolute; width: 17px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQwMS45OThweCIgaGVpZ2h0PSI0MDEuOTk4cHgiIGZpbGw9IiNkN2UzYzUiIHZpZXdCb3g9IjAgMCA0MDEuOTk4IDQwMS45OTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMS45OTggNDAxLjk5ODsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQwMS4xMjksMzExLjQ3NWMtMS4xMzctMy40MjYtOC4zNzEtOC40NzMtMjEuNjk3LTE1LjEyOWMtMy42MS0yLjA5OC04Ljc1NC00Ljk0OS0xNS40MS04LjU2Ng0KCQljLTYuNjYyLTMuNjE3LTEyLjcwOS02Ljk1LTE4LjEzLTkuOTk2Yy01LjQzMi0zLjA0NS0xMC41MjEtNS45OTUtMTUuMjc2LTguODQ2Yy0wLjc2LTAuNTcxLTMuMTM5LTIuMjM0LTcuMTM2LTUNCgkJYy00LjAwMS0yLjc1OC03LjM3NS00LjgwNS0xMC4xNC02LjE0Yy0yLjc1OS0xLjMyNy01LjQ3My0xLjk5NS04LjEzOC0xLjk5NWMtMy44MDYsMC04LjU2LDIuNzE0LTE0LjI2OCw4LjEzNQ0KCQljLTUuNzA4LDUuNDI4LTEwLjk0NCwxMS4zMjQtMTUuNywxNy43MDZjLTQuNzU3LDYuMzc5LTkuODAyLDEyLjI3NS0xNS4xMjYsMTcuN2MtNS4zMzIsNS40MjctOS43MTMsOC4xMzgtMTMuMTM1LDguMTM4DQoJCWMtMS43MTgsMC0zLjg2LTAuNDc5LTYuNDI3LTEuNDI0Yy0yLjU2Ni0wLjk1MS00LjUxOC0xLjc2Ni01Ljg1OC0yLjQyM2MtMS4zMjgtMC42NzEtMy42MDctMS45OTktNi44NDUtNC4wMDQNCgkJYy0zLjI0NC0xLjk5OS01LjA0OC0zLjA5NC01LjQyOC0zLjI4NWMtMjYuMDc1LTE0LjQ2OS00OC40MzgtMzEuMDI5LTY3LjA5My00OS42NzZjLTE4LjY0OS0xOC42NTgtMzUuMjExLTQxLjAxOS00OS42NzYtNjcuMDk3DQoJCWMtMC4xOS0wLjM4MS0xLjI4Ny0yLjE5LTMuMjg0LTUuNDI0Yy0yLTMuMjM3LTMuMzMzLTUuNTE4LTMuOTk5LTYuODU0Yy0wLjY2Ni0xLjMzMS0xLjQ3NS0zLjI4My0yLjQyNS01Ljg1Mg0KCQlzLTEuNDI3LTQuNzA5LTEuNDI3LTYuNDI0YzAtMy40MjQsMi43MTMtNy44MDQsOC4xMzgtMTMuMTM0YzUuNDI0LTUuMzI3LDExLjMyNi0xMC4zNzMsMTcuNy0xNS4xMjgNCgkJYzYuMzc5LTQuNzU1LDEyLjI3NS05Ljk5MSwxNy43MDEtMTUuNjk5YzUuNDI0LTUuNzExLDguMTM2LTEwLjQ2Nyw4LjEzNi0xNC4yNzNjMC0yLjY2My0wLjY2Ni01LjM3OC0xLjk5Ny04LjEzNw0KCQljLTEuMzMyLTIuNzY1LTMuMzc4LTYuMTM5LTYuMTM5LTEwLjEzOGMtMi43NjItMy45OTctNC40MjctNi4zNzQtNC45OTktNy4xMzljLTIuODUyLTQuNzU1LTUuNzk5LTkuODQ2LTguODQ4LTE1LjI3MQ0KCQljLTMuMDQ5LTUuNDI0LTYuMzc3LTExLjQ3LTkuOTk1LTE4LjEzMWMtMy42MTUtNi42NTgtNi40NjgtMTEuNzk5LTguNTY0LTE1LjQxNUM5OC45ODYsOS4yMzMsOTMuOTQzLDEuOTk3LDkwLjUxNiwwLjg1OQ0KCQlDODkuMTgzLDAuMjg4LDg3LjE4MywwLDg0LjUyMSwwYy01LjE0MiwwLTExLjg1LDAuOTUtMjAuMTI5LDIuODU2Yy04LjI4MiwxLjkwMy0xNC43OTksMy44OTktMTkuNTU4LDUuOTk2DQoJCWMtOS41MTcsMy45OTUtMTkuNjA0LDE1LjYwNS0zMC4yNjQsMzQuODI2QzQuODYzLDYxLjU2NiwwLjAxLDc5LjI3MSwwLjAxLDk2Ljc4YzAsNS4xMzUsMC4zMzMsMTAuMTMxLDAuOTk5LDE0Ljk4OQ0KCQljMC42NjYsNC44NTMsMS44NTYsMTAuMzI2LDMuNTcxLDE2LjQxOGMxLjcxMiw2LjA5LDMuMDkzLDEwLjYxNCw0LjEzNywxMy41NmMxLjA0NSwyLjk0OCwyLjk5Niw4LjIyOSw1Ljg1MiwxNS44NDUNCgkJYzIuODUyLDcuNjE0LDQuNTY3LDEyLjI3NSw1LjEzOCwxMy45ODhjNi42NjEsMTguNjU0LDE0LjU2LDM1LjMwNywyMy42OTUsNDkuOTY0YzE1LjAzLDI0LjM2MiwzNS41NDEsNDkuNTM5LDYxLjUyMSw3NS41MjENCgkJYzI1Ljk4MSwyNS45OCw1MS4xNTMsNDYuNDksNzUuNTE3LDYxLjUyNmMxNC42NTUsOS4xMzQsMzEuMzE0LDE3LjAzMiw0OS45NjUsMjMuNjk4YzEuNzE0LDAuNTY4LDYuMzc1LDIuMjc5LDEzLjk4Niw1LjE0MQ0KCQljNy42MTQsMi44NTQsMTIuODk3LDQuODA1LDE1Ljg0NSw1Ljg1MmMyLjk0OSwxLjA0OCw3LjQ3NCwyLjQzLDEzLjU1OSw0LjE0NWM2LjA5OCwxLjcxNSwxMS41NjYsMi45MDUsMTYuNDE5LDMuNTc2DQoJCWM0Ljg1NiwwLjY1Nyw5Ljg1MywwLjk5NiwxNC45ODksMC45OTZjMTcuNTA4LDAsMzUuMjE0LTQuODU2LDUzLjEwNS0xNC41NjJjMTkuMjE5LTEwLjY1NiwzMC44MjYtMjAuNzQ1LDM0LjgyMy0zMC4yNjkNCgkJYzIuMTAyLTQuNzU0LDQuMDkzLTExLjI3Myw1Ljk5Ni0xOS41NTVjMS45MDktOC4yNzgsMi44NTctMTQuOTg1LDIuODU3LTIwLjEyNkM0MDEuOTksMzE0LjgxNCw0MDEuNzAzLDMxMi44MTksNDAxLjEyOSwzMTEuNDc1eiINCgkJLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); } .input2{ display: inline-block; vertical-align: top; box-sizing: border-box; background-color: transparent; outline: none; border: 0; border-bottom: 1px solid #fafafa; width: 300px; font-size: 16px; line-height: 20px; color: #fafafa; padding-bottom: 3px; transition: all 0.3s ease; } textarea.input2{ resize: none; height: 80px; } .error .input2{ border-bottom-color: #ad271c; } /*---inpuut2 end---*/ /*---input_check1---*/ .input_check1__wrap{ display: block; position: relative; margin-bottom: 15px; } .input_check1{} .input_check1__label{ font-size: 14px; line-height: 16px; } /*---input_check1---*/ /*---link1---*/ .link1__wrap{ display: block; position: relative; margin-top: 10px; } .link1__wrap-center{ text-align: center; } .input1__wrap + .link1__wrap{ margin: 0; margin-bottom: 25px; } .link1__wrap, .link1{ font-size: 14px; line-height: 18px; } .link1{ color: #86af49; text-decoration: underline; } .link1:hover{ text-decoration: none; } .link1__label{ display: block; font-size: 14px; line-height: 16px; margin-top: 3px; } /*---link1 end---*/ /*---form1---*/ .form1{ display: inline-block; vertical-align: top; margin: 15px 0; } .form1:after{ content: ''; display: block; float: none; clear: both; } .form1 .title-form{ font-size: 26px; line-height: 20px; color: #141517; text-transform: uppercase; margin-bottom: 30px; } @media (max-width: 380px){ .form1 .title-form{ font-size: 21px; } } /*---form1 end---*/ /*---text1---*/ .text1{ font-size: 16px; line-height: 24px; color: #757575; } .text1 h1{ font-size: 30px; line-height: 34px; color: #212121; margin-top: 25px; margin-bottom: 25px; } .text1 h2{ font-size: 24px; line-height: 28px; color: #212121; margin-top: 25px; margin-bottom: 25px; } .text1 p{ margin-bottom: 15px; } .text1 p:last-child{ margin-bottom: 0; } .text1 b, .text1 strong{ font-family: 'HelveticaNeueCyr'; } .text1 a{ color: #86af49; text-decoration: underline; } .text1 a:hover{ text-decoration: none; } .text1 ul{ display: block; margin: 10px 0; } .text1 ul li{ display: block; padding: 5px 0; padding-left: 30px; border-left: 2px solid #86af49; } .text1 ol{ margin: 10px 0; } .text1 ol li{ list-style: decimal inside; margin: 5px 0; } .text1 table{} .text1 table tr{} .text1 table td{ padding: 5px; } .text1 table td:first-child{ padding-left: 0; } .text1 table td:last-child{ padding-right: 0; } /*---text1 end---*/ /*---pic1---*/ .pic1{} .pic1:after{ content: ''; display: block; float: none; clear: both; } .pic1 img{ display: block; width: auto; height: auto; max-width: 100%; max-height: 200px; } /*---pic1 end---*/ /*---map1---*/ .map1{ display: block; height: 500px; } /*---map1 end---*/ /*---nav1---*/ .nav1{} .nav1__title{ font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; margin-bottom: 20px; } .nav1__title a { color: #fff; } .nav1__links { margin: 20px 0; } .nav1__links a{ display: block; font-size: 14px; line-height: 20px; font-weight: bold; color: #6C6D79; text-decoration: unset; margin-bottom: 5px; } .nav1__links a:hover{ text-decoration: none; } /*---nav1 end---*/ /*---nav2---*/ .nav2{ font-size: 0px; line-height: 0px; border-bottom: 1px solid #bdbdbd; margin-top: 18px; margin-bottom: 18px; } .nav2__item{ display: inline-block; vertical-align: bottom; font-size: 18px; line-height: 20px; color: #424242; padding-left: 1px; padding-right: 1px; padding-bottom: 15px; margin-right: 15px; margin-bottom: -1px; border-bottom: 2px solid rgba(255,255,255,0); cursor: pointer; transition: all 0.3s ease; } .nav2__item:hover, .nav2__item.toggle_active{ border-color: #86af49; } /*---nav2 end---*/ /*--- tabs ---*/ .tabContentV1{ position: absolute; z-index: -333; top: -99999px; right: 99999px; opacity: 0; transition: all 0.2s ease; } .tabContentV1.toggle_active{ position: relative; z-index: 3; top: auto; right: auto; opacity: 1; } /*--- tabs end ---*/ /*---footer---*/ .footer{ padding: 20px 0; margin-top: 55px; } .footer__inner{ /*max-width: 1160px;*/ max-width: 1205px; margin: 0 auto; } .logo_footer{ display: block; margin-top: 15px; margin-bottom: 30px; } .logo_footer svg{ display: block; width: auto; height: auto; max-width: 140px; max-height: 35px; } .logo_footer svg .logo1_st0{fill:#73AC55;} .logo_footer svg .logo1_st1{fill:#ffffff;} .footer .contact1-address{ max-width: 320px; } .contact_footer span { color: #6C6D79; font-size: 17px; } .contact_footer a { color: #fff; font-size: 24px; } .link_footer { margin: 15px 0; } .link_footer.callback { margin-top: 0px; } .link_footer a { font-size: 14px; color: #8FBC62; border-bottom: 1px #8FBC62 dotted; } .footer .nav1{ display: inline-block; vertical-align: top; margin: 15px 30px; } .adress_footer span { color: #fff; font-size: 14px; } .time_footer { margin-top: 10px; display: none; } .social_footer { margin-top: 10px; display: none; } .social_footer a { margin: 0 10px 0 0; } .line_footer{ border-top: 1px solid #555; } .time_footer span { color: #fff; font-size: 12px; } .footer .form1 .button2{ float: right; } .copyright{ font-size: 12px; line-height: 13px; color: #bdbdbd; margin: 10px 0; } @supports (-ms-ime-align:auto) { .copyright {margin-top: 0;} } .madein{ color: #bdbdbd; font-size: 14px; line-height: 20px; margin-top: 15px; } .madein a{ color: #86af49; text-decoration: underline; } .madein a:hover{ text-decoration: none; } @media screen and (max-width: 1089px){ .footer .nav1{ margin-left: 0; margin-right: 45px; } .copyright{ margin-top: 0; } } @media screen and (max-width: 799px){ .footer__inner{ text-align: center; } .footer .nav1{ margin-left: 25px; margin-right: 25px; } .copyright { text-align: left; font-size: 12px; line-height: 13px; margin: 0 40px!important; width: calc(100% - 60px); padding-bottom: 10px; padding-top: 10px; } } /*---footer end---*/ /*---box_rules_info---*/ .box_rules_info{ font-size: 12px; line-height: 13px; color: #bdbdbd; margin: 15px 0; } .box_rules_info a{ color: #86af49; text-decoration: underline; } .box_rules_info a:hover{ text-decoration: none; } /*---box_rules_info end---*/ /*------*/ .test_display{ display: block; position: fixed; z-index: 1111; top: 0; left: 0; background-color: #fff; padding: 15px 25px; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.4); } /*--- end---*/ /*---search_error_page---*/ .search_error_page{ box-sizing: border-box; margin: 0 auto; width: 100%; /*max-width: 1160px;*/ max-width: 1205px; padding: 0 10px; } .search_error_page1, .search_error_page1 font.errortext{ font-size: 16px; line-height: 22px; color: #757575 !important; } .search_error_page1{ padding-top: 35px; } .search_error_page1 table{ border-collapse: collapse; margin-top: 15px; } .search_error_page1 table td{ padding: 5px 10px; border: 1px solid rgba(0,0,0,0.3); } /*---search_error_page end---*/ /*---text_strong1---*/ .text_strong1{ box-sizing: border-box; max-width: 1140px; margin: 0 auto; margin-top: 55px; padding: 10px; border: 1px solid #86af49; border-radius: 3px; text-align: center; font-size: 16px; line-height: 24px; color: #757575; } /*---text_strong1 end---*/ /*---text_strong2---*/ .text_strong2{ box-sizing: border-box; max-width: 1140px; margin: 0 auto; margin-top: 0px; padding: 10px; text-align: center; font-size: 20px; line-height: 24px; color: #212121; } /*---text_strong2 end---*/ .one-col-form input.total-amount__set-coupon-button, .one-col-form input.coupon-input__set-coupon-button{ border-radius: 3px !important; border: 0 !important; background-color: #86af49 !important; color: #fafafa !important; font-size: 12px !important; font-family: Roboto-Medium !important; padding: 5px 15px 5px 15px !important; width: auto !important; text-transform: uppercase !important; transition: all 0.3s ease !important; cursor: pointer !important; } .one-col-form input.total-amount__set-coupon-button:hover, .one-col-form input.coupon-input__set-coupon-button:hover { background-color: #6e903c; color: #fafafa; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.16); } /*------*/ /*--- end---*/ /*------*/ /*--- end---*/ #bx-panel{ /*display: none !important;*/ } #madein{ display: none; } .hidden_block{ position: absolute; top: 0; left: -99999px; } .coupons-selection__container, .coupon-input__coupons-selection__container{ display: inline-block; position: relative; line-height: 30px; margin-right: 30px; font-size: 13px; } .coupons-selection__clear, .coupon-input__coupons-selection__clear{ position: absolute; top: 0px; right: -30px; display: block; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width: 30px; height: 30px; cursor: pointer; } /*** helpers ***/ .padding-top__0-i{ padding-top: 0px !important; } .margin-top__5px-i{ margin-top:5px !important; } .margin-top__20px-i{ margin-top:20px !important; } .margin-top__30px-i{ margin-top:30px !important; } .input-error{ font-size: 12px; line-height: 14px; color: #ad271c; } .width__100-i{ width: 100% !important; } .width__100{ width: 100%; } .margin-left__20px{ margin-left: 20px; } .margin-left__30px{ margin-left: 30px; } .one-col-form input.border-bottom__active{ border-bottom: 1px solid #86af49; } .one-col-form input.border-bottom__error{ border-bottom: 2px solid rgb(221, 44, 0); } .margin-bottom__0-i{ margin-bottom: 0px !important; } .coupon-input__container{ float: right; width: 340px; margin-right: 20px; } @media screen and (max-width: 680px) { .coupon-input__container { float: none; width: auto; margin-right: 15px; margin-left: 15px; } } .clear__both{ clear: both; } .max-width__1140px-i{ max-width:1440px !important; } .width__1140px-i{ width:1440px !important; } .padding-left__0px-i{ padding-left: 0px !important; } .clear__both{ clear: both; } .text-align__center{ text-align: center; } .info-order__container{ width: 100%; } .buttons-order__container{ position: relative; z-index: 10; } .bc-title { font-size: 14px; display: inline-block; } .grade__selected-options__container{ display: block; align-items: center; margin-top: 10px; } .grade__selected-options__label{ margin: auto; } .filter__main-page{ min-height: 90px; height: auto !important; } /* .one-col__filter-price{ min-height: 65px; }*/ .banner-wrapper { margin: auto; margin-top: 20px; max-width: 1140px; } .banner__row { margin-top: 20px; display: inline-block; width: 100%; } .banner__item { width: 100%; display: inline-block; margin-bottom: 20px; text-align: center; } .banner__item img{ max-width: 100%; } .banner__item:nth-child(even) { float: right; } .banner__text { padding: 10px; text-align: center; } @media screen and (max-width: 799px){ .banner__item { margin: auto; width: auto; margin-bottom: 2vh; } .banner__item:nth-child(even) { float: none; } .banner__row { text-align: center; } .banner-wrapper { padding-left: 10px; padding-right: 10px; } } .contract_offer { margin-top: 15px; } .contract_offer p { margin-left: 16px; display: inline-block; vertical-align: middle; margin-top: 0; max-width: 85%; } .default_link { color: #86af49; text-decoration: underline; } .default_link:hover { text-decoration: none; } /* requisites */ .requisites-table { width: 100%; max-width: 800px; } @media (max-width: 767px){ .requisites-table { padding: 0 15px; } .requisites-inner{ padding-top: 0; } } .requisites-table td { padding: 4px 20px 4px 0; } @media screen and (max-width: 460px){ .requisites-table td { padding: 2px 0; display: block; } .requisites-table td:nth-child(2) { text-align: right; } .requisites-table tr { margin-bottom: 15px; display: block; } } /* title-search */ #title-search { display: inline-block; } .title-search-result { /* display: none!important; */ transition: width 0.3s ease; z-index: 9999; margin-top: 2px; } .title-search-result .catalog-product { width: 0; overflow: hidden; transition: all 0.3s ease; position: absolute; right: 7px; } .title-search-result.visible .catalog-product { width: 330px; overflow: visible; } .title-search-all a { color: #8FBC62!important; border-bottom: 1px #8FBC62 dotted; text-decoration: unset; } .title-search-result .catalog-product .catalog-container { transition: all 0.5s ease; width: 300px; margin: 0; padding: 5px 0; box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16) } .catalog-container a { font-size: 14px; color: #555; } .title-search-result .catalog-product .catalog-container:hover:before { bottom: 0; } .title-search-result .catalog-product .catalog > a { height: auto; } .title-search-result .catalog-product .catalog > a img { position: relative; transform: translateX(-50%); margin-top: 10px; left: 50%; } .title-search-result .catalog-product .catalog .img-product { width: 56px; min-height: 50px; float: left; } .title-search-result .catalog-product .catalog .name-product { padding: 5px; } .title-search-result .catalog-product .catalog .name { min-height: auto; max-height: 38px; overflow: hidden; } .title-search-all { text-align: center; } @media screen and (max-width: 380px){ .title-search-result .catalog-product .catalog > a img { max-width: 36px; margin-top: 15px; } .title-search-result.visible .catalog-product, .title-search-result .catalog-product .catalog-container { width: 190px; } .title-search-result .catalog-product .catalog .img-product { width: 42px; } } .opt-image { padding: 0 10px 10px 10px; } .disabled_counter + .sign-and { top: 5px; right: 1px; } .disabled_counter { display: inline-block; width: 70px; text-align: left; border: 0; color: #757575; font-size: 16px; background-color: #fafafa; outline: none; -webkit-appearance: none; -moz-appearance: none; border-bottom: 2px solid #86af49; } .footer-organization{ display: none; } .information-order small, .order-checkout small { font-size: small; } body .autocomplete-suggestions { cursor: pointer; max-height: 300px!important; width: auto!important; padding: 5px 5px 3px 5px; } body .autocomplete-suggestion { padding: 10px; border-radius: 2px; margin-bottom: 2px; color: #aba8ac; } body .autocomplete-suggestions strong { color: #25282c; } .filter-active_box a label p:after { content: ""; width: 24px; right: 0px; z-index: 0; height: 24px; display: inline-block; float: right; padding-right: 5px; padding-left: 5px; margin-top: 10px; margin-bottom: -15px; background: url(/bitrix/templates/empty/images/close.svg) no-repeat; transform: rotate(90deg); position: absolute; top: 50%; transform: translateY(-50%); background-position: center; margin: 0; right: -3px; } .filter-active_box a label p:before { content: ""; width: 0px; border-left: 1px solid #edecee; right: 8px; z-index: 0; height: 38px; top: 0px; position: absolute; padding-right: 15px; display: inline-block; float: right; /* transform: rotate(90deg); */ /* transform: rotate(90deg); */ } .kind.filter-FASOVKA { font-weight: bold; } .filter-active_box.on .niz { overflow: hidden; display: block; margin-left: 10px; padding-top: 10px; width: 100%; } .filter-active_box.on .niz div.element { color: #8F91A3; font-size: 12px; font-family: 'HelveticaNeueCyr'; } .filter-active_box.on .niz div.sbros a { color: #8FBC62; border-bottom: 1px #8FBC62 dotted; position: absolute; font-family: 'HelveticaNeueCyr'; font-size: 12px; -webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px); } .filter-active_box.on .niz div { width: 50%; float: left; font-size: 12px; } /*.main-catalog-filter { min-width: 250px; }*/ /* правки верстки */ .catalog-wrapper { box-sizing: border-box; max-width: 1205px; margin: 0 auto; } .catalog-list { margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-list .catalog { width: 286px; /*height: 405px*/ height: auto; padding-bottom: 10px; margin: 0 10px 20px; background-color: #fff; position: relative;; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog .dif { left: 30px; top: -20px; } .name-product { position: relative; } .catalog .name-product { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .catalog-list .catalog:hover { box-shadow: 0px 0px 8px rgba(143, 145, 163, 0.15); border-radius: 2px; } .catalog-list .catalog .pic { height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 30px 20px; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; } .catalog-list .catalog .name { font-weight: 600; font-size: 14px; padding: 5px 30px; height: 40px; color: #141517; line-height: initial; display: block; height: auto !important; } .catalog-list .catalog .add-card { padding: 0 19px 0 30px; position: relative; } .catalog-list .catalog .add-card form { position: relative; } .price-catalog .old-price-block { } .catalog-list .catalog .price-catalog span { font-family: 'HelveticaNeueCyr'; font-size: 18px; display: inline-block; color: #141517; font-weight: bold; } .catalog-list .catalog .pic img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin-top: 5px; } .add-card .counter-block { width: 150px; } .favorites { position: absolute; right: 16px; top: 16px; filter: grayscale(1); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 2; cursor: pointer; } .favorites:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .beono-basket .add-to-cart .select { margin-bottom: 30px; } .main-form__descr { font-family: 'HelveticaNeueCyr'; font-weight: normal; font-size: 14px; color: #141517; margin-bottom: 35px; text-align: center; } .card .input input.sale-class-input { background-color: #8F91A3; border-radius: 30px; color: #fff; font-family: 'HelveticaNeueCyr'; font-size: 16px; text-transform: lowercase; height: 60px; line-height: 60px; padding-top: 0; padding-bottom: 0; -webkit-appearance: none; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); /*width: 185px;*/ } .brands { max-width: 1205px; margin: 0 auto; overflow: hidden; } .brands .m_btn_block { margin-left: 0; } .brands .m_padding { padding-left: 0; } .brands__title { display: inline; } .brandy-list-wrapper { display: table; width: 100%; padding-left: 8.5%; margin-bottom: 20px; } .m_bukovki { margin-left: 6vw; font-family: 'HelveticaNeueCyr'; font-weight: bold; font-size: 24px; text-transform: uppercase; color: #000; float: none !important; display: table-cell; vertical-align: top; } .brands .m_link2 { width: calc( (90% - 6vw) / 4 ); margin-right: 0 !important; } .m_link2:hover a { color: #8753EE; } .m_link2 a { font-size: 16px; font-family: 'HelveticaNeueCyr'; text-decoration: none; color: #000; line-height: 20px; } .price-catalog .dif { /*border-radius: 20px;*/ font-family: 'HelveticaNeueCyr'; font-weight: bold; padding-top: 0; height: 20px; line-height: 20px; } .add-class-input-btn { width: 185px; height: 58px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background-color: #8FBC62; font-size: 16px; font-family: 'HelveticaNeueCyr'; border-radius: 50px; cursor: pointer; position: relative; -webkit-box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); } .add-class-input-btn div img { width: 18px; height: 20px; } .add-class-input-btn .add-class-input { opacity: 0; width: 100%; position: absolute; left: 0; top: 0; height: 100%; } .add-class-input-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 30px; width: 100%; } .page-container { max-width: 1205px; margin: 0 auto; } .top_banner { height: 280px; margin-bottom: 25px; } .bot_banner { height: 300px; } .top_banner-bg, .bot_banner-bg { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; background-position: no-repeat; } .b-richard__type--brands { margin-bottom: 20px; } .catalog-list--wide { margin-left: 0; margin-right: 0; } .catalog-list--wide .catalog { width: 281px; } .switch--small { margin-bottom: 20px; } .switch--small .s_button { font-size: 16px; } .main-brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .slider_mobile + .box_wrapper { padding-top: 20px; } .slider_mobile { display: none; } .nav1__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 237px; } .nav1__group img { margin-right: 10px; margin-bottom: 10px; } .nav1__group img { max-width: 220px; } /**/ .favor-page > .box_wrapper:first-child { overflow: visible; } .favor-page .catalog-list { margin-top: 10px; } .del-btn { margin-top: 10px; margin-bottom: 10px; } .del-btn div { color: #8753EE; font-size: 14px; position: relative; border-bottom: 1px solid #8753EE; display: inline-block; margin-left: 15px; cursor: pointer; } .del-btn div:before { content: ''; position: absolute; width: 8px; height: 8px; background-image: url(/bitrix/templates/empty/images/close-purple.svg); background-repeat: no-repeat; background-position: center; top: 50%; margin-top: -4px; left: -15px; } .tooltip_wish { font-size: 12px; color: #8F91A3; background: #F9F8F7; border: 1px solid #ECECEE; position: absolute; left: -117px; top: -5px; padding: 7px 10px; transition: all .3s ease-in-out; line-height: normal; } .favorites.added .tooltip_wish { left: -117px; } .favorites.favorites--card { top: -5px; } .tooltip_wish:after, .tooltip_wish:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip_wish:after { border-color: rgba(249, 248, 247, 0); border-left-color: #F9F8F7; border-width: 10px; margin-top: -10px; } .tooltip_wish:before { border-color: rgba(236, 236, 238, 0); border-left-color: #ECECEE; border-width: 11px; margin-top: -11px; } .dzen__link { display: block; max-width: 110px; } .icon-favorite .minipig2 { background: #8fbc62; color: #fff; width: 16px; top: -6px; left: 12px; margin: 0; padding: 0; position: absolute; height: 16px; font-size: 12px; line-height: 16px; font-family: "ProbaPro", sans-serif; font-weight: bold; display: none; border-radius: 10px; } .cofesso__textblock { left: 65px; text-align: left; } .b-richard__type-text.cofesso__textblock { margin-top: 20px; } .cofesso__title { font-size: 35px; font-family: "ProbaPro", sans-serif; font-weight: bold; color: #4a1d17; } .input.width50.to-cart-btn { width: 100%; max-width: 240px; text-align: left; } .to-cart-btn .add-class-input-btn { width: 240px; } .favorites-border { position: relative; float: left; width: 58px; height: 58px; border: 1px solid #ECECEE; border-radius: 50%; margin-top: 23px; margin-left: 15px; } .favorites-border .favorites--card { top: 50%; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .favorites--card.added .tooltip_wish { left: auto; right: -117px; } .favorites--card .tooltip_wish { left: auto; right: -117px; background-color: #fff; border-radius: 4px; } .favorites--card .tooltip_wish:before, .favorites--card .tooltip_wish:after { left: auto; right: 100%; } .favorites--card .tooltip_wish:before { border-right-color: #ECECEE; border-left-color: transparent; } .favorites--card .tooltip_wish:after { border-left-color: transparent; border-right-color: #FFF; } .cart-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; line-height: 1em; } .icon_soc__item { width: 23px; height: 23px; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; margin-right: 10px; } .icon_soc-vk { background-image: url(/bitrix/templates/empty/images/soc-vk.svg); } .icon_soc-vk:hover { background-image: url(/bitrix/templates/empty/images/soc-vk-active.svg); } .icon_soc-ok { background-image: url(/bitrix/templates/empty/images/soc-ok.svg); } .icon_soc-ok:hover { background-image: url(/bitrix/templates/empty/images/soc-ok-active.svg); } .icon_soc-fb { background-image: url(/bitrix/templates/empty/images/soc-fb.svg); } .icon_soc-fb:hover { background-image: url(/bitrix/templates/empty/images/soc-fb-active.svg); } .icon_soc-tw { background-image: url(/bitrix/templates/empty/images/soc-tw.svg); } .icon_soc-tw:hover { background-image: url(/bitrix/templates/empty/images/soc-tw-active.svg); } .icon_soc-wa { background-image: url(/bitrix/templates/empty/images/soc-wa.svg); } .icon_soc-wa:hover { background-image: url(/bitrix/templates/empty/images/soc-wa-active.svg); } .icon_soc-mail { background-image: url(/bitrix/templates/empty/images/soc-mail.svg); } .icon_soc-mail:hover { background-image: url(/bitrix/templates/empty/images/soc-mail-active.svg); } .link-itself { display: inline-block; vertical-align: middle; font-size: 14px; position: relative; } .link-itself__title { padding-bottom: 5px; display: inline-block; color: #79A151; line-height: 30px; cursor: pointer; position: relative; } .link-itself__title:after { content: ''; position: absolute; bottom: 9px; left: 0; width: 100%; border-bottom: 1px dashed #79A151; } .link-itself:hover .link-itself__popup { display: -webkit-box; display: -ms-flexbox; display: flex; } .link-itself__popup { position: absolute; top: 33px; right: -10%; border-radius: 5px; background-color: #fff; width: 296px; border: 1px solid #ECECEE; padding: 15px 22px; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .link-itself__popup:after, .link-itself__popup:before { bottom: 100%; left: 78%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .link-itself__popup:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .link-itself__popup:before { border-color: rgba(236, 236, 238, 0); border-bottom-color: #ECECEE; border-width: 9px; margin-left: -9px; } .link-itself__input { width: 163px; height: 30px; border-radius: 5px; border: 1px solid #ECECEE; display: inline-block; color: #6C6D79; font-size: 13px; padding-left: 5px; } .link-itself__copy { display: inline-block; vertical-align: middle; border: 1px solid #6C6D79; border-radius: 5px; height: 30px; line-height: 28px; font-size: 13px; color: #6C6D79; text-align: center; padding: 0 8px; text-align: center; background-color: #fff; margin-left: 3px; cursor: pointer; font-family: 'HelveticaNeueCyr'; } .link-itself__copy.copy { color: #8FBC62; border-color: #8FBC62; } /*about us*/ .about-us { padding: 0 30px; font-family: 'HelveticaNeueCyr'; } .about-us__title { font-size: 30px; margin-bottom: 50px; text-align: center; } .about-us__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us__item { max-width: 45%; margin-bottom: 65px; text-align: center; } .about-us__item-img { height: 100px; padding-right: 20px; } .about-us__item-img img { max-width: 72px; } .about-us__item-title { font-size: 20px; font-weight: 600; color: #141517; margin-bottom: 25px; } .about-us__item-text { font-size: 15px; color: #6C6D79; line-height: 1.6em; } .about-us__item-text a { color: #70AD32; text-decoration: underline; } .main-features { margin-bottom: 20px; padding-top: 100px; font-family: 'HelveticaNeueCyr'; } .main-features__ttl { color: #141517; text-align: center; display: block; margin-bottom: 55px; font-weight: bold; font-size: 31px; } .main-features__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 60px; } .main-features__item { max-width: 240px; } .main-features__item .about-us__item-img { text-align: center; padding: 0; } .main-features__title { color: #6C6D79; font-size: 17px; line-height: 1.5; font-weight: bold; text-align: center; } .main-features__text { font-size: 15px; color: #6C6D79; line-height: 1.6em; } /*cart*/ .similar-prod { color: #141517; width: 65%; font-family: 'HelveticaNeueCyr'; font-size: 14px; line-height: 1.4em; float: left; } .counter-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .counter-title .head-text { font-weight: bold; line-height: 1.4em; } .counter-title-numbers { color: #8F91A3; font-size: 24px; font-weight: normal; line-height: 1em; font-weight: 200; margin-left: 10px; margin-top: 5px; } .similar-table { display: table; width: 100%; color: #141517; border-collapse: collapse; } .similar-table__row { display: table-row; border-bottom: 1px solid #ECECEE; } .similar-table__head { color: #8F91A3; font-size: 14px; } .similar-table__head .similar-table__item:nth-child(2) { padding-left: 21px; } .similar-table__head .similar-table__item:nth-child(4) { padding-left: 31px; } .similar-table__item { display: table-cell; line-height: 1.6em; vertical-align: middle; padding: 18px 0; padding-right: 10px; } .similar-table__item:last-child { width: 130px; } /*.similar-table__item:last-child { width: 130px; }*/ .similar-name { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;*/ max-width: 250px; } .similar-name span { font-size: 16px; line-height: 1.6em; display: inline; } .similar-qw { position: relative; margin-left: 5px; cursor: pointer; margin-top: 4px; display: inline; } .similar-qw:hover .similar-hint { display: block; } .similar-hint { position: absolute; background-color: #fff; display: none; font-size: 14px; color: #141517; line-height: 1.4em; max-width: 280px; padding-left: 15px; white-space: nowrap; left: 14px; padding-left: 26px; padding-right: 25px; top: 50%; transform: translateY(-50%); z-index: 2; padding-top: 12px; padding-bottom: 12px; } .similar-hint:before { content: ''; position: absolute; background-image: url(/bitrix/templates/empty/images/qw-line.svg); height: 46px; width: 5px; left: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .similar-delivery span { display: block; font-size: 13px; line-height: 1.6em; } .similar-price { font-size: 18px; font-weight: bold; text-align: center; position: relative; } .similar-price__sale { font-size: 18px; text-align: center; color: #6C6D79; } .similar-price__dif { font-size: 11px; font-weight: 400; padding: 0px 5px; border-radius: 50px; background-color: #8753EE; display: inline-block; color: #fff; line-height: 1.6; text-align: center; position: absolute; left: -20px; top: 12px; } .similar-price__wrapp { position: relative; } .similar-btn { font-size: 14px; color: #6C6D79; border-radius: 50px; padding: 0; height: 38px; width: 124px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background-color: #8FBC62; color: #fff; } .similar-btn.count_ { border: 1px solid #E4E4E4; background: #FFF; margin: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5px; color: #3F4052; } .similar-btn:hover { -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.24); box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.24); } .similar-btn.count_:hover { background: #FFF; } .similar-btn .add-class-input { position: absolute; background: #fff; border: none; opacity: 0; } .similar-btn span { line-height: 1.6em; } .similar-more { text-align: center; margin-top: 30px; } .similar-more__link { color: #79A151; border-bottom: 1px dashed #79A151; font-size: 14px; cursor: pointer; display: inline-block; line-height: 1.4em; } .similar-price-mobile { display: none; font-size: 14px; color: #6C6D79; font-weight: normal; } .reviews { width: 65%; font-family: 'HelveticaNeueCyr'; margin-bottom: 50px; border-bottom: 1px solid #ECECEE; padding-bottom: 18px; margin-top: 30px; float: left; } .reviews.no_feed_back { border: none; } .review { margin-bottom: 36px; font-size: 14px; line-height: 1.4em; } .review__wrap { border-bottom: 1px solid #ECECEE; } .review__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .review__img { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; margin-right: 14px; position: relative; } .review__img span { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; } .review__img-span { padding-top: 14px; background: #c0b0b0; text-align: center; color: #fff; font-size: 14px; } .review__name { font-weight: bold; color: #141517; margin-right: 5px; } .review__info { color: #8F91A3; } .review__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 60px; margin-bottom: 35px; padding-right: 25px; } .rating-block { margin-left: 30px; } .rating-block:first-child { margin-right: auto; margin-left: 0; } .rating-block__title { color: #6C6D79; display: block; margin-bottom: 5px; } .rating-block__stars { background-image: url(/bitrix/templates/empty/images/rating-inner.svg); background-size: cover; width: 112px; height: 17px; position: relative; display: block; } .rating-block__stars span { display: block; position: absolute; height: 100%; background-image: url(/bitrix/templates/empty/images/rating-outer.svg); background-size: cover; left: 0; top: 0; } .review__text { padding-bottom: 30px; color: #6C6D79; font-size: 15px; } .review__answer-data { border-bottom: 1px solid #ECECEE; padding-left: 80px; padding-top: 20px; } .review__answer-top { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .review__answer-name { color: #141517; margin-right: 10px; } .review__answer-date { color: #8F91A3; } .reviews__bottom { font-size: 14px; line-height: 1.4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__prev { margin-right: 45px; } .reviews__next { margin-left: 45px; } .reviews__prev img { transform: rotate(180deg); margin-right: 10px; } .reviews__next img { margin-left: 10px; } .reviews__nav-item img { vertical-align: middle; } .reviews__nav-item span { color: #6C6D79; font-weight: bold; vertical-align: middle; } .reviews__nav-count { font-size: 14px; font-weight: bold; color: #6C6D79; line-height: 21px; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .reviews__add-btn { text-decoration: none; color: #fff; font-size: 16px; background-color: #8FBC62; text-align: center; display: inline-block; padding: 20px 40px; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); border-radius: 50px; } .charact-table { font-size: 14px; color: #908F9D; } .charact-table__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ECECEE; padding: 15px 0; } .charact-table__item:last-child { border: none; } .charact-table__item span { width: 50%; } .charact-table__item span:last-child { color: #141517; } .reviews-none { display: none; font-size: 14px; color: #6C6D79; line-height: 1.4em; border-bottom: 1px solid #ECECEE; padding-bottom: 35px; margin-bottom: 35px; } .show-all-prices-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .show-all-prices { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #79A151; padding-top: 20px; position: relative; } .show-all-prices__tooltip { position: absolute; padding: 5px 10px; border: 1px solid #79A151; border-radius: 5px; display: block; top: 70%; left: 160px; line-height: 1.4em; background: #fff; display: none; color: #79A151; z-index: 2; } .show-all-prices img:hover + .show-all-prices__tooltip { display: block; } .show-all-prices span { display: inline-block; border-bottom: 1px dashed #79A151; line-height: 1.4em; margin-right: 10px; } .review__edit-wrapper { margin-left: auto; display: flex; align-items: center; } .review__edit-wrapper a { color: #8753ee; } .review__edit { margin-right: 20px; } .add-review__input-required.error { border-color: #c71f1f; } .err_review-form { display: none; color: #c71f1f; text-align: center; width: 100%; line-height: 18px; margin-bottom: 6px; } .add-review__naming { display: none; } .error-page { height: calc(100vh - 514px - 100px); min-height: 650px; position: relative; font-family: 'HelveticaNeueCyr'; background-position: center; background-repeat: no-repeat; background-color: #fca94b; } .error-page__left { position: absolute; max-width: 350px; top: 151px; left: 25%; } .error-page__title-1 { color: #000; font-size: 24px; margin-bottom: 10px; } .error-page__title-2 { color: #fff; font-size: 36px; font-weight: bold; margin-bottom: 10px; } .error-page__title-3 { font-size: 18px; color: #000; margin-bottom: 15px; } .error-page__link { color: #fff; font-size: 14px; position: relative; display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 3px; } .error-page__link:after { content: ''; background-image: url(/bitrix/templates/empty/images/arrow-right-white.svg); width: 10px; height: 10px; background-size: cover; position: absolute; right: -15px; top: 6px; } .minipig { display: none; } [name="carrot_frame"] { height: 100%; } /*fix catalog height*/ .catalog-list .catalog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-list .name-product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-list .catalog .name { height: auto !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto !important; } .catalog-list .catalog .pic { -ms-flex-negative: 0; flex-shrink: 0; } .catalog-popular-2 .catalog-list .catalog { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-popular-2 .catalog-list .name-product { height: auto; display: block; } .review__gallery { padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .review__gallery-item { max-width: 180px; display: inline-block; text-decoration: none; margin-right: 10px; } .review__gallery-item img { max-width: 100%; } .css-popup__bg { display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.7); font-family: 'HelveticaNeueCyr'; box-sizing: border-box; z-index: 999999999; } .css-popup-review .css-popup__outer, .css-popup-review-edit .css-popup__outer { max-height: 89vh; overflow: auto; } .css-popup__outer { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 35px 65px 30px; } .css-popup__close { position: absolute; cursor: pointer; width: 20px; height: 20px; background-image: url(/bitrix/templates/empty/images/close.svg); -webkit-filter: grayscale(1); filter: grayscale(1); background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #fff; cursor: pointer; z-index: 2; right: 25px; top: 25px; } .add-review, .add-review-edit { color: #141517; font-size: 14px; line-height: 1.6em; max-width: 460px; width: 460px; } .add-review__title { font-size: 36px; font-weight: bold; margin-bottom: 5px; line-height: 1.4em; } .add-review__title + p { font-size: 18px; margin-bottom: 16px; line-height: 1.4em; } .add-review__product { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .add-review__product-img { -ms-flex-negative: 0; flex-shrink: 0; width: 90px; height: 90px; margin-right: 19px; position: relative; } .add-review__product-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .add-review__product-name { font-size: 14px; margin-bottom: 5px; } .add-review__product-link { color: #79A151; border-bottom: 1px dashed #79A151; display: inline-block; padding-bottom: 2px; } .add-review__subtitle { font-weight: bold; font-size: 18px; margin-bottom: 10px; } .add-review__rate .review__rating { display: block; padding: 0; } .add-review__rate .rating-block .rate-me:not(:checked) > label::before { text-shadow: 0 0 2px #8753EE; } .add-review__rate .rating-block:first-child .rate-me:not(:checked) > label::before { text-shadow: none; } .rate-me:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0,0,0,0); } .rate-me:not(:checked) > label { float:right; width:1em; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:200%; line-height:1.2; color:#ECECEE; } .rate-me:not(:checked) > label:before { content: '★ '; } .rate-me > input:checked ~ label { color: #8753EE; } .rate-me:not(:checked) > label:hover, .rate-me:not(:checked) > label:hover ~ label { color: #8753EE; } .rate-me > input:checked + label:hover, .rate-me > input:checked + label:hover ~ label, .rate-me > input:checked ~ label:hover, .rate-me > input:checked ~ label:hover ~ label, .rate-me > label:hover ~ input:checked ~ label { color: #533392; } .rate-me > label:active { position:relative; top:2px; left:2px; } .rating-block--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .rating-block--flex:first-child { margin-bottom: 20px; } .rating-block--flex:first-child .rating-block__stars { width: 204px; height: 31px; } .rating-block--flex:first-child .rating-block__title { margin-top: 3px; } .rating-block--flex .rating-block__title { margin-right: 10px; margin-bottom: 0; min-width: 115px; } .add-review__textarea-wr { width: 100%; position: relative; } .add-review__textarea { width: 100%; height: 115px; max-height: 150px; resize: vertical; border-radius: 30px; border: 1px solid #8F91A3; background-color: #fff; padding-top: 15px; padding-left: 30px; box-sizing: border-box; } .textarea-hide-name.focus + .add-review__textarea-name { opacity: 0; } .add-review__textarea-name { position: absolute; font-size: 16px; color: #8F91A3; line-height: 1.4em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; top: 15px; left: 30px; } .r-req { color: red; } .drop-area { position: relative; } .drop-area__rest { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #ECECEE; } .drop-area__hover { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; z-index: 2; } .drop-area__hover-wr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #8753EE; font-size: 14px; background-color: #fff; border: 1px solid #8F91A3; border-radius: 30px; height: 100%; } .drop-area__hover-wr img { width: 24px; margin-right: 19px; } .drop-area.dropped .drop-area__rest { -ms-flex-wrap: wrap; flex-wrap: wrap; } .drop-area.dropped .drop-area__rest-info { display: none; } .drop-area.hover .drop-area__hover { display: block; } .drop-area.hover .drop-area__rest { opacity: 0; } .drop-area__rest > input { cursor: pointer; position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } .drop-area__button, .drop-area__button-edit { -ms-flex-negative: 0; flex-shrink: 0; width: 98px; height: 73px; background-color: #ECECEE; border: 1px solid #8F91A3; border-radius: 30px; margin-right: 17px; position: relative; cursor: pointer; } .drop-area__button img, .drop-area__button-edit img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; height: 22px; } .drop-area__rest-info { font-size: 14px; } .drop-area__rest-info div { color: #6C6D79; } .drop-area__rest-info span { display: block; color: #979797; } .add-review__naming { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .add-review__naming-l { font-size: 16px; } .add-review__naming-l b { display: block; } .add-review__naming-hide { font-weight: bold; color: #6C6D79; } .toggle-checkbox__input { display: none; } .toggle-checkbox__input:checked + .toggle-checkbox__pseudo:after { left: calc(100% - 29px); } .toggle-checkbox__input:checked + .toggle-checkbox__pseudo { background-color: #8FBC62; } .toggle-checkbox { height: 30px; cursor: pointer; } .toggle-checkbox__pseudo { display: inline-block; position: relative; width: 63px; height: 100%; border: 1px solid #C4C4C4; background-color: #DADADA; box-sizing: border-box; border-radius: 30px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .toggle-checkbox__pseudo:after { content: ""; width: 26px; height: 26px; border: 1px solid #C4C4C4; border-radius: 50%; position: absolute; top: 0; left: 1px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-color: #fff; } .add-review__submit, .add-review__submit__edit { text-transform: uppercase; text-align: center; font-weight: bold; color: #fff; background-color: #8FBC62; width: 90%; margin: 0 auto; border-radius: 100px; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); border: none; padding: 20px 0; cursor: pointer; } .form-error-txt { display: none; } .add-review__naming-hide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .add-review__naming-hide span { display: inline-block; margin-right: 14px; } .add-review__bottom { padding-top: 16px; } .add-review__submit-outer { text-align: center; } .drop-area__thumb, .drop-area__thumb-edit { display: -webkit-box; display: -ms-flexbox; display: flex; } .drop-area__thumb-wr { display: -webkit-box; display: -ms-flexbox; display: flex; } .drop-area__thumb .dz-preview, .drop-area__thumb-edit .dz-preview { border-radius: 30px; margin-right: 10px; position: relative; width: 80px; height: 80px; } .dz-error-mark, .dz-success-mark, .dz-error-message, .dz-progress, .dz-details { display: none; } .dz-remove { text-indent: -9000px; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background-image: url(/bitrix/templates/empty/images/menu-close.svg); background-size: cover; } .description-card__topline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .description-card__topline .art { margin-bottom: 0; } .count-reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; text-decoration: none; color: #8F91A3; cursor: pointer; } .count-reviews img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 4px; } .description-card__topline-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .anchor-link { cursor: pointer; } .cart-product-info { padding: 12px 0 17px; border-bottom: 1px solid #ECECEE; line-height: 1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'HelveticaNeueCyr'; margin-bottom: 18px; } .cart-product-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .cart-product-info__img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 19px; max-width: 29px; margin-top: 2px; } .cart-product-info__txt { font-size: 13px; color: #141517; } .cart-product-info__txt span { color: #8F91A3; display: block; } .ch-mobile li.line:nth-last-child(4):before, .ch-mobile li.line:nth-last-child(5):before, .ch-mobile li.line:nth-last-child(6):before { display: none; } .prop_ .number-catalog { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74px; } .prop_ .number-catalog p { white-space: nowrap; } .prop_ .number-catalog input { text-align: right; } .add-card .add-buttons { bottom: 14px; z-index: 2; } .counter-block img.up-button { width: 12px; height: 7px; padding: 4px 4px 0 4px; } .counter-block img.down-button { width: 12px; height: 7px; padding: 0 4px 4px; } .counter-block img.up-button2 { width: 12px; height: 7px; padding: 4px 4px 0 4px; } .counter-block img.down-button2 { width: 12px; height: 7px; padding: 0 4px 4px; } .add-to-cart .select { -webkit-box-sizing: border-box; box-sizing: border-box; } .add-card .counter-block .change-packaging { height: 30px; -moz-text-align-last: center; text-align-last: center; text-align: center; text-align: -webkit-center; } .add-to-cart .select:after { top: 0; background: url(/bitrix/templates/empty/images/down.png) center no-repeat; background-size: 12px 7px; } .add-card .counter-block { width: 162px; } .catalog-popular-2 .add-card .counter-block { width: 155px; } .card-tags { -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 7px; margin-bottom: 18px; padding-right: 83px; position: relative; font-size: 14px; width: 100%; } .card-tags__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-tags__item { text-decoration: none; color: #6C6D79; background-color: #ECECEE; border-radius: 100px; padding: 7px 30px; margin-right: 10px; margin-bottom: 12px; display: none; } .card-tags__item:nth-child(1), .card-tags__item:nth-child(2), .card-tags__item:nth-child(3), .card-tags__item:nth-child(4), .card-tags__item:nth-child(5) { display: inline-block; } .card-tags__item.c-show { display: inline-block; } .card-tags__all { position: absolute; color: #8FBC62; border-bottom: 1px dashed #8FBC62; right: 0; top: 4px; font-size: 16px; cursor: pointer; } .card-tags__all:after { content: ''; position: absolute; width: 11px; height: 11px; background-image: url(/bitrix/templates/empty/images/arrow-right-green.svg); background-size: cover; background-repeat: no-repeat; background-position: center; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; } .soc_ { margin-bottom: 4px; } .soc_.dzen { clear: left; } .ytube__link { max-width: 40px; display: block; padding-top: 1px; } body .bx-livechat-position-bottom-right { bottom: 30px; right: 103px; } body .bx-livechat-wrapper { z-index: 100003; } .cloudpay_button { font-weight: unset; height: 42px; border-radius: 3px; text-transform: uppercase; background-color: #86af49; cursor: pointer; border-radius: 3px; background-color: #86af49; padding-left: 18px; padding-right: 18px; text-transform: uppercase; color: #fafafa; font-size: 14px; border: 0; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cloudpay_button:hover, .cloudpay_button:focus { background-color: #7ba253; } .contact1-icon { position: relative; } .contact1-icon:before { content: ""; background-image: url(/bitrix/templates/empty/images/email/telephone-symbol-button.png); width: 17px; height: 17px; background-size: cover; position: absolute; left: 0; top: 0; display: block; } .condition-text .res-pay .cloudpay_button { margin-right: 10px; } @media screen and (max-width: 1279px){ .main-catalog .catalog-wrapper { max-width: 698px; } .m_bukovki { margin-left: 85px; } .main-brands { padding: 0 10px; } .brandy_banner.link { -webkit-box-flex: 0; -ms-flex: 0 0 184px; flex: 0 0 184px; height: 91px; border: 2px solid #F9F8F7; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; } .brandy_banner.link a { margin: auto; height: auto; } .favor-page { padding: 0 25px; } .main-features { padding-left: 30px; padding-right: 30px; } .error-page__left { left: 55px; } .rating-block__stars { width: 74px; height: 11px; } .count-reviews span { white-space: nowrap; } .count-reviews { -ms-flex-negative: 0; flex-shrink: 0; } .similar-prod { width: 100%; } .similar-table__head .similar-table__item:nth-child(3) { text-align: center; } .similar-table__head .similar-table__item:nth-child(4) { padding-left: 0; text-align: center; } ul.full-width { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ul.full-width li { width: auto !important; } .navigation .full-width li:nth-child(3) { padding-left: 30px; } .navigation .full-width li:nth-child(3):before { left: -3px; } ul.full-width li:last-child { width: auto !important; } .brands { padding: 0 25px; } } @media screen and (max-width: 1024px) { .slider1 .site_size.btn-bottom { height: 240px !important; } .main-catalog .sort a { white-space: nowrap; } } @media screen and (max-width: 1023px) { .one_line_pic, .two_line_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; } .two_line_pic { -ms-flex-wrap: wrap; flex-wrap: wrap; } .m_bukovki { margin-left: 65px; } .brands .m_link2 { width: calc( (90% - 65px) / 4 ); } .brandy_banner, .brandy_banner.link { width: 150px; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; } .brandy_banner { padding: 15px; } .del-btn div { font-size: 13px; } .about-us__title { font-size: 30px; } .reviews { width: 100%; } .review__img { width: 35px; height: 35px; margin-right: 9px; } .review__rating { padding-left: 44px; padding-right: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rating-block:first-child { margin-right: 0; width: 100%; margin-bottom: 11px; } .rating-block:nth-child(2) { margin-left: 0; } .similar-name span, .similar-price { font-size: 16px; } .similar-delivery span { font-size: 14px; } .similar-table__item { padding-right: 5px; } .similar-table__item:last-child { width: 110px; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 0; } .similar-hint { white-space: normal; width: 200px; } .error-page { background-position: 55% 80%; } .review__img-span { padding-top: 9px; } .similar-btn p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .similar-btn img { width: 25px; } .feedback_class { margin-top: 15px; } .similar-table__head .similar-table__item:nth-child(2) { padding-left: 15px; } .similar-prod { width: 100%; } .filter-active_box.on { padding: 22px 10px 0 15px; } .filter-active_box.on .niz { margin-left: 0; } .filter-active_box.on .niz div { width: 100%; float: none; } .filter-active_box.on .niz div.sbros a { position: relative; display: inline-block; left: auto; top: auto; transform: none; margin-bottom: 5px; } .card-tags__item:nth-child(5) { display: none; } .card-tags__item:nth-child(5).c-show { display: inline-block; } } @media screen and (max-width: 992px) { .icon-basket .minipig { background: #8fbc62; color: #fff; width: 16px; top: -6px; left: 12px; margin: 0; padding: 0; position: absolute; height: 16px; font-size: 12px; line-height: 16px; font-family: "ProbaPro", sans-serif; font-weight: bold; display: inline-block; border-radius: 10px; } } @media screen and (max-width: 959px){ .main-catalog .catalog-wrapper.catalog-list { max-width: 598px; margin: 0 auto; width: 100%; } .main-catalog .sort { text-align: center; width: 500px; } .catalog-wrapper { max-width: 100%; /*padding: 0 29px;*/ } .catalog-list { margin-left: -8px; margin-right: -8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-list .catalog { /*width: 226px; min-width: 226px;*/ min-width: 0; width: calc(25% - 16px); margin-left: 8px; margin-right: 8px; /*height: 290px;*/ height: auto; } .catalog-list .catalog .pic { height: 200px; padding: 20px 30px 25px 25px; } .catalog-list .catalog .name { font-size: 13px; height: 42px; padding: 0 15px; } .catalog-list .catalog .add-card { padding: 0 15px 0 15px; } .catalog-list .catalog .price-catalog { padding-bottom: 0; } .price-catalog .old-price-block { margin-left: 70px; } .add-card .counter-block { width: 154px; } .prop_ { width: 49%; } .catalog-list .catalog .price-catalog { padding: 0; } .add-to-cart .select select { height: 30px; font-size: 14px; width: 70px; } .prop_ .number-catalog { width: 70px; } .catalog-list .catalog .number-catalog { font-size: 14px; } .catalog input { font-size: 14px; text-align: center; } .catalog-list .catalog .number-catalog p { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .add-card .add-buttons { width: 48px; height: 32px; position: relative; margin: 4px auto 0; bottom: auto; } .add_to_cart img { width: 17px; } .add-card .add-buttons:hover { width: 53px; } .add-card .add-buttons:hover .add_to_cart { padding: 0; } .add-card .add-buttons:hover span { display: none; } .catalog-product { padding-left: 9px; width: calc(100% - 175px); } .main-catalog .main-catalog-filter { width: 175px; padding-left: 0; } .main-catalog .main-catalog-filter .kind label p { font-size: 13px; margin-left: 2px; } .main-catalog .main-catalog-filter .kind label p > * { display: inline-block; vertical-align: middle; } .main-catalog .catalog-list .catalog { width: calc(33.333% - 16px); min-width: 0; margin-left: 8px; margin-right: 8px; height: auto; } .main-catalog .catalog-wrapper.catalog-list { padding: 0; } .main-catalog .sort { width: auto; } .main-catalog .sort a { font-size: 14px; } .main-catalog { overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .s_button { margin-bottom: 15px; } .catalog .dif { left: 15px; } .del-btn div { border: none; text-decoration: underline; } .catalog-list--favorite .catalog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-list--favorite .catalog .name { height: auto !important; margin-bottom: 10px; } .catalog-list--favorite .catalog .pic { height: auto; } ul.full-width li { width: 12%; } ul.full-width li:nth-child(1) { width: 6% } } @media screen and (max-width: 920px) { .text_headline { width: calc(100% - 130px) !important; } } @media screen and (max-width: 768px){ .slider_mobile { display: none !important; } .slider_desktop { display: block !important; } } @media screen and (max-width: 767px){ .catalog-wrapper { padding: 0 15px; } .catalog-list { margin-left: -2px; margin-right: -2px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; justify-content: center; } .catalog-list .catalog { min-width: 48%; margin: 0 1px 10px; width: calc(33.333% - 16px); height: auto; min-height: 290px; } .catalog-list .catalog .pic { height: 180px; padding: 2px 2px 15px; } .catalog-list .catalog .name { font-size: 12px; height: 30px; } .add-card .add-buttons { width: 53px; height: 35px; position: relative; bottom: auto; right: auto; margin: 10px auto 0; display: block; } .add-card .counter-block { width: 100%; } .prop_ { width: 100%; max-width: 78px; margin-right: 5%; text-align: left; } .catalog-list .catalog .price-catalog span { font-size: 14px; } .one_line_pic, .two_line_pic { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-catalog { padding: 0 25px; } .catalog-product { width: 100%; padding-left: 0; } .sort_type, .filter_type { font-family: 'HelveticaNeueCyr'; font-weight: bold; } .m_bukovki { margin-left: 0px; margin-right: 25px; font-size: 18px; } .m_link a { font-size: 14px; } .brands .m_link2 { width: 35%; } .brands { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-brands { padding: 20px 15px 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brandy_banner, .brandy_banner.link { margin-top: 0; margin-bottom: 15px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: calc(33.333% - 14px); } .box-cards { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .cofesso__textblock { left: 15px; } .cart-title--share { position: relative; margin-bottom: 20px; } .cart-title--share.hide_content:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cart-title--share:before { content: ''; display: inline-block; vertical-align: middle; width: 17px; height: 18px; background-image: url(/bitrix/templates/empty/images/share.svg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 12px; } .cart-title--share:after { content: ''; position: absolute; right: -6px; top: -1px; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; background-position: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .link-itself { display: block; margin-top: 15px; } .link-itself__title { color: #8F91A3; font-size: 12px; line-height: 1.2em; } .link-itself__title:after { display: none; } .icon_soc__item { margin-right: 20px; } .link-itself__popup { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; right: auto; top: auto; border: none; padding: 0; } .link-itself__popup:after, .link-itself__popup:before { display: none; } .link-itself__input { width: 190px; } .link-itself__copy { margin-left: 7px; } .navigation .full-width li:nth-child(3):before { left: -24px; top: 6px; width: 19px; height: 31px; } .about-us__title { font-size: 22px; } .about-us__wrapper { display: block; } .about-us__item { width: 100%; max-width: 400px; margin: 0 auto 50px; } .about-us__item-title { font-weight: normal; } .main-brands { display: -webkit-box; display: -ms-flexbox; display: flex; display: none !important; } .slider_mobile + .box_wrapper { padding-top: 0; } .reviews, .similar-prod { width: 100%; padding-left: 10px; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-features__ttl { font-size: 21px; margin-bottom: 50px; } .main-features__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .main-features__item { max-width: 50%; width: 50%; margin-bottom: 30px; } .main-features { padding: 60px 15px 0; } .main-features__title { max-width: 200px; margin: auto; color: #141517; } .error-page__left { left: 15px; } .error-page { background-size: 630px; background-position: top center; } ul.full-width { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; } ul.full-width li:nth-child(1), ul.full-width li:nth-child(2) { width: auto; } ul.full-width li { width: auto; display: inline-block; } ul.full-width li:last-child { width: auto !important; } .navigation .full-width li:nth-child(3) { padding-left: 0; } .slider_mobile { display: block !important; } .slider_desktop { display: none !important; } .css-popup__outer { width: 100%; height: 100vh; max-height: 100vh; box-sizing: border-box; } .css-popup-review .css-popup__outer, .css-popup-review-edit .css-popup__outer { max-height: 100vh; } .add-review, .add-review-edit { width: 100%; } .description-card__topline-info { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } .counter-title .head-text { font-family: 'HelveticaNeueCyr'; margin-bottom: 0; font-size: 14px; } .reviews { margin-top: 10px; margin-bottom: 10px; padding-bottom: 0; border-bottom: none; } .counter-title-numbers { font-size: 14px; margin-top: -2px; } .counter-title { position: relative; } .counter-title:after { content: ""; width: 14px; position: absolute; right: -9px; height: 14px; margin-top: 0; background: url(/bitrix/templates/empty/images/arrow-right-1.svg) no-repeat; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; top: 0; } .counter-title.active { -webkit-box-shadow: none; box-shadow: none; } .counter-title.active:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); top: 5px; } .reviews__bottom { margin-bottom: 35px; } .tabs_rigth .catalog-list .catalog { width: 48% !important; } .similar-table { display: block; } .similar-table__head { display: none !important; } .similar-table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .similar-table__item:nth-child(1), .similar-table__item:nth-child(2), .similar-table__item:nth-child(3) { width: 100%; } .similar-table__item:nth-child(1) { padding-left: 0; } .similar-table__item { padding: 0 0 11px 25px; } .similar-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .similar-name span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .similar-qw { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 5px; } .similar-price-mobile { display: inline-block; margin-right: 5px; } .similar-table__row { padding-bottom: 20px; margin-bottom: 20px; } .similar-price { text-align: left; margin-bottom: 10px; } .similar-delivery { color: #6C6D79; } .cart-share-block { display: none; } .card-tags__all:after { right: -14px; } .card-tags__all { margin-right: 15px; position: relative; display: inline; right: auto; top: auto; white-space: nowrap; } .card-tags { padding-right: 0; margin-top: 14px; } .card-tags__wrapper { display: inline; } .card-tags__item { padding: 7px 20px; } .h1 span { padding-left: 0 !important; } .h1 b { padding-right: 25px; } .similar-price__wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .similar-price__dif { position: relative; left: auto; top: auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } .similar-price__sale { font-size: 14px; margin-left: 8px; } .similar-price { font-size: 14px; } .box_wrapper h1 { padding-top: 0; } } @media screen and (max-width: 639px){ .catalog-list .catalog { height: 340px; } .catalog-list--favorite .catalog { height: auto; } .catalog-list .catalog .name { height: 42px; padding: 0 5px; margin-bottom: 3px; /*overflow: hidden;*/ } .catalog-list .catalog .add-card { padding: 0 17px 0 5px; } .catalog-list .catalog .price-catalog .fa-rub { font-size: 14px; } .price-catalog .old-price-block { font-size: 12px; margin-left: 60px; margin-top: 15px; } .prop_ { width: 48%; margin-right: 0; } .prop_:first-child { margin-right: 4%; } .add-to-cart .select:after { display: none; } .catalog-list .catalog .number-catalog .but-img { display: none; } .add-card .counter-block .change-packaging { padding-right: 0; text-align: center; width: 100%; } .catalog-list .catalog .number-catalog, .add-to-cart .select { width: 100%; } .catalog-list .catalog .number-catalog { padding-right: 10px; } .add-card .add-buttons { margin-top: 3px; } .main-catalog { padding: 0 15px !important; } .main-catalog .catalog-list .catalog { width: calc(50% - 3px); margin-left: 0 !important; margin-right: 0 !important; } .main-catalog .catalog-list .catalog:nth-child(odd) { margin-right: 6px !important; } .card .input input.sale-class-input { margin-right: 0; width: 217px; -webkit-box-sizing: border-box; box-sizing: border-box; } .add-class-input-btn { width: 217px; } .catalog .dif { left: 5px; } .navigation .full-width li:nth-child(3):before { display: none; } .reviews__wrapper { padding-left: 15px; padding-right: 15px; } .review__top { display: block; margin-bottom: 15px; } .review__edit-wrapper { margin: 15px 15px 25px 0; } .review__img { float: left; } .review__rating { padding: 0; display: block; margin-bottom: 10px; } .rating-block:first-child { margin-bottom: 22px; } .rating-block { margin-left: 0; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating-block__title { margin-right: 15px; min-width: 110px; margin-bottom: 0; } .review__answer-data { padding-left: 30px; } .reviews__bottom { display: block; } .reviews__nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .reviews__add { text-align: center; } .counter-title-numbers { font-size: 14px; } .counter-title .head-text { margin-bottom: 3px; } .similar-table__head { display: none !important; } /* .similar-table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; }*/ /*.similar-table__item { display: block; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }*/ /*.similar-table__item:nth-child(2) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; }*/ .counter-title .head-text { padding-left: 0; margin-bottom: 0; } .similar-prod { margin-bottom: 30px; } .similar-table { overflow: hidden; } .similar-hint { width: 100vw; transform: none; top: 30px; padding: 10px; left: 0; border-top: 1px solid #8753EE; } .similar-hint:before { background-image: url(/bitrix/templates/empty/images/qw-line-xs.png); background-size: 8px 5px; left: 0; top: -5px; -webkit-transform: none; -ms-transform: none; transform: none; width: 8px; height: 5px; background-repeat: no-repeat; background-color: #fff; z-index: 2; } .similar-name { position: relative; } .similar-qw { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: 6px; } .similar-name span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 479px) { .top-title .text-title h1 { text-align: center; } p[data-list-popular='3']{ padding-bottom: 15px; } .catalog-wrapper { padding: 0px; overflow-x: hidden; } .head_mob_banner { padding-bottom: 10px; } .sort_type, .filter_type { font-size: 13px; } .main-catalog h1 { font-size: 24px; } .h1 span { padding-left: 5px; } .brandy_banner.link a { color: #8FBC62; border-color: #8FBC62; } .brandy_banner, .brandy_banner.link { height: 16.25vw; font-size: 11px; min-width: 87px; padding: 1.25vw; } .brandy_banner.link a:after { display: none; } .hide-xs { display: none; } .cofesso__title { white-space: normal; text-align: left; line-height: 1em; max-width: 155px; } .about-us { padding: 0 15px; } .css-popup__outer { top: 0; left: 0; transform: none; padding: 30px 15px; } .add-review__title { font-size: 24px; } .add-review__title + p { font-size: 16px; } .add-review__testimonials { margin-bottom: 10px; } .review__edit-wrapper { justify-content: space-between; } .rating-block--flex:first-child .rating-block__stars { width: 157px; height: 24px; } .rating-block--flex .rating-block__title { min-width: 95px; font-size: 14px; } .add-review__naming { display: block; } .description-card__topline-info { margin-top: 2px; margin-bottom: 3px; } .counter-title:after { right: 17px; } .logo.top-menu__logo div { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: absolute; white-space: nowrap; } .b-richard__type--green-tea-arom .b-richard__type-text { left: 46% !important; margin-top: 10px; } .b-richard__type--gift-case .b-richard__type-text { left: 10% !important; margin-top: 10px; } .b-richard__type--green-tea-classic .b-richard__type-text { left: 45% !important; } .b-richard__type--assorti .b-richard__type-text { left: 8% !important; } .catalog-list .catalog .pic img { max-height: 160px; } .review__img-span { padding-top: 8px; } .cart-title--share:after { right: 8px; } .brandy-list-wrapper { padding-left: 0; } .brands .m_link2 { width: 45%; padding-right: 5px; } .text_headline { width: calc(100% - 100px) !important; } .mobile-menu .text-mobile-menu { padding-bottom: 120px; } .catalog-popular-2 .catalog .number-catalog { font-size: 16px; } .catalog-popular-2 .catalog .number-catalog input { font-size: 16px; } .catalog .dif { top: -22px; height: 16px; /* padding-top: 5px; */ } .rating-block, .rating-block.rating-block--flex { display: block; } .rating-block__stars-choose { display: inline-block; } .rating-block__stars { margin-top: 4px; } } @media screen and (max-width: 370px) { .cofesso__title { font-size: 27px; } .cofesso__textblock { left: 15px; } .b-richard__type-text div:last-child { font-size: 16px !important; } .menu-down .right-col .basket .icon-user, .menu-down .right-col .basket .icon-basket { margin-right: 0; } .menu-down .right-col .basket .icon-favorite { margin-right: 5px; } .menu-down .right-col { width: auto; white-space: nowrap; } .logo.top-menu__logo div { font-size: 10px; } .menu-down .right-col:last-child { width: 90px; } .input.width50.to-cart-btn { max-width: 230px; } .to-cart-btn .add-class-input-btn { width: 230px; } .favorites-border { margin-left: 6px; } } /*Стили для ie*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .favorites img { display: none; } .favorites { width: 24px; height: 22px; background-image: url(/bitrix/templates/empty/images/heart-gray.svg); background-size: cover; } .favorites:hover, .favorites.added { background-image: url(/bitrix/templates/empty/images/heart.svg); } .counter-block .number-catalog p input { text-align: center; } } .ban_left { display: none; } .ban_right { display: none; } .main-catalog .main-catalog-filter .kind.filtertwo{ margin-bottom: 0px;} .two_filter.active { box-shadow: unset; } .sort { font-size: 16px; height: 20px; } .icons_fasovka{ width: 30px; } .two_filter label { padding-left: 20px; } .disable_filter{display:none;} .filter-head { color: #8F91A3; font-size: 14px; text-transform: uppercase; font-weight: bold; font-family: 'HelveticaNeueCyr'; letter-spacing: 1.4px; } .main-catalog, .tabs-area { margin-top: 0px; } .main-catalog .main-catalog-filter { margin-top: 0px; } .catalog-product, .sale-giff-basket__catalog-product { line-height: unset; } .filter_name { border-bottom: 1px solid #ECECEE; padding: 11px 0; width: 95%; font-weight: bold; } .filter-active_box.on{ margin: 20px 0; width: calc(100% - 2px); overflow: hidden; border: 1px solid #dedede; border-radius: 5px; padding: 22px; box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 6.86px 0.14px rgba(0, 0, 0, 0.16); -webkit-box-sizing: border-box; box-sizing: border-box; } .h1 span { color: #d2d2d2; font-weight: 200; font-size: 24px; display: inline-block; padding-left: 25px; } h1 { padding: 20px 0; } .filter-active_box.on p { border: 1px solid #ececee; border-radius: 30px; float: left; margin: 3px; font-size: 14px; position: relative; display: inline-block; width: fit-content; padding: 9px; line-height: 21px; margin-top: 2px; cursor: pointer; color: #141517; padding-right: 30px; } .filter-active_box.on span{ display: none; } .filter-active_box.on img{ display: none; } .mob_box_top { overflow: auto; position: fixed; display: none; width: 100%; top: 0; margin-left: -10px; height: 100%; z-index: 1000000; background: #fff; } .mob_box_top i.close { margin-right: 11px; position: absolute; margin-top: 20px; top: 0.1%; right: 3%; color: #fafafa; padding: 0; display: block; width: 24px; height: 24px; background: url(/bitrix/templates/empty/images/menu-close.svg) no-repeat; } .close div { color: black; margin-left: -60px; font-size: 12px; text-transform: ; } .content_mob_box { margin-top: 20px; padding: 20px; } .box_tag { float: left; border: 1px solid #ececee; border-radius: 30px; float: left; background: #ececee; margin: 2px; position: relative; display: inline-block; width: fit-content; padding: 5px; } .box_tag a { color: black; } .tags { display: inline-block; } .box_tag.checked{background: #fff;} .m_br {margin-left: 90px;} .m_h1 {margin-left:42px;margin-bottom: 40px; display: inline} .m_counter {color: grey; font-size: 20px} .m_btn_block {margin-left: 43px;margin-top: 20px; margin-bottom: 30px} .m_btn_passive {font-size:14px;margin-right:20px;float: left;font-weight: bold} .m_btn_magenta {font-size:14px;cursor: pointer;margin-right:20px;float: left;color:darkmagenta} .m_btn_black {font-size:14px;cursor: pointer;margin-right:20px;float: left;color:black} .m_padding {padding-left: 50px;} .m_margin {margin-left: 50px} .m_bukovki {width:10%;height:50px;float:left} .m_bukovki>span{font-size: 20px font-weight: bold;} .m_link2 {float: left;width: 24%} @media screen and (max-width: 480px) { .m_br {display:none} .m_margin {margin-left:0} .m_btn_passive{display:none} .m_link2 {width: 75%} .m_bukovki{height: 100px;} } .icon-basket .minipig { border-radius: 10px; } .add-review .img, .add-review-edit .img { text-align: center; margin-top: 30px; height: 84px; } .add-review .spasibo, .add-review-edit .spasibo { text-align: center; font-size: 36px; font-weight: bold; line-height: 1.6em; } .add-review .text, .add-review-edit .text { font-size: 24px; width: 300px; margin: 0 auto 30px; text-align: center; padding: 10px 20px; color: #6C6D79; line-height: 1.2em; } .add-review .commit, .add-review-edit .commit { text-align: center; display: none; } .add-review .bottom, .add-review-edit .bottom { text-decoration: none; color: #fff; font-size: 16px; text-transform: uppercase; margin: 10px auto; background-color: #8FBC62; text-align: center; display: inline-block; padding: 20px 0; box-shadow: 0px 7px 14.7px 0.3px rgba(0, 0, 0, 0.24), 0px 1px 156.86px 0.14px rgba(0, 0, 0, 0.12); border-radius: 50px; display: block; max-width: 300px; width: 100%; box-sizing: border-box; margin-bottom: 30px; } /* search-page */ .search-page-catalog { max-width: 1225px; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; margin-right: auto; margin-left: auto; box-sizing: border-box; } .search-page-catalog > form { margin-bottom: 20px; } .search-page-catalog *, .search-page-catalog *::before, .search-page-catalog *::after { box-sizing: border-box; } .search-page-catalog .catalog-list .catalog .name { font-weight: unset; display: flex; align-items: center; } .search-page-catalog .search-catalog { padding-left: 10px; padding-right: 10px; margin-bottom: 45px; } .search-page-catalog .catalog-list .catalog { width: 25%; padding-left: 10px; padding-right: 10px; margin: 0 0px 20px; } @media screen and (max-width: 959px) { .search-page-catalog .catalog-list .catalog { width: 33.33%; padding-left: 8px; padding-right: 8px; } .search-page-catalog .catalog-list { justify-content: flex-start; } } @media screen and (max-width: 767px) { .search-page-catalog .catalog-list .catalog { width: 50%; padding-left: 8px; padding-right: 8px; } .search-page-catalog .catalog-list { margin-left: -8px; margin-right: -8px; } .search-page-catalog .search-catalog { margin-bottom: 10px; } } @media screen and (max-width: 639px) { .search-page-catalog .search-catalog { padding-left: 0; padding-right: 0; } .search-page-catalog .catalog-list .catalog { width: 50%; padding-left: 2px; padding-right: 2px; margin-left: 0 !important; margin-right: 0 !important; height: auto; } .search-page-catalog > form { margin-top: 0; } } @media screen and (max-width: 479px) { .search-page > form input[type="text"] { width: 100%; max-width: 340px; } .search-page > form input[type="submit"] { margin-top: 15px; } } .menu-down .right-col .basket .icon-user.auth { margin-top: 5px; position: relative; } .menu-down .right-col .basket .icon-user.auth .action_link { width: 28px; height: 28px; background: #8753EE; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'HelveticaNeueCyr'; font-size: 14px; font-weight: bold; color: #F9F8F7; } .auth-dropdown { display: none; position: absolute; width: 196px; background: #FFFFFF; border: 1px solid #ECECEE; box-shadow: 0px -5px 20px rgba(198, 206, 215, 0.5); border-radius: 5px; top: 42px; left: -19px; font-family: 'HelveticaNeueCyr'; } .auth-dropdown:before { content: ""; position: absolute; width: 18px; height: 18px; border-top-right-radius: 50%; transform: rotate(-60deg) skewX(-30deg) scale(1,.866); background: #FFFFFF; border: 1px solid #ECECEE; top: -11px; left: 22px; border-left-color: transparent; border-bottom-color: transparent; } .auth-dropdown:after { content: ""; position: absolute; width: 100%; height: 22px; background: transparent; top: -17px; left: 0; } .menu-down .right-col .basket .icon-user.auth:hover .auth-dropdown { display: block; } .auth-dropdown-body { padding: 30px 36px 0 27px; border-bottom: 1px solid #ECECEE; } .auth-dropdown-title { text-align: left; font-weight: bold; font-size: 18px; line-height: 1.24; color: #6C6D79; margin-bottom: 12px; } .auth-dropdown-links { margin-bottom: 14px; } .menu-down .right-col .basket .icon-user.auth .auth-dropdown-links a, .menu-down .right-col .basket .icon-user.auth .auth-dropdown-footer a { background: none; color: #6C6D79; font-size: 14px; line-height: 1.6; width: 100%; height: auto; text-align: left; } .menu-down .right-col .basket .icon-user.auth .auth-dropdown-links a:hover, .menu-down .right-col .basket .icon-user.auth .auth-dropdown-footer a:hover { color: #8753EE; } .auth-dropdown-footer { padding: 11px 36px 11px 27px; } @media screen and (max-width: 1103px) { .menu-down .right-col .serch .serch-hover { width: 445px; } } @media screen and (max-width: 992px) { .menu-down .right-col .basket .icon-user.auth:hover .auth-dropdown { display: none; } .menu-down .right-col .basket .icon-user.auth .action_link { width: 24px; height: 24px; } .menu-down .right-col .basket .icon-user.auth { margin-top: 9px; } } @media screen and (max-width: 580px) { .wrapper-header2 { padding: 0 10px; } .menu-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu-down:after { content: none; display: flex; justify-content: space-between; } .logo.top-menu__logo div { max-width: 150px; } } @media screen and (max-width: 479px) { .menu-down .right-col .basket .icon-user.auth .action_link { display: block; box-sizing: content-box; } .menu-down .right-col .basket .icon-user.auth .action_link > span { display: inline-block; margin-top: 7px; line-height: 1; } .logo.top-menu__logo div { max-width: inherit; } .logo.top-menu__logo div { display: none; } } @media screen and (max-width: 319px) { .headline .podrobnee { display: none; } .headline .close { top: -12px !important; position: relative; right: 0 !important; } .desktop_headline { display: none; } .headline .ipad_headline { font-size: 10px; margin-top: 0; margin-left: 35px; } .headline .text_headline { font-size: 10px; margin-left: 35px; margin-top: 6px; margin-bottom: 0; } } /* fix footer */ @media (max-width: 1279px) { .copyright { padding-left: 20px; padding-top: 10px; } .box_rules_info { padding-left: 20px; } } @media (max-width: 1200px) { .footer .nav1 { margin: 15px 20px; } } @media (max-width: 1089px) { .footer__inner { text-align: left !important; } .footer .nav1 { margin-left: 0; margin-right: 45px; } } @media (max-width: 850px) { .footer .nav1 { margin-right: 0; } } @media (max-width: 799px) { .footer .nav1 { margin-left: 0; } .copyright { margin-left: 0 !important; } } @media screen and (max-width: 479px) { .box_rules_info { font-size: 12px; } .box_rules_info br { display: none; } .box_rules_info a { font-size: 12px; } .box_rules_info a:last-child { display: block; } .copyright { font-size: 12px; } } /* кнопка акции */ .popup-btn-container { position: fixed; left: 25px; bottom: 25px; z-index: 100; } .popup-btn-container *, .popup-btn-container *::before, .popup-btn-container *::after { box-sizing: border-box; } .tea-popup-btn { width: 58px; height: 58px; background: #D80E1B; border-radius: 50px; position: relative; display: inline-flex; overflow: hidden; cursor: pointer; padding-left: 58px; line-height: 48px; background-position: 17px 17px; background-image: url(/bitrix/templates/empty/images/tea-btn.svg); background-repeat: no-repeat; box-sizing: border-box; transition: width 400ms; font-family: 'HelveticaNeueCyr'; } .tea-popup-btn__text { width: 200px; overflow: hidden; color: #FFFFFF; display: inline-flex; opacity: 0; height: 100%; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 500; } .tea-popup-btn:hover, .tea-popup-btn.open, .tea-popup-btn.loading { width: 257px; overflow: visible; } .tea-popup-btn.open .tea-popup-btn__text, .tea-popup-btn.loading .tea-popup-btn__text, .tea-popup-btn:hover .tea-popup-btn__text { opacity: 1; transition: opacity 600ms ease-in-out 100ms; } .tea-popup-container { position: absolute; top: -19px; left: -15px; transform: translateY(-100%); } .tea-popup-body { display: none; width: 287px; height: 234px; background: #FFFFFF; border: 1px solid #ECECEE; box-sizing: border-box; box-shadow: 1px 8px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 17px 11px 13px; } .tea-popup-btn.open ~ .tea-popup-container .tea-popup-body, .tea-popup-btn.loading ~ .tea-popup-container .tea-popup-body { display: block; } .tea-popup-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -3px; margin-left: -3px; } .tea-popup-col { position: relative; width: 100%; padding-right: 3px; padding-left: 3px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .tea-popup-close-containter { position: absolute; top: -34px; left: 50%; transform: translateX(-50%); } .tea-popup-close { width: 29px; height: 29px; border-radius: 50%; background-color: #141517; background-image: url(/bitrix/templates/empty/images/popup-close.svg); background-repeat: no-repeat; background-size: 11px 11px; background-position: center center; cursor: pointer; } .tea-popup-product__img-wrap { display: block; vertical-align: middle; width: 100%; height: 96px; position: relative; margin-top: 25px; margin-bottom: 8px; } .tea-popup-product__link-img { display: block; vertical-align: middle; width: 100%; height: 96px; position: relative; } .tea-popup-product__img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border: 0; vertical-align: middle; } .tea-popup-product { height: 204px; text-align: center; display: flex; flex-direction: column; align-items: center; } .tea-popup-product__body { position: relative; text-align: left; } .tea-popup-product__sticker { position: absolute; top: -20px; left: 0; width: 35px; height: 16px; background: #8753EE; border-radius: 50px; font-size: 11px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .tea-popup-product__text { font-size: 11px; line-height: 13px; color: #141517; margin-bottom: 5px; max-width: 126px; /*height: 52px;*/ height: 39px; overflow: hidden; text-overflow: ellipsis; } .tea-popup-product__price-block { display: flex; line-height: 16px; font-size: 14px; } .tea-popup-product__price-current { font-weight: bold; margin-right: 14px; } .tea-popup-product__price-old { text-decoration: line-through; color: #8F91A3; } .tea-popup-clock-containter { position: absolute; top: 17px; left: 0; width: 100%; } .tea-popup-clock-text { position: relative; width: 100%; font-weight: bold; font-size: 12px; text-align: center; color: #222222; line-height: 1; } .tea-popup-row .tea-popup-col { display: none; } .tea-popup-row .tea-popup-col:nth-child(1), .tea-popup-row .tea-popup-col:nth-child(2) { display: block; } @media screen and (max-width: 1024px) { .popup-btn-container { display: none !important; } } /* удаление крестика в Edge выбор города */ .bxmaker__geoip__popup-search input::-ms-clear { width : 0 !important; height: 0 !important; } /* виден только для админов */ .admin-body .content-watch-admin { display: block !important; } /*виджет товаров в блоге*/ .catalog-list-widget{ /*padding: 15px 10px 15px 75px;*/ border: 1px solid #eee; border-right: 0; border-left: 0; margin: 20px auto; overflow: hidden; padding: 15px 0; } .catalog-list-widget-slider .slick-prev,.catalog-list-widget-slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 35%; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: block !important; z-index: 5; } .catalog-list-widget-slider .slick-next { right: 4%; } .catalog-list-widget-slider .slick-prev:before,.catalog-list-widget-slider .slick-next:before { font-family: FontAwesome; font-size: 21px; line-height: 49px; text-align: center; color: #bcbcbc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; border: 1px solid #bcbcbc; display: block !important; width: 50px; height: 50px; border-radius: 50%; } .catalog-list-widget-slider .slick-prev:before { content: '\f104 '; } .catalog-list-widget-slider .slick-next:before { content: '\f105'; } .catalog-list-widget .product-item{ /*height: 260px;*/ font-size: 13px; line-height: 16px; width: 29%; float: left; margin: 0 10px 15px; } .catalog-list-widget .product-image-link{ height: 170px; max-width: 100%; vertical-align: middle; display: flex; align-items: center; border: 0; margin-bottom: 15px; position: relative; width: 100%; text-align: center; background-color: #fff; overflow: hidden; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-list-widget .product-image-link img{ max-width: 100%; max-height: 100%; margin: auto; height: auto; vertical-align: middle; border: 0; } .catalog-list-widget .product-widget-name{ font-size: 14px; font-weight: 500; cursor: pointer; line-height: 16px; border: 0; color: #000; display: block; height: 54px; } .catalog-list-widget .price-catalog{ font-size: 20px; font-weight: 800; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .catalog-list-widget .price-catalog .rub_{ font-size: 19px; } .catalog-list-widget .section-link{ display: inline-block; margin: 15px 0 10px 10px; border: 0; color: #000; text-decoration: underline; width: auto; font-weight: 500; } .catalog-list-widget .dif{ display:none; position: absolute; top: 160px; background-color: #8753EE; color: white; border-radius: 5px; font-size: 12px; height: 23px; width: 42px; padding-top: 4px; text-align: center; } .catalog-list-widget .price-catalog .old-price-block{ position: unset; margin: 0 0 0 10px; } .catalog-list-widget .price-catalog .old-price-block .rub_{ font-size: 13px; } .catalog-list-widget .slick-track{ margin-left:0; } @media (max-width: 768px) { .catalog-list-widget .product-image-link { height: 125px; } .catalog-list-widget .product-item { margin: 0 10px 15px; } .catalog-list-widget-slider .slick-next { right: 5%; } } @media (max-width: 575px) { .catalog-list-widget .dif{ top:125px; } .catalog-list-widget-slider{ height: 215px; margin-right: -25px; overflow: hidden; } .catalog-list-widget .product-image-link { height: 141px; max-width: 141px; } .catalog-list-widget .product-widget-name{ font-size: 12px; margin-right: 0; height: 32px; overflow: hidden; /*word-break: break-all;*/ position:relative; margin-top: 10px; } .catalog-list-widget .product-widget-name:after { content: ''; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f2f2f2)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f2f2f2 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=1 ); position: absolute; bottom: 4px; height: 15px; width: 90px; right: 0px; } .catalog-list-widget .product-item{ width: 130px !important; margin-bottom: 10px; margin: 0 0 35px 20px; } .catalog-list-widget .price-catalog { padding-top: 6px; } .catalog-list-widget-slider .slick-prev, .catalog-list-widget-slider .slick-next{ display: none !important; } .catalog-list-widget .product-item{ margin: 0 5px 5px; } .catalog-list-widget .price-catalog { font-size: 15px; } .catalog-list-widget .price-catalog .rub_ { font-size: 15px; } } @media (max-width: 375px) { .catalog-list-widget .product-item { padding: 0; } .catalog-list-widget-slider{ height: 215px; margin-right: -75px; overflow: hidden; } .catalog-list-widget-slider .slick-track{ margin-bottom: 0; } } @media (max-width: 365px) { .catalog-list-widget-slider{ margin-right: -77.5px; } } @media (max-width: 320px) { .catalog-list-widget .product-item { /*width: 91px !important;*/ } .catalog-list-widget-slider { margin-right: 15px !important; } } @media (max-width: 767px) { body.mob-app .cards{ min-height: 0 !important; height: 100% !important; } body.mob-app .cards__screen{ display: none; min-height: 100%; } body.mob-app .cards__screen:first-child{ display: block; } body.mob-app .cards__wrapper{ height: 100%; } body.mob-app .leaves-1{ top: 25%; right: -35px; transform: none !important; } body.mob-app .leaves-2{ top: 20%; right: -47px; transform: none !important; } } .basket_ves.nice-select .mCSB_inside > .mCSB_container{ margin-right: 0; } img[src*="px.adhigh.net"] { display: none; } /* End */ /* Start:/bitrix/templates/empty/css/footer.css?175715791943542*/ .footer { background-color: #4f505c; color: #fff; padding-bottom: 0 !important; } .container { max-width: 1205px; margin: 0 auto; width: 100%; } .footer__top { border-bottom: 1px solid #979797; padding: 55px 0 25px; } .footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__side { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__side--right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__side--right .footer__side-col:last-child { max-width: 255px; } .footer__side-col { padding-right: 20px; min-width: 205px; } .footer__side-col--inform { -ms-flex-negative: 0; flex-shrink: 0; } .footer__side-col--inform .foot-inf .footer__title { font-weight: 400; } .footer__side-col--inform .foot-inf .footer__menu { font-size: 14px; } .footer__side-col--contacts { max-width: 275px; } .footer__block { margin-bottom: 25px; font-size: 14px; } @media (max-width: 767px){ .footer__block_mobile-link { display: block; padding: 0 !important; border-bottom: 1px solid #6c6d79; } .footer__block_mobile-link .footer__title{ /* display: block !important; */ margin-bottom: 0; } .footer__block_mobile-link .footer__title-mob{ margin-bottom: 0; } .footer__block_mobile-link .footer__title-mob a{ color: #fff; display: block; line-height: 60px; padding: 0 17px; text-transform: none; font-size: 17px !important; font-family: "HelveticaNeueCyr", sans-serif !important; } } .footer__title { font-weight: normal; text-transform: uppercase; margin-bottom: 12px; color: #fff; } .footer__title a, .footer__title span { text-decoration: none; color: #fff; display: block; } .footer__menu { list-style-type: none; padding: 0; margin: 0; } .footer__menu li { margin-bottom: 5px; display: block; } .footer__menu li a { color: #c4c4c4; text-decoration: none; display: block; } .footer__links { margin-bottom: 25px; font-size: 14px; } .footer__links-item { display: block; margin-bottom: 5px; } .footer__links-item a { display: inline; text-decoration: none; color: #6e9c3f; border-bottom: 1px dashed #6e9c3f; } .footer__phone { display: block; margin-bottom: 5px; } .footer__adress { margin-bottom: 5px; } .footer__phone a { text-decoration: none; color: #fff; } .footer__callback { text-decoration: none; color: #6e9c3f; border-bottom: 1px dashed #6e9c3f; margin-bottom: 15px; display: inline-block; } .footer__bot { padding: 15px 0; } .footer__bot-text { color: #8f91a3; } .pay-list { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 255px; } .pay-list li { display: inline-block; margin-right: 10px; } .pay-list li:last-child { margin-right: 0; } .pay-list .mastercard { width: 39px; height: 23px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA0NSAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjE1MzkgMC4zNTE0NEM3LjA5Nzc0IDAuMzg5NzI0IDIuMTk0MzQgNS4zMjc1NiAyLjE5NDM0IDExLjQwNTNDMi4xOTQzNCAxNy41MDY5IDcuMTM1NjIgMjIuNDU4NCAxMy4yMjQ3IDIyLjQ1ODRDMTYuMDgxIDIyLjQ1ODQgMTguNjg1OSAyMS4zNjc0IDIwLjY0NTkgMTkuNTc4NEwyMC42NDU1IDE5LjU3OEgyMC42NDdDMjEuMDQ5MSAxOS4yMTE1IDIxLjQyMzUgMTguODE1MSAyMS43NjcyIDE4LjM5NDFIMTkuNTA3OUMxOS4yMDU5IDE4LjAyOTIgMTguOTMxNSAxNy42NDc5IDE4LjY4NTIgMTcuMjU0OUgyMi41ODIxQzIyLjgyMDEgMTYuODc1MiAyMy4wMzM4IDE2LjQ4MDggMjMuMjI1MiAxNi4wNzIySDE4LjA0MjZDMTcuODY1NyAxNS42OTI1IDE3LjcxMjEgMTUuMzA1NSAxNy41ODE0IDE0LjkxMTFIMjMuNjg2NUMyNC4wNTUyIDEzLjgwOSAyNC4yNTQxIDEyLjYyOTggMjQuMjU0MSAxMS40MDUzQzI0LjI1NDEgMTAuNTkyIDI0LjE2NTggOS44MDA3NCAyNC4wMDAyIDkuMDM3NUgxNy4yNTc0QzE3LjM0MTYgOC42NDQ1NCAxNy40NDY1IDguMjU2ODQgMTcuNTcxNiA3Ljg3Njc1SDIzLjY3OTdDMjMuNTQzMyA3LjQ3MTIzIDIzLjM4NDUgNy4wNzY3NSAyMy4yMDQxIDYuNjkzMkgxOC4wNDE5QzE4LjIyOCA2LjI5NDE3IDE4LjQzOSA1LjkwNzI4IDE4LjY3NDQgNS41MzIwNEgyMi41NjlDMjIuMzA5NCA1LjExNzgxIDIyLjAyMjkgNC43MjIyMiAyMS43MTMzIDQuMzQ5MzFIMTkuNTQxOEMxOS44NzggMy45NTI1IDIwLjI0NyAzLjU3OTI5IDIwLjY0NzYgMy4yMzMzMkMxOC42ODg0IDEuNDQzNTMgMTYuMDgzMSAwLjM1MTc0NCAxMy4yMjUzIDAuMzUxNzQ0QzEzLjIwMDUgMC4zNTE0NCAxMy4xNzcgMC4zNTE0NCAxMy4xNTM5IDAuMzUxNDRaIiBmaWxsPSIjOTMxQjFEIi8+CjxwYXRoIGQ9Ik0zOS4wNDk4IDExLjQwODdDMzkuMDUwOSAxNy41MTI3IDM0LjExNTQgMjIuNDYyMyAyOC4wMjIxIDIyLjQ2NDFDMjEuOTMxNCAyMi40NjYgMTYuOTkyMSAxNy41MTgzIDE2Ljk5MDIgMTEuNDEzM1YxMS40MDg3QzE2Ljk4ODMgNS4zMDI5NSAyMS45MjU0IDAuMzUyOTYgMjguMDE3MyAwLjM1MTQ0MUMzNC4xMDg3IDAuMzQ5MjEzIDM5LjA0ODQgNS4yOTcyOCAzOS4wNDk5IDExLjQwMjdDMzkuMDQ5OCAxMS40MDI3IDM5LjA0OTggMTEuNDA1NCAzOS4wNDk4IDExLjQwODdaIiBmaWxsPSIjRjE2NjIyIi8+CjxwYXRoIGQ9Ik0zOS4wNDk4IDExLjUzMDdDMzkuMDUwOSAxNy42MzUgMzQuMTE1NCAyMi41ODU0IDI4LjAyMjEgMjIuNTg2NUMyMS45MzE0IDIyLjU4ODcgMTYuOTkyMSAxNy42NDAzIDE2Ljk5MDIgMTEuNTM2NFYxMS41MzA3QzE2Ljk4ODMgNS40MjYwNCAyMS45MjU0IDAuNDc1NjQxIDI4LjAxNzMgMC40NzQxMjJDMzQuMTA4NyAwLjQ3MTg5NCAzOS4wNDg0IDUuNDE5OTYgMzkuMDQ5OSAxMS41MjQ5QzM5LjA0OTggMTEuNTI1IDM5LjA0OTggMTEuNTI4NSAzOS4wNDk4IDExLjUzMDdaIiBmaWxsPSIjRjc5ODFEIi8+CjxwYXRoIGQ9Ik0xMy4xNTM5IDAuNDc2OTA4QzcuMDk3NzQgMC41MTU5IDIuMTk0MzQgNS40NTI2MyAyLjE5NDM0IDExLjUzMDhDMi4xOTQzNCAxNy42MzI4IDcuMTM1NjIgMjIuNTg0NiAxMy4yMjQ3IDIyLjU4NDZDMTYuMDgxIDIyLjU4NDYgMTguNjg1OSAyMS40OTI4IDIwLjY0NTkgMTkuNzA0MkwyMC42NDU1IDE5LjcwM0gyMC42NDdDMjEuMDQ5MSAxOS4zMzY5IDIxLjQyMzUgMTguOTQxNyAyMS43NjcyIDE4LjUxOTJIMTkuNTA3OUMxOS4yMDU5IDE4LjE1NSAxOC45MzE1IDE3Ljc3NDUgMTguNjg1MiAxNy4zODE1SDIyLjU4MjFDMjIuODIwMSAxNy4wMDE0IDIzLjAzMzggMTYuNjA1OCAyMy4yMjUyIDE2LjE5NzdIMTguMDQyNkMxNy44NjU3IDE1LjgxNzYgMTcuNzEyMSAxNS40MzA3IDE3LjU4MTQgMTUuMDM2OUgyMy42ODY1QzI0LjA1NTIgMTMuOTM0MSAyNC4yNTQxIDEyLjc1NTIgMjQuMjU0MSAxMS41MzA4QzI0LjI1NDEgMTAuNzE3OSAyNC4xNjU4IDkuOTI2MjEgMjQuMDAwMiA5LjE2MzM4SDE3LjI1NzRDMTcuMzQxNiA4Ljc3MDgyIDE3LjQ0NjUgOC4zODIzMiAxNy41NzE2IDguMDAyNjJIMjMuNjc5N0MyMy41NDMzIDcuNTk2OCAyMy4zODQ1IDcuMjAyMjIgMjMuMjA0MSA2LjgxODM3SDE4LjA0MTlDMTguMjI4IDYuNDIwODUgMTguNDM5IDYuMDMyNDUgMTguNjc0NCA1LjY1NzYySDIyLjU2OUMyMi4zMDk0IDUuMjQzNzkgMjIuMDIyOSA0Ljg0ODUgMjEuNzEzMyA0LjQ3NDA3SDE5LjU0MThDMTkuODc4IDQuMDc4MDcgMjAuMjQ3IDMuNzA0NzYgMjAuNjQ3NiAzLjM1ODA4QzE4LjY4ODQgMS41Njg1OSAxNi4wODMxIDAuNDc2ODA3IDEzLjIyNTMgMC40NzY4MDdDMTMuMjAwNSAwLjQ3NjkwOCAxMy4xNzcgMC40NzY5MDggMTMuMTUzOSAwLjQ3NjkwOFoiIGZpbGw9IiNDQjIwMjYiLz4KPHBhdGggZD0iTTE3LjE4OTggMTQuMzQ0OUwxNy4zMzczIDEzLjM0NDhDMTcuMjU3IDEzLjM0NDggMTcuMTM4NyAxMy4zNzg5IDE3LjAzNDUgMTMuMzc4OUMxNi42MjU5IDEzLjM3ODkgMTYuNTgwNSAxMy4xNjE0IDE2LjYwNyAxMy4wMDA0TDE2LjkzNzEgMTAuOTU4OUgxNy41NTgyTDE3LjcwODMgOS44NTE5MUgxNy4xMjI4TDE3LjI0MjIgOS4xNjQ0M0gxNi4wNjc1QzE2LjA0MjEgOS4xOTAxNSAxNS4zNzQgMTMuMDM0OCAxNS4zNzQgMTMuNTAyQzE1LjM3NCAxNC4xOTUxIDE1Ljc2MTcgMTQuNTAzOSAxNi4zMDk2IDE0LjQ5OTRDMTYuNzM3NyAxNC40OTU0IDE3LjA3MjQgMTQuMzc2OCAxNy4xODk4IDE0LjM0NDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuNTYyNSAxMi40Mzc2QzE3LjU2MjUgMTQuMTAwOSAxOC42NTczIDE0LjQ5NjUgMTkuNTkwNyAxNC40OTY1QzIwLjQ1MjUgMTQuNDk2NSAyMC44MzExIDE0LjMwMjggMjAuODMxMSAxNC4zMDI4TDIxLjAzODQgMTMuMTY3NUMyMS4wMzg0IDEzLjE2NzUgMjAuMzgzMiAxMy40NTg2IDE5Ljc5MTIgMTMuNDU4NkMxOC41MzA0IDEzLjQ1ODYgMTguNzUxNCAxMi41MTU4IDE4Ljc1MTQgMTIuNTE1OEgyMS4xMzg0QzIxLjEzODQgMTIuNTE1OCAyMS4yOTE5IDExLjc1MjUgMjEuMjkxOSAxMS40NDE4QzIxLjI5MTkgMTAuNjY2OCAyMC45MDYxIDkuNzIxNjggMTkuNjE3MiA5LjcyMTY4QzE4LjQzNiA5LjcyMTk4IDE3LjU2MjUgMTAuOTk2NCAxNy41NjI1IDEyLjQzNzZaTTE5LjYyMjIgMTAuNzc1MUMyMC4yODQ3IDEwLjc3NTEgMjAuMTYyMiAxMS41MjE2IDIwLjE2MjIgMTEuNTgxOUgxOC44NTg2QzE4Ljg1ODIgMTEuNTA1IDE4Ljk4MTQgMTAuNzc1MSAxOS42MjIyIDEwLjc3NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjcuMDU4NyAxNC4zNDQ5TDI3LjI2OTEgMTMuMDYwNkMyNy4yNjkxIDEzLjA2MDYgMjYuNjkyNyAxMy4zNTE2IDI2LjI5NzQgMTMuMzUxNkMyNS40NjQ1IDEzLjM1MTYgMjUuMTMwNiAxMi43MTI3IDI1LjEzMDYgMTIuMDI5QzI1LjEzMDYgMTAuNjM5IDI1Ljg0NzIgOS44NzQyMyAyNi42NDU3IDkuODc0MjNDMjcuMjQzOCA5Ljg3NDIzIDI3LjcyNDIgMTAuMjExNSAyNy43MjQyIDEwLjIxMTVMMjcuOTE1NiA4Ljk2NTQ2QzI3LjkxNTYgOC45NjU0NiAyNy4yMDM1IDguNjc1OSAyNi41OTM0IDguNjc1OUMyNS4yMzc1IDguNjc1OSAyMy45MTggOS44NTMzNyAyMy45MTggMTIuMDY4N0MyMy45MTggMTMuNTM1NCAyNC42MzA4IDE0LjUwNTggMjYuMDMyMiAxNC41MDU4QzI2LjQyODEgMTQuNTA2IDI3LjA1ODcgMTQuMzQ0OSAyNy4wNTg3IDE0LjM0NDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAuNzMwOSA5LjczOTg3QzkuOTI1NjEgOS43Mzk4NyA5LjMwODIyIDkuOTk4NzQgOS4zMDgyMiA5Ljk5ODc0TDkuMTM4MDcgMTEuMDEyOEM5LjEzODA3IDExLjAxMjggOS42NDgxMSAxMC44MDU5IDEwLjQxNzggMTAuODA1OUMxMC44NTUxIDEwLjgwNTkgMTEuMTc0NiAxMC44NTQ4IDExLjE3NDYgMTEuMjExNEMxMS4xNzQ2IDExLjQyNzUgMTEuMTM1NiAxMS41MDc0IDExLjEzNTYgMTEuNTA3NEMxMS4xMzU2IDExLjUwNzQgMTAuNzkxMSAxMS40NzgyIDEwLjYzMTIgMTEuNDc4MkM5LjYxNiAxMS40NzgyIDguNTQ4ODMgMTEuOTEyNSA4LjU0ODgzIDEzLjIyMjlDOC41NDg4MyAxNC4yNTQ1IDkuMjQ4MzYgMTQuNDkxNyA5LjY4MjM0IDE0LjQ5MTdDMTAuNTExMSAxNC40OTE3IDEwLjg2NzMgMTMuOTUzMiAxMC44ODcgMTMuOTUwOEwxMC44NDg0IDE0LjQwMUgxMS44ODIyTDEyLjM0MzcgMTEuMTU5QzEyLjM0MzcgOS43ODQxMyAxMS4xNDY1IDkuNzM5ODcgMTAuNzMwOSA5LjczOTg3Wk0xMC45ODI5IDEyLjM3ODJDMTEuMDA1MiAxMi41NzY0IDEwLjg1ODYgMTMuNTA0OCAxMC4xNTE1IDEzLjUwNDhDOS43ODY4NiAxMy41MDQ4IDkuNjkxNzYgMTMuMjI1MiA5LjY5MTc2IDEzLjA1OTlDOS42OTE3NiAxMi43MzgxIDkuODY2NDYgMTIuMzUxMiAxMC43Mjc0IDEyLjM1MTJDMTAuOTI3MiAxMi4zNTEyIDEwLjk0ODcgMTIuMzczMiAxMC45ODI5IDEyLjM3ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuNDQzNiAxNC40NjY5QzEzLjcwNzcgMTQuNDY2OSAxNS4yMTk4IDE0LjUzNDggMTUuMjE5OCAxMi45NzExQzE1LjIxOTggMTEuNTA5MSAxMy44MjA0IDExLjc5NzUgMTMuODIwNCAxMS4yMTAxQzEzLjgyMDQgMTAuOTE4NyAxNC4wNDg1IDEwLjgyNTQgMTQuNDY1MyAxMC44MjU0QzE0LjYzMDkgMTAuODI1NCAxNS4yNjc5IDEwLjg3ODkgMTUuMjY3OSAxMC44Nzg5TDE1LjQxNjUgOS44MzkwN0MxNS40MTY1IDkuODM5MDcgMTUuMDA0MiA5Ljc0NzMxIDE0LjMzMzQgOS43NDczMUMxMy40NjM4IDkuNzQ3MzEgMTIuNTgyNiAxMC4wOTM3IDEyLjU4MjYgMTEuMjgzMkMxMi41ODI2IDEyLjYzMTkgMTQuMDUzIDEyLjQ5NTUgMTQuMDUzIDEzLjA2MzJDMTQuMDUzIDEzLjQ0MjIgMTMuNjQxOCAxMy40NzMzIDEzLjMyNSAxMy40NzMzQzEyLjc3NzggMTMuNDczMyAxMi4yODQ4IDEzLjI4NDkgMTIuMjgyNSAxMy4yOTM2TDEyLjEyNiAxNC4zMjE3QzEyLjE1MzMgMTQuMzMxMyAxMi40NTggMTQuNDY2OSAxMy40NDM2IDE0LjQ2NjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuNzg1NiA4LjgwNzIyTDM2LjUzMjggMTAuMzgyMkMzNi41MzI4IDEwLjM4MjIgMzYuMDkwNSA5Ljc3MDk5IDM1LjM5OSA5Ljc3MDk5QzM0LjMyMjQgOS43NzA5OSAzMy40MjU4IDExLjA3MDggMzMuNDI1OCAxMi41NjUxQzMzLjQyNTggMTMuNTI5NSAzMy45MDM2IDE0LjQ3MzYgMzQuODgyMiAxNC40NzM2QzM1LjU4NTkgMTQuNDczNiAzNS45NzUxIDEzLjk4MjEgMzUuOTc1MSAxMy45ODIxTDM1LjkyMzkgMTQuNDAxNUgzNy4wNjYxTDM3Ljk2MzkgOC44MDQ2OUwzNi43ODU2IDguODA3MjJaTTM2LjI0MDYgMTEuODc5NUMzNi4yNDA2IDEyLjUwMDYgMzUuOTMyOSAxMy4zMzAxIDM1LjI5NjYgMTMuMzMwMUMzNC44NzM3IDEzLjMzMDEgMzQuNjc2MyAxMi45NzQ2IDM0LjY3NjMgMTIuNDE2OEMzNC42NzYzIDExLjUwNSAzNS4wODQ4IDEwLjkwMTcgMzUuNjAwMSAxMC45MDE3QzM2LjAyMzUgMTAuOTAxOCAzNi4yNDA2IDExLjE5MzUgMzYuMjQwNiAxMS44Nzk1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQuMzcxODIgMTQuNDA2NEw1LjA4NzY2IDEwLjE4MUw1LjE5MTg3IDE0LjQwNjRINi4wMDEyOUw3LjUxMDY1IDEwLjE4MUw2Ljg0MTggMTQuNDA2NEg4LjA0Mzg4TDguOTcwNDggOC44MDM0N0g3LjExMUw1Ljk1MzI5IDEyLjI0MDdMNS44OTMwMyA4LjgwMzQ3SDQuMTc5NjlMMy4yNDAyMyAxNC40MDY0SDQuMzcxODJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjIuNDY2NyAxNC40MTQzQzIyLjgwODUgMTIuNDY2OCAyMi44NzE4IDEwLjg4NDYgMjMuNjg4MSAxMS4xNzMxQzIzLjgzMSAxMC40MTk2IDIzLjk2ODUgMTAuMTI4MyAyNC4xMjM5IDkuODA4ODNDMjQuMTIzOSA5LjgwODgzIDI0LjA1MTIgOS43OTMzMyAyMy44OTcyIDkuNzkzMzNDMjMuMzcyNCA5Ljc5MzMzIDIyLjk4MjQgMTAuNTEzMyAyMi45ODI0IDEwLjUxMzNMMjMuMDg2MiA5Ljg1MjM4SDIxLjk5MjVMMjEuMjYwNyAxNC40MTQzSDIyLjQ2NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjkuNzY4IDkuNzM5ODdDMjguOTYyNyA5LjczOTg3IDI4LjM0NTcgOS45OTg3NCAyOC4zNDU3IDkuOTk4NzRMMjguMTc2IDExLjAxMjhDMjguMTc2IDExLjAxMjggMjguNjg0OSAxMC44MDU5IDI5LjQ1NTMgMTAuODA1OUMyOS44OTIzIDEwLjgwNTkgMzAuMjEyNSAxMC44NTQ4IDMwLjIxMjUgMTEuMjExNEMzMC4yMTI1IDExLjQyNzUgMzAuMTczMSAxMS41MDc0IDMwLjE3MzEgMTEuNTA3NEMzMC4xNzMxIDExLjUwNzQgMjkuODI4NyAxMS40NzgyIDI5LjY2NzUgMTEuNDc4MkMyOC42NTE5IDExLjQ3ODIgMjcuNTg1OSAxMS45MTI1IDI3LjU4NTkgMTMuMjIyOUMyNy41ODU5IDE0LjI1NDUgMjguMjg1OSAxNC40OTE3IDI4LjcxOTQgMTQuNDkxN0MyOS41NDgyIDE0LjQ5MTcgMjkuOTA0OCAxMy45NTMyIDI5LjkyMzggMTMuOTUwOEwyOS44ODU1IDE0LjQwMUgzMC45MkwzMS4zODEzIDExLjE1OUMzMS4zODE3IDkuNzg0MTMgMzAuMTg0OSA5LjczOTg3IDI5Ljc2OCA5LjczOTg3Wk0zMC4wMjA0IDEyLjM3ODJDMzAuMDQyOCAxMi41NzY0IDI5Ljg5NjggMTMuNTA0OCAyOS4xODg2IDEzLjUwNDhDMjguODI0NCAxMy41MDQ4IDI4LjczIDEzLjIyNTIgMjguNzMgMTMuMDU5OUMyOC43MyAxMi43MzgxIDI4LjkwNDcgMTIuMzUxMiAyOS43NjQxIDEyLjM1MTJDMjkuOTY1MSAxMi4zNTEyIDI5Ljk4NTkgMTIuMzczMiAzMC4wMjA0IDEyLjM3ODJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzIuMzI1OCAxNC40MTQzQzMyLjY2ODEgMTIuNDY2OCAzMi43MzE0IDEwLjg4NDYgMzMuNTQ3NiAxMS4xNzMxQzMzLjY5MDUgMTAuNDE5NiAzMy44MjggMTAuMTI4MyAzMy45ODQyIDkuODA4ODNDMzMuOTg0MiA5LjgwODgzIDMzLjkxMDMgOS43OTMzMyAzMy43NTcyIDkuNzkzMzNDMzMuMjMwOSA5Ljc5MzMzIDMyLjg0MjEgMTAuNTEzMyAzMi44NDIxIDEwLjUxMzNMMzIuOTQ2NyA5Ljg1MjM4SDMxLjg1MjNMMzEuMTIwMSAxNC40MTRIMzIuMzI1OUwzMi4zMjU4IDE0LjQxNDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 0 no-repeat; } .pay-list .visa { width: 38px; height: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAzOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE0MjYgMTIuMjAwMUwxNi4wMTcyIDEuMTMwMzdIMTkuMDUyM0wxNy4xNzc3IDEyLjIwMDFIMTQuMTQyNloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNy45ODIzIDEuNDE2NzZDMjcuMzgwOCAxLjE5MjQxIDI2LjQzODUgMC45NTIxNDggMjUuMjYxNyAwLjk1MjE0OEMyMi4yNjIxIDAuOTUyMTQ4IDIwLjE0OTIgMi40NTM5MSAyMC4xMzEgNC42MDU0NEMyMC4xMTQ0IDYuMTk1NyAyMS42MzkzIDcuMDgyNzMgMjIuNzkxMyA3LjYxMjY4QzIzLjk3MjcgOC4xNTQyMSAyNC4zNyA4LjUwMTY4IDI0LjM2NDIgOC45ODU2M0MyNC4zNTY5IDkuNzI3NjEgMjMuNDIwMyAxMC4wNjY4IDIyLjU0NzYgMTAuMDY2OEMyMS4zMzMgMTAuMDY2NCAyMC42ODczIDkuODk4OTIgMTkuNjkwNCA5LjQ4NThMMTkuMjk5MyA5LjMwOTQyTDE4Ljg3MyAxMS43ODc1QzE5LjU4MjIgMTIuMDk2NyAyMC44OTM1IDEyLjM2NDcgMjIuMjU0NyAxMi4zNzgzQzI1LjQ0NSAxMi4zNzc2IDI3LjUxNjkgMTAuODk0NCAyNy41NDAyIDguNTk2MThDMjcuNTUxNyA3LjMzNzA2IDI2Ljc0MjkgNi4zNzg3OSAyNC45OTE2IDUuNTg4NTJDMjMuOTMwNSA1LjA3NzA4IDIzLjI4MDYgNC43MzU1IDIzLjI4NzcgNC4yMTY0QzIzLjI4NzcgMy43NTY0NSAyMy44MzgxIDMuMjY0NDQgMjUuMDI2MSAzLjI2NDQ0QzI2LjAxODcgMy4yNDg5MyAyNi43Mzc4IDMuNDY0MDggMjcuMjk4MyAzLjY4ODQyTDI3LjU2OTkgMy44MTYxTDI3Ljk4MjMgMS40MTY3NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMy4xNTYyIDEuMTMwMzdDMzIuNDI5IDEuMTMwMzcgMzEuOTAzNiAxLjM1MjQ0IDMxLjU4NDEgMi4wNzMxM0wyNy4wODU5IDEyLjIwMDVIMzAuMjk5NEwzMC45MjQyIDEwLjUwNDJIMzQuNzYzNkwzNS4xMjAyIDEyLjIwMDVIMzcuOTc3MUwzNS40Nzc3IDEuMTMwNjhIMzMuMTU2M0wzMy4xNTYyIDEuMTMwMzdaTTMxLjc3NjggOC4yODkyMUMzMi4wMjc1IDcuNjUxNzQgMzIuOTg1NyA1LjE5NTIzIDMyLjk4NTcgNS4xOTUyM0MzMi45NjgzIDUuMjI0MjggMzMuMjM1MSA0LjU1NDY2IDMzLjM4ODMgNC4xMzkxNkwzMy41OTM4IDUuMDkzMDlDMzMuNTkzOCA1LjA5MzA5IDM0LjE3NDQgNy43MzU1OSAzNC4yOTYzIDguMjg5NTJIMzEuNzc2OFY4LjI4OTIxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTguNjA3NTUgOC43MTg1N0w4LjM0MDIgNy4yMDA5OUM3Ljc4NjI3IDUuNDMxOTkgNi4wNjcwOSAzLjUxNzkzIDQuMTQwNjIgMi41NTg5NEw2LjgyMjIxIDEyLjIwMDFIMTAuMDM2NEwxNC44NTY4IDEuMTMwMzdIMTEuNjQzM0w4LjYwNzU1IDguNzE4NTdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMC44Mzk4NDQgMS4xMzA4NlYxLjMwOTYxQzQuNjQ4MzEgMi4yMjU2IDcuMjkyMzcgNC41NDEzIDguMzM5MTMgNy4yMDE1OEw3LjIzODYxIDIuMDc1NThDNy4wNTQ4OSAxLjM3NTA1IDYuNDk4MTcgMS4xNTUyNiA1LjgzOTQgMS4xMzA5NkwwLjgzOTg0NCAxLjEzMDg2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) 0 0 no-repeat; } .pay-list .liqpay { width: 60px; height: 23px; background-image: url(/images/liqpay.png); background-repeat: no-repeat; background-position: center; background-size: 60px; } .soc-list { list-style-type: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 180px; } .soc-list li { display: inline-block; margin-right: 17px; cursor: pointer; margin-bottom: 13px; } .soc-list li a { display: block; height: 100%; } .soc-list .instagram { width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy4xMTEzMyIgeT0iMy4xMTA4NCIgd2lkdGg9IjIxLjc3NzciIGhlaWdodD0iMjEuNzc3NyIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi4xNjY1IDBINS44MzMzQzIuNjEyMTUgMCAwIDIuNjEyMTYgMCA1LjgzMzMzVjIyLjE2NjdDMCAyNS4zODc4IDIuNjEyMTUgMjggNS44MzMzIDI4SDIyLjE2NjVDMjUuMzg4OSAyOCAyNy45OTk4IDI1LjM4NzggMjcuOTk5OCAyMi4xNjY3VjUuODMzMzNDMjcuOTk5OCAyLjYxMjE2IDI1LjM4ODkgMCAyMi4xNjY1IDBaTTE0LjAwMjEgNi4zNDg2M0MxNi40OTQxIDYuMzQ4NjMgMTYuNzkwNCA2LjM1Nzk3IDE3Ljc3MzkgNi40MDIzQzIwLjMwMzIgNi41MTc4IDIxLjQ4MzkgNy43MTgzIDIxLjU5OTQgMTAuMjMwMUMyMS42NDM3IDExLjIxMzYgMjEuNjUzMSAxMS41MDg4IDIxLjY1MzEgMTQuMDAwOEMyMS42NTMxIDE2LjQ5MjggMjEuNjQzNyAxNi43ODggMjEuNTk5NCAxNy43NzI2QzIxLjQ4MzkgMjAuMjgxIDIwLjMwNTYgMjEuNDgyNiAxNy43NzM5IDIxLjU5ODFDMTYuNzkwNCAyMS42NDI1IDE2LjQ5NTMgMjEuNjUxOCAxNC4wMDIxIDIxLjY1MThDMTEuNTEwMSAyMS42NTE4IDExLjIxMzggMjEuNjQxMyAxMC4yMzAzIDIxLjU5N0M3LjY5NTEzIDIxLjQ4MTUgNi41MjAzMSAyMC4yNzc1IDYuNDA0ODEgMTcuNzcxNUM2LjM2MDQ4IDE2Ljc4NjggNi4zNDk5OCAxNi40OTE2IDYuMzQ5OTggMTMuOTk5NkM2LjM0OTk4IDExLjUwNzYgNi4zNjA0OCAxMS4yMTI1IDYuNDA1OTggMTAuMjI3OEM2LjUyMDMxIDcuNzE3MTMgNy42OTk4IDYuNTE3OCAxMC4yMzE1IDYuNDAyM0MxMS4yMTQ5IDYuMzU3OTcgMTEuNTEwMSA2LjM0ODYzIDE0LjAwMjEgNi4zNDg2M1pNOS4yMDk4NCAxMy45OTk3QzkuMjA5ODQgMTYuNjQ2OSAxMS4zNTUzIDE4Ljc5MjQgMTQuMDAyNSAxOC43OTI0QzE2LjY0OTYgMTguNzkyNCAxOC43OTUxIDE2LjY0NjkgMTguNzk1MSAxMy45OTk3QzE4Ljc5NTEgMTEuMzUyNSAxNi42NDg1IDkuMjA3MDMgMTQuMDAyNSA5LjIwNzAzQzExLjM1NjUgOS4yMDcwMyA5LjIwOTg0IDExLjM1MjUgOS4yMDk4NCAxMy45OTk3Wk0xOC45ODI4IDEwLjEzODRDMTguMzY0NSAxMC4xMzg0IDE3Ljg2MjggOS42MzY3NyAxNy44NjI4IDkuMDE4NDRDMTcuODYyOCA4LjQwMDEgMTguMzY0NSA3Ljg5ODQ0IDE4Ljk4MjggNy44OTg0NEMxOS42MDExIDcuODk4NDQgMjAuMTAyOCA4LjQwMDEgMjAuMTAyOCA5LjAxODQ0QzIwLjEwMjggOS42MzY3NyAxOS42MDExIDEwLjEzODQgMTguOTgyOCAxMC4xMzg0Wk0xMy45OTY3IDE3LjExMTdDMTUuNzE1MiAxNy4xMTE3IDE3LjEwODIgMTUuNzE4NyAxNy4xMDgyIDE0LjAwMDJDMTcuMTA4MiAxMi4yODE3IDE1LjcxNTIgMTAuODg4NyAxMy45OTY3IDEwLjg4ODdDMTIuMjc4MiAxMC44ODg3IDEwLjg4NTMgMTIuMjgxNyAxMC44ODUzIDE0LjAwMDJDMTAuODg1MyAxNS43MTg3IDEyLjI3ODIgMTcuMTExNyAxMy45OTY3IDE3LjExMTdaTTE3Ljg1MDQgMjMuMjc3MkMyMS4yMzYxIDIzLjEyMiAyMy4xMjQ5IDIxLjI0MTMgMjMuMjc4OSAxNy44NDc1QzIzLjMyNDQgMTYuODUyMyAyMy4zMzQ5IDE2LjUzNSAyMy4zMzQ5IDEzLjk5OThDMjMuMzM0OSAxMS40NjU4IDIzLjMyNDQgMTEuMTQ3MyAyMy4yNzg5IDEwLjE1MUMyMy4xMjcyIDYuNzY1MzQgMjEuMjQzMSA0Ljg3NzY3IDE3Ljg1MDQgNC43MjI1QzE2Ljg1NDEgNC42NzcgMTYuNTM2OCA0LjY2NjUgMTQuMDAxNiA0LjY2NjVDMTEuNDY2NSA0LjY2NjUgMTEuMTUwMyA0LjY3NyAxMC4xNTQgNC43MjM2N0M2Ljc2MzY2IDQuODc3NjcgNC44ODA2NyA2Ljc1OTUgNC43MjQzMyAxMC4xNTIyQzQuNjc4ODMgMTEuMTQ3MyA0LjY2ODMzIDExLjQ2NTggNC42NjgzMyAxMy45OTk4QzQuNjY4MzMgMTYuNTM1IDQuNjc4ODMgMTYuODUyMyA0LjcyNDMzIDE3Ljg0NzVDNC44ODA2NyAyMS4yMzc4IDYuNzYxMzIgMjMuMTIyIDEwLjE1NCAyMy4yNzcyQzExLjE1MDMgMjMuMzIyNyAxMS40NjY1IDIzLjMzMzIgMTQuMDAxNiAyMy4zMzMyQzE2LjUzNjggMjMuMzMzMiAxNi44NTQxIDIzLjMyMjcgMTcuODUwNCAyMy4yNzcyWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMjYuNDQ0MyIgeTE9IjEuNTU1NTUiIHgyPSIzLjExMTA5IiB5Mj0iMjcuOTk5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNzczOUJBIi8+CjxzdG9wIG9mZnNldD0iMC4yMDY5ODQiIHN0b3AtY29sb3I9IiNDQjI4ODQiLz4KPHN0b3Agb2Zmc2V0PSIwLjU1NjIyOSIgc3RvcC1jb2xvcj0iI0VCMkQ0QSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzYyMjA5IiBzdG9wLWNvbG9yPSIjRjg2NjRBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZDQjQ1QiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) 0 0 no-repeat; } .soc-list .vk { width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy4yMDIxNSIgeT0iMy4xMTA4NCIgd2lkdGg9IjIxLjc3NzciIGhlaWdodD0iMjEuNzc3NyIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDEyIDBIMjIuMjU3NEMyNS40Nzk3IDAgMjguMDkwNyAyLjYxMjE2IDI4LjA5MDcgNS44MzMzM1YyMi4xNjY3QzI4LjA5MDcgMjUuMzg3OCAyNS40Nzk3IDI4IDIyLjI1NzQgMjhINS45MjQxMkMyLjcwMjk3IDI4IDAuMDkwODIwMyAyNS4zODc4IDAuMDkwODIwMyAyMi4xNjY3VjUuODMzMzNDMC4wOTA4MjAzIDIuNjEyMTYgMi43MDI5NyAwIDUuOTI0MTIgMFpNMjAuMDYwOCAxOS44Mjg4SDIyLjU1MDVDMjMuMTc4MSAxOS44Mjg4IDIzLjQyNTUgMTkuNjI1OCAyMy40MjMxIDE5LjMwODVDMjMuNDIzMSAxOC42MzY1IDIyLjMxODMgMTcuNDUxMiAyMS4zODE1IDE2LjU4MzJMMjEuMzM5OSAxNi41NDQ1QzIwLjA2NzggMTUuMzY0NCAyMC4wMjA0IDE1LjMyMDQgMjEuMTM3NyAxMy44NzE4QzIxLjE3MDcgMTMuODI5IDIxLjIwMzkgMTMuNzg1OCAyMS4yMzczIDEzLjc0MjRDMjIuNjIzMyAxMS45NDM0IDI0LjMzNDYgOS43MjIwMSAyMi43NTExIDkuNzIyMDFIMTkuNjU0OEMxOS4xMzMyIDkuNzIyMDEgMTkuMDMyOCA5Ljk3NjEzIDE4Ljg3NTcgMTAuMzczN0MxOC44NTE4IDEwLjQzNDEgMTguODI2NiAxMC40OTc3IDE4Ljc5ODUgMTAuNTY0M0MxOC4wMjM4IDEyLjM4OSAxNi41NTM4IDE0Ljc1MzggMTUuOTk1IDE0LjM5MjJDMTUuNTUyNCAxNC4xMDc0IDE1LjU5NzYgMTMuMTg0MiAxNS42NjU3IDExLjc5MTlDMTUuNjg3NyAxMS4zNDE5IDE1LjcxMjEgMTAuODQyOSAxNS43MjMyIDEwLjMwMDdDMTUuNzM0OCA5LjcxMzg1IDE1LjczMjUgOS4zMTI1MSAxNC44MzU0IDkuMTAzNjhDMTQuMzQ2NSA4Ljk5MTY4IDEzLjg2OTQgOC45NDM4NSAxMy40Mjk1IDguOTQzODVDMTEuNjYwOSA4Ljk0Mzg1IDEwLjQ0MDUgOS42ODU4NSAxMS4xMzM1IDkuODE0MThDMTIuMzU1IDEwLjA0MTcgMTIuMjM4NCAxMi42ODY1IDExLjk1MzcgMTMuODI3NUMxMS40NTc5IDE1LjgxNTUgOS41OTM1NSAxMi4yNTM3IDguODE1MzkgMTAuNDc5MkM4Ljc5NTM1IDEwLjQzMzUgOC43NzY4IDEwLjM4ODggOC43NTg4MyAxMC4zNDU2QzguNjA5MzkgOS45ODYwMiA4LjQ5OTY3IDkuNzIyMDEgNy45MDE4OSA5LjcyMjAxSDUuMzcwMjRDNC45ODc1OCA5LjcyMjAxIDQuNzU4OTEgOS44NDY4NSA0Ljc1ODkxIDEwLjEyMzNDNC43NTg5MSAxMC41OTIzIDcuMDYxOSAxNS4zNSA5LjI1ODcyIDE3LjcyMThDMTEuMjQ0NyAxOS44NjU1IDEzLjIwODYgMTkuODQ1OCAxNC42NTkzIDE5LjgzMTFDMTQuNzc1IDE5LjgzIDE0Ljg4NzQgMTkuODI4OCAxNC45OTY0IDE5LjgyODhDMTUuNDY4OSAxOS44Mjg4IDE1LjY2MzcgMTkuNTExNSAxNS42NTY3IDE5LjExNkMxNS42MzIyIDE3LjYyNjIgMTYuMjEzMiAxNi44MjM1IDE3LjI1OTcgMTcuODdDMTcuNTQ0OCAxOC4xNTUxIDE3Ljc3NDEgMTguNDE4NiAxNy45Nzg4IDE4LjY1MzhDMTguNjA1MSAxOS4zNzM2IDE5LjAwMTMgMTkuODI4OCAyMC4wNjA4IDE5LjgyODhaIiBmaWxsPSIjNDk4MEMwIi8+Cjwvc3ZnPgo=) 0 0 no-repeat; } .soc-list .ok { width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy45MjM1IDI4QzI2LjE3NDkgMjggMjggMjYuMTY1NiAyOCAyMy45MDI2VjQuMDk3MzZDMjggMS44MzQ1IDI2LjE3NDkgMCAyMy45MjM1IDBINC4wNzY0NUMxLjgyNTE0IDAgMCAxLjgzNDQzIDAgNC4wOTczNlYyMy45MDI2QzAgMjYuMTY1NiAxLjgyNTA3IDI4IDQuMDc2NDUgMjhIMjMuOTIzNVpNOC45MDUwNCA5LjE4NTU3QzguOTA1MDQgNi4zNjc0NCAxMS4xNzc5IDQuMDgyODIgMTMuOTgxOCA0LjA4MjgyQzE2Ljc4NTYgNC4wODI4MiAxOS4wNTg1IDYuMzY3NDQgMTkuMDU4NSA5LjE4NTU3QzE5LjA1ODUgMTIuMDAzOCAxNi43ODU2IDE0LjI4ODUgMTMuOTgxOCAxNC4yODg1QzExLjE3NzkgMTQuMjg4NSA4LjkwNTA0IDEyLjAwMzggOC45MDUwNCA5LjE4NTU3Wk0xMS44ODMyIDkuMTg1NjVDMTEuODgzMiAxMC4zNTA2IDEyLjgyMjggMTEuMjk1MSAxMy45ODE4IDExLjI5NTFDMTUuMTQwOCAxMS4yOTUxIDE2LjA4MDQgMTAuMzUwNiAxNi4wODA0IDkuMTg1NjVDMTYuMDgwNCA4LjAyMDcgMTUuMTQwOCA3LjA3NjI4IDEzLjk4MTggNy4wNzYyOEMxMi44MjI4IDcuMDc2MjggMTEuODgzMiA4LjAyMDcgMTEuODgzMiA5LjE4NTY1Wk0xNS43NzczIDE4LjM0ODdDMTcuODA5NyAxNy45MzI2IDE5LjAyNzcgMTYuOTY1MSAxOS4wOTIxIDE2LjkxMzJDMTkuNjg2OCAxNi40MzM4IDE5Ljc4MjQgMTUuNTYwNiAxOS4zMDU0IDE0Ljk2MjhDMTguODI4NSAxNC4zNjUgMTcuOTU5OCAxNC4yNjkgMTcuMzY1IDE0Ljc0ODNDMTcuMzUyNCAxNC43NTg1IDE2LjA1MzkgMTUuNzU5NyAxMy45MTc0IDE1Ljc2MTZDMTMuOTE4IDE1Ljc2MTUgMTMuOTE3NCAxNS43NjE1IDEzLjkxNjcgMTUuNzYxNUMxMy45MTc2IDE1Ljc2MTUgMTMuOTE4NCAxNS43NjE1IDEzLjkxNjcgMTUuNzYxNUMxMy45MTUxIDE1Ljc2MTUgMTMuOTE1OSAxNS43NjE1IDEzLjkxNjcgMTUuNzYxNUMxMy45MTYxIDE1Ljc2MTUgMTMuOTE1NCAxNS43NjE1IDEzLjkxNjEgMTUuNzYxNkMxMy45MTYxIDE1Ljc2MTYgMTMuOTE2MSAxNS43NjE2IDEzLjkxNjEgMTUuNzYxNkMxMS43Nzg4IDE1Ljc2MDEgMTAuNDUyNCAxNC43NTg1IDEwLjQzOTggMTQuNzQ4M0M5Ljg0NDkyIDE0LjI2OSA4Ljk3NjIzIDE0LjM2NSA4LjQ5OTM1IDE0Ljk2MjhDOC4wMjIzOSAxNS41NjA2IDguMTE3OTMgMTYuNDMzOCA4LjcxMjY1IDE2LjkxMzJDOC43Nzc5NiAxNi45NjU5IDEwLjA0NjIgMTcuOTU4NSAxMi4xMzU1IDE4LjM2NDlMOS4yMjM2MSAyMS40MjM3QzguNjk0NDIgMjEuOTc1MyA4LjcxMDMzIDIyLjg1MzYgOS4yNTkxMyAyMy4zODU1QzkuNTI3IDIzLjY0NTEgOS44NzIyNCAyMy43NzQyIDEwLjIxNzIgMjMuNzc0MkMxMC41Nzg4IDIzLjc3NDIgMTAuOTQwMSAyMy42MzIxIDExLjIxMSAyMy4zNDk4TDEzLjkxNjEgMjAuNDUzM0wxNi44OTQ2IDIzLjM2ODVDMTcuNDM0MiAyMy45MTAxIDE4LjMwODEgMjMuOTA5MiAxOC44NDY3IDIzLjM2N0MxOS4zODUzIDIyLjgyNDcgMTkuMzg0NyAyMS45NDYyIDE4Ljg0NTIgMjEuNDA0OEwxNS43NzczIDE4LjM0ODdaIiBmaWxsPSIjRUY5ODJDIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) 0 0 no-repeat; } .soc-list .facebook { width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMy4zODI4MSIgeT0iMy4xMTA4NCIgd2lkdGg9IjIxLjc3NzciIGhlaWdodD0iMjEuNzc3NyIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjEwNDc5IDBIMjIuNDM4QzI1LjY2MDMgMCAyOC4yNzEzIDIuNjEyMTUgMjguMjcxMyA1LjgzMzNWMjIuMTY2NUMyOC4yNzEzIDI1LjM4NzcgMjUuNjYwMyAyNy45OTk4IDIyLjQzOCAyNy45OTk4SDYuMTA0NzlDMi44ODM2NCAyNy45OTk4IDAuMjcxNDg0IDI1LjM4NzcgMC4yNzE0ODQgMjIuMTY2NVY1LjgzMzNDMC4yNzE0ODQgMi42MTIxNSAyLjg4MzY0IDAgNi4xMDQ3OSAwWk0xNi42OTM1IDguMTY2NDhIMTguOTM4MVY0LjY2NjVIMTUuOTc2QzEzLjE3OTUgNC42NjY1IDExLjkzODIgNS44OTczMyAxMS45MzgyIDguMjU2MzJWMTAuNDk5OEg5LjYwNDg2VjEzLjk5OThIMTEuOTM4MlYyMy4zMzMxSDE1LjQzODJWMTMuOTk5OEgxOC42NjA1TDE4LjkzODEgMTAuNDk5OEgxNS40MzgyVjkuMjAzNjVDMTUuNDM4MiA4LjQ2MDQ4IDE1Ljk3NiA4LjE2NjQ4IDE2LjY5MzUgOC4xNjY0OFoiIGZpbGw9IiM0MzVCOUIiLz4KPC9zdmc+Cg==) 0 0 no-repeat; margin-right: 0; } .soc-list .youtube { width: 54px; height: 23px; margin-right: 11px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCA1NCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjkzODYgMTguNTMzMUgxNy45MTYxVjE3LjMyOTlDMTcuMTUyOSAxOC4yNDIgMTYuNDg1MSAxOC42ODgzIDE1Ljc4ODcgMTguNjg4M0MxNS4xNTkxIDE4LjY4ODMgMTQuNzM5MyAxOC4zOTcyIDE0LjUxMDMgMTcuODQ0MkMxNC4zOTU5IDE3LjUwNDYgMTQuMzAwNSAxNi45OTAzIDE0LjMwMDUgMTYuMjIzOFY3LjQ3MTU4SDE2LjMyMjlWMTYuNDU2NkMxNi4zNzA2IDE2Ljc0NzcgMTYuNDk0NyAxNi44NjQyIDE2Ljc1MjIgMTYuODY0MkMxNy4xMzM4IDE2Ljg2NDIgMTcuNDk2NCAxNi41MDUxIDE3LjkyNTcgMTUuODkzOVY3LjQ3MTU4SDE5Ljk0ODFWMTguNTMzMUgxOS45Mzg2Wk0xMi43ODM2IDExLjA4MTFDMTIuNzgzNiA5Ljg5NzM1IDEyLjU2NDIgOS4wMTQzNyAxMi4xNTQgOC40NjEzQzExLjYxOTcgNy42ODUwNSAxMC43NzA3IDcuMzkzOTYgOS45MTIwNiA3LjM5Mzk2QzguOTM4OTggNy4zOTM5NiA4LjE5NDg2IDcuNjg1MDUgNy42NzAxNiA4LjQ2MTNDNy4yNTA0IDkuMDE0MzcgNy4wMzA5OCA5LjkxNjc2IDcuMDMwOTggMTEuMDgxMVYxNS4wMzAzQzcuMDMwOTggMTYuMTk0NiA3LjIyMTc4IDE3LjAwOTcgNy42NDE1NCAxNy41NTMxQzguMTc1NzggMTguMzI5MyA5LjA1MzQ2IDE4LjcxNzQgOS45MDI1MiAxOC43MTc0QzEwLjc2MTEgMTguNzE3NCAxMS42Mzg4IDE4LjMyOTMgMTIuMTkyMSAxNy41NTMxQzEyLjU3MzcgMTcuMDA5NyAxMi43NjQ1IDE2LjE5NDYgMTIuNzY0NSAxNS4wMzAzVjExLjA2MTdMMTIuNzgzNiAxMS4wODExWk0xMC43ODAyIDE1LjI1MzVDMTAuODc1NiAxNi4zNDk5IDEwLjU0MTcgMTYuOTAzIDkuOTIxNiAxNi45MDNDOS4yOTE5NiAxNi45MDMgOC45Njc2IDE2LjM0OTkgOS4wNjMgMTUuMjUzNVYxMC44Njc3QzguOTY3NiA5Ljc3MTIxIDkuMjkxOTYgOS4yNTY5NSA5LjkyMTYgOS4yNTY5NUMxMC41NDE3IDkuMjU2OTUgMTAuODc1NiA5Ljc3MTIxIDEwLjc4MDIgMTAuODY3N1YxNS4yNTM1Wk00Ljc5ODYyIDEyLjUxNzJWMTguNTMzMUgyLjY3MTJWMTIuNTE3MkMyLjY3MTIgMTIuNTE3MiAwLjQ0ODM4IDUuMTA0MDMgMCAzLjcyNjJIMi4yNDE5TDMuNzM5NjggOS41MDkyM0w1LjIyNzkyIDMuNzM1OUg3LjQ2MDI4TDQuNzg5MDggMTIuNTA3NSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQwLjc3NDIgOS4yMTc5QzQwLjQ1OTMgOS4yMTc5IDQwLjEwNjQgOS40MTE5NiAzOS43NzI1IDkuNzIyNDZWMTYuMzc4OEM0MC4wODczIDE2LjcwODcgNDAuNDQwMyAxNi44NjM5IDQwLjc2NDYgMTYuODYzOUM0MS4zMzcgMTYuODYzOSA0MS41NzU1IDE2LjQ1NjQgNDEuNTc1NSAxNS4zNTk5VjEwLjY0NDJDNDEuNTc1NSA5LjU0NzggNDEuMzE3OSA5LjIyNzYgNDAuNzU1MSA5LjIyNzZMNDAuNzc0MiA5LjIxNzlaTTQ4LjczMDUgMTAuNTQ3MkM0OC43MzA1IDkuNTI4MzkgNDguNDcyOSA5LjIyNzYgNDcuODMzOCA5LjIyNzZDNDcuMTk0NiA5LjIyNzYgNDYuOTE3OSA5LjUxODY5IDQ2LjkxNzkgMTAuNTM3NVYxMS43NTA0SDQ4LjczMDVWMTAuNTU2OSIgZmlsbD0iI0U2MjExNyIvPgo8cGF0aCBkPSJNNTMuMTA5OCA0LjkyOTE2QzUzLjEwOTggNC45MjkxNiA1Mi43OTUgMi42OTc0NiA1MS44NDEgMS42OTgwNEM1MC42Mjk0IDAuMzg4MTIzIDQ5LjI2NTIgMC4zODgxMjMgNDguNjU0NiAwLjMyMDIwMkM0NC4xOTk0IC0yLjg5MTc0ZS0wOCAzNy41MTE5IDAgMzcuNTExOSAwSDM3LjQ5MjhDMzcuNDkyOCAwIDMwLjgxNDggLTIuODkxNzRlLTA4IDI2LjM1OTYgMC4zMjAyMDJDMjUuNzM5NSAwLjM5NzgyNiAyNC4zNzUzIDAuMzk3ODI2IDIzLjE2MzcgMS42OTgwNEMyMi4yMDk3IDIuNjg3NzUgMjEuOTA0NCA0LjkyOTE2IDIxLjkwNDQgNC45MjkxNkMyMS45MDQ0IDQuOTI5MTYgMjEuNTgwMSA3LjU2ODQgMjEuNTgwMSAxMC4yMDc2VjEyLjY4MTlDMjEuNTgwMSAxNS4zMjEyIDIxLjkwNDQgMTcuOTUwNyAyMS45MDQ0IDE3Ljk1MDdDMjEuOTA0NCAxNy45NTA3IDIyLjIwOTcgMjAuMjAxOCAyMy4xNjM3IDIxLjE5MTVDMjQuMzc1MyAyMi40OTE3IDI1Ljk2ODUgMjIuNDUyOSAyNi42NzQ0IDIyLjU3OTFDMjkuMjIxNiAyMi44MzEzIDM3LjUwMjMgMjIuOTA5IDM3LjUwMjMgMjIuOTA5QzM3LjUwMjMgMjIuOTA5IDQ0LjIwOSAyMi45MDkgNDguNjY0MSAyMi41NzkxQzQ5LjI4NDIgMjIuNTAxNCA1MC42Mzg5IDIyLjUwMTQgNTEuODUwNSAyMS4yMDEyQzUyLjgwNDUgMjAuMjExNSA1My4xMTkzIDE3Ljk2MDQgNTMuMTE5MyAxNy45NjA0QzUzLjExOTMgMTcuOTYwNCA1My40MjQ2IDE1LjMzMDkgNTMuNDI0NiAxMi42ODE5VjEwLjIwNzZDNTMuNDI0NiA3LjU2ODQgNTMuMTA5OCA0LjkyOTE2IDUzLjEwOTggNC45MjkxNlpNMjguNTcyOSAxOC41MzI5SDI2LjQ0NTVWNS45MTg4OEgyNC4yMDM2VjMuODYxODJIMzAuOTE5N1Y1LjkxODg4SDI4LjU4MjRWMTguNTMyOUgyOC41NzI5Wk0zNi4yNTI2IDE4LjUzMjlIMzQuMjMwMVYxNy4zMjk3QzMzLjQ2NjkgMTguMjQxOCAzMi43OTkxIDE4LjY4ODEgMzIuMTAyNyAxOC42ODgxQzMxLjQ3MzEgMTguNjg4MSAzMS4wNTMzIDE4LjM5NyAzMC44MjQzIDE3Ljg0NEMzMC43MDk5IDE3LjUwNDQgMzAuNjE0NSAxNi45OTAxIDMwLjYxNDUgMTYuMjIzNVY3LjU2ODRIMzIuNjM2OVYxNi40NjYxQzMyLjY4NDYgMTYuNzU3MiAzMi44MDg3IDE2Ljg3MzYgMzMuMDY2MiAxNi44NzM2QzMzLjQ0NzggMTYuODczNiAzMy44MTA0IDE2LjUxNDYgMzQuMjM5NyAxNS45MDMzVjcuNTY4NEgzNi4yNTI2VjE4LjUzMjlaTTQzLjU5ODQgMTUuMjUzMkM0My41OTg0IDE2LjI2MjQgNDMuNTMxNiAxNi45ODA0IDQzLjQwNzYgMTcuNDQ2MUM0My4xNDA1IDE4LjI2MTIgNDIuNTc3NiAxOC42Nzg0IDQxLjgxNDQgMTguNjc4NEM0MS4xMjc1IDE4LjY3ODQgNDAuNDIxNiAxOC4yNTE1IDM5Ljc3MjkgMTcuNDM2NFYxOC41NDI2SDM3Ljg0NThWMy44NjE4MkgzOS43NTM4VjguNjM1NzRDNDAuMzgzNCA3Ljg1OTQ5IDQxLjA4OTQgNy40MDM0NSA0MS44MDQ5IDcuNDAzNDVDNDIuNTY4MSA3LjQwMzQ1IDQzLjA4MzIgNy44NTk0OSA0My4zMzEzIDguNjY0ODVDNDMuNDc0NCA5LjEyMDg5IDQzLjU5ODQgOS44MjkyMiA0My41OTg0IDEwLjg2NzRWMTUuMjUzMlpNNDcuODUzMiAxNi44NzM2QzQ4LjMzMDIgMTYuODczNiA0OC42MTY0IDE2LjYwMiA0OC43MTE4IDE2LjA2ODNDNDguNzMwOSAxNS45NzEzIDQ4LjczMDkgMTUuNDg2MSA0OC43MzA5IDE0LjY5MDVINTAuNzUzNFYxNS4wMDFDNTAuNzUzNCAxNS42NDE0IDUwLjcwNTcgMTYuMDk3NCA1MC42ODY2IDE2LjI5MTVDNTAuNjE5OCAxNi43Mzc4IDUwLjQ2NzIgMTcuMTM1NiA1MC4yMzgyIDE3LjQ4NDlDNDkuNzA0IDE4LjI4MDYgNDguOTAyNiAxOC42Njg3IDQ3LjkwMDkgMTguNjY4N0M0Ni44OTkyIDE4LjY2ODcgNDYuMTM2IDE4LjMgNDUuNTczMiAxNy41NDMyQzQ1LjE2MyAxNi45OTAxIDQ0LjkwNTQgMTYuMTg0NyA0NC45MDU0IDE1LjAyMDRWMTEuMTc3OUM0NC45MDU0IDEwLjAxMzYgNDUuMTQzOSA5LjEwMTQ5IDQ1LjU1NDEgOC41Mzg3MUM0Ni4xMDc0IDcuNzkxNTcgNDYuODg5NyA3LjM5Mzc0IDQ3Ljg2MjggNy4zOTM3NEM0OC44MzU5IDcuMzkzNzQgNDkuNTk5MSA3Ljc4MTg3IDUwLjE1MjQgOC41Mzg3MUM1MC41MzQgOS4xMDE0OSA1MC43NzI1IDkuOTU1MzYgNTAuNzcyNSAxMS4xMjk0VjEzLjM5MDJINDYuOTM3NFYxNS4zNTAzQzQ2LjkzNzQgMTYuMzY5MSA0Ny4yMjM2IDE2Ljg3MzYgNDcuODcyMyAxNi44NzM2SDQ3Ljg1MzJaIiBmaWxsPSIjRTYyMTE3Ii8+Cjwvc3ZnPgo=) 0 0 no-repeat; } .soc-list .dzen { background: url(/bitrix/templates/empty/images/yandex_zen.png) 0 0 no-repeat; background-size: cover; width: 106px; height: 22px; margin-right: 0; } .footer-mobile-toggle, .footer__links-mobile { display: none; } .footer__side--mobile { display: none; } @media all and (max-width: 1023px) { .footer__side { width: auto; } .footer__side--right { -webkit-box-flex: 1.65; -ms-flex: 1.65; flex: 1.65; } .footer__side--right .footer__side-col:last-child { max-width: 230px; } .footer__side--left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0.7; -ms-flex: 0.7; flex: 0.7; } .footer__side--left .footer__menu { display: none; } .footer__side--left .footer__side-col { min-width: 0; } } @media all and (max-width: 767px) { .footer { padding-top: 1px; } .footer__bot .container { padding: 0 17px; } .footer__top { padding-top: 0; padding-bottom: 15px; } .footer__top .container { padding: 0; } .footer-mobile-toggle { display: block; height: 60px; border-bottom: 1px solid #6c6d79; padding: 0 17px; line-height: 58px; color: #fff; font-size: 17px; position: relative; } .footer-mobile-toggle:after { content: ""; position: absolute; right: 17px; width: 13px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01Ljg1NjQzIDkuOTM4NTVMMC4yNjY4MTYgNC4zNDg3NUMtMC4wODg5MzUgMy45OTMxNyAtMC4wODg5MzQ5IDMuNDE2NjYgMC4yNjY4MTYgMy4wNjEyNUMwLjYyMjI1MSAyLjcwNTgyIDEuMTk4NzMgMi43MDU4MiAxLjU1NDE0IDMuMDYxMjVMNi41MDAwOSA4LjAwNzM3TDExLjQ0NTkgMy4wNjE0QzExLjgwMTUgMi43MDU5NiAxMi4zNzc5IDIuNzA1OTYgMTIuNzMzMyAzLjA2MTRDMTMuMDg4OSAzLjQxNjgzIDEzLjA4ODkgMy45OTMzMSAxMi43MzMzIDQuMzQ4ODlMNy4xNDM2MSA5LjkzODdDNi45NjU4MSAxMC4xMTY0IDYuNzMzMDIgMTAuMjA1MiA2LjUwMDEyIDEwLjIwNTJDNi4yNjcxMSAxMC4yMDUyIDYuMDM0MTUgMTAuMTE2MiA1Ljg1NjQzIDkuOTM4NTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3QgeD0iMTMiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTMgMCkiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center; top: 23px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .footer-mobile-toggle.open { border-bottom: none; } .footer-mobile-toggle.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer-mobile-toggle.open + .f-toggle-mobile { border-bottom: 1px solid #6c6d79; } .footer__wrapper { display: block; } .footer__side { display: block; } .footer__links { display: none; } .footer__links-mobile { display: block; padding: 15px 17px 0; margin-bottom: 0; } .footer__block--pay { display: none; } .f-toggle-mobile { display: none; } .footer__side-col { padding: 0; } .footer__block--social { text-align: center; margin-top: 12px; border-bottom: 1px solid #6c6d79; padding: 0 18px 20px; } .soc-list { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } .soc-list li { margin-right: 14px; } .soc-list .facebook { margin-right: 14px; } .footer__links-item { margin-bottom: 15px; } .footer__side--left { padding: 5px 15px 20px; } .footer__side--left .footer__title { text-transform: none; font-size: 14px; margin-bottom: 10px; font-weight: 400; } .footer__side--left .footer__title a { color: #c4c4c4; } .footer__side--left .footer__block { margin-bottom: 0; } .footer__side--mobile .footer__block, .footer__side--right .footer__block { margin-bottom: 0; padding: 5px 15px 20px; } .footer__side--mobile .footer__block:not(.footer__block--social) .footer__title, .footer__side--right .footer__block:not(.footer__block--social) .footer__title { display: none; } .footer__side--mobile .footer__menu, .footer__side--right .footer__menu { font-size: 14px; font-weight: 400; } .footer__side--mobile .footer__menu li, .footer__side--right .footer__menu li { margin-bottom: 10px; } .footer__side--mobile { display: block; } .footer__phone { margin-bottom: 10px; } .footer__callback { margin-top: 10px; } .footer__side-col--contacts { max-width: 100%; } .footer__links-mobile { font-size: 14px; } .footer__bot-text { font-size: 11px; max-width: 60%; } } .footer * { outline: none; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer .container { max-width: 1205px; margin: 0 auto; width: 100%; } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .m-subscribe__result { text-align: center; display: none; font-size: 20px; color: #000000; } .m-subscribe__result.active { display: block; } .m-subscribe-wrap { background: #c6e0a0; width: 100%; margin-top: -20px; } .m-subscribe { height: 154px; display: flex; align-items: center; justify-content: space-between; } .m-subscribe__icon { flex: 0 0 50px; width: 50px; height: 50px; margin-right: 39px; background-repeat: no-repeat; background-size: 50px; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5Ljk4OTkgMTkuMTE0NUM0OS45ODQ4IDE5LjA1NzEgNDkuOTczMyAxOS4wMDA0IDQ5Ljk1NTggMTguOTQ1NEM0OS45NDQzIDE4Ljg5NjMgNDkuOTI4NCAxOC44NDgzIDQ5LjkwODMgMTguODAyQzQ5Ljg4NSAxOC43NTY4IDQ5Ljg1NyAxOC43MTQgNDkuODI1IDE4LjY3NDVDNDkuNzkyOSAxOC42Mjc1IDQ5Ljc1NTcgMTguNTg0MiA0OS43MTQxIDE4LjU0NTNDNDkuNzAwOCAxOC41MzM3IDQ5LjY5NSAxOC41MTc3IDQ5LjY4MDggMTguNTA2MUw0MS42NjYzIDEyLjI4MTdWNS44MzA1N0M0MS42NjYzIDQuNDQ5ODQgNDAuNTQ2OSAzLjMzMDQ0IDM5LjE2NjEgMy4zMzA0NEgzMC4xMzQ4TDI2LjUxODcgMC41MjI3OEMyNS42MjU0IC0wLjE3MzkzNSAyNC4zNzI3IC0wLjE3MzkzNSAyMy40Nzk0IDAuNTIyNzhMMTkuODYyNSAzLjMzMDQ0SDEwLjgzMTJDOS40NTA0OCAzLjMzMDQ0IDguMzMxMDkgNC40NDk3NCA4LjMzMTA5IDUuODMwNTdWMTIuMjgxOEwwLjMxOTA1OSAxOC41MDYyQzAuMzA0ODk4IDE4LjUxNzkgMC4yOTkwMzkgMTguNTMzOCAwLjI4NTc1NyAxOC41NDU0QzAuMjQ0MjUxIDE4LjU4NDIgMC4yMDcwNDIgMTguNjI3NiAwLjE3NDkxMSAxOC42NzQ2QzAuMTQyODc4IDE4LjcxNDEgMC4xMTQ5NDcgMTguNzU2OCAwLjA5MTYwNjIgMTguODAyMUMwLjA3MTM5MDMgMTguODQ4MyAwLjA1NTU2OTIgMTguODk2NCAwLjA0NDE0MjkgMTguOTQ1NUMwLjAyNjc1OTIgMTguOTk5NyAwLjAxNTMzMjggMTkuMDU1NiAwLjAwOTk2MTQ0IDE5LjExMjJDMC4wMDk5NjE0NCAxOS4xMjk3IDAgMTkuMTQ0NyAwIDE5LjE2MjJWNDcuNDk5M0MwLjAwMTE3MTkzIDQ4LjAyOTQgMC4xNzI2NjUgNDguNTQ1IDAuNDg5MTg1IDQ4Ljk3MDJDMC40OTQxNjYgNDguOTc3NyAwLjQ5NTA0NSA0OC45ODY5IDAuNTAwODA3IDQ4Ljk5MzVDMC41MDY2NjYgNDkuMDAwMSAwLjUxOTE2NyA0OS4wMDc3IDAuNTI3NDY4IDQ5LjAxNjhDMC45OTU2NTYgNDkuNjMyOSAxLjcyMzgyIDQ5Ljk5NjEgMi40OTc1OSA0OS45OTk0SDQ3LjQ5OTlDNDguMjc2NyA0OS45OTcxIDQ5LjAwNzkgNDkuNjMyMSA0OS40NzY2IDQ5LjAxMjdDNDkuNDgzMyA0OS4wMDQ0IDQ5LjQ5MzMgNDkuMDAxOSA0OS40OTkxIDQ4Ljk5MzZDNDkuNTA1IDQ4Ljk4NTMgNDkuNTA1NyA0OC45Nzc4IDQ5LjUxMDggNDguOTcwM0M0OS44MjczIDQ4LjU0NSA0OS45OTg4IDQ4LjAyOTQgNTAgNDcuNDk5NFYxOS4xNjQ1QzQ5Ljk5OTkgMTkuMTQ3MSA0OS45OTA4IDE5LjEzMiA0OS45ODk5IDE5LjExNDVaTTI0LjQ5ODYgMS44Mzc3OUMyNC43ODk2IDEuNjA2NTMgMjUuMjAxOCAxLjYwNjUzIDI1LjQ5MjggMS44Mzc3OUwyNy40MTU0IDMuMzMwMzRIMjIuNTgxOEwyNC40OTg2IDEuODM3NzlaTTIuNzA3NTYgNDguMzMyN0wyNC40OTg3IDMxLjQwNkMyNC43ODk5IDMxLjE3NTEgMjUuMjAxOCAzMS4xNzUxIDI1LjQ5MjkgMzEuNDA2TDQ3LjI4OTggNDguMzMyN0gyLjcwNzU2Wk00OC4zMzMyIDQ3LjAzMzRMMjYuNTE4NyAzMC4wOTA5QzI1LjYyNTIgMjkuMzk0OCAyNC4zNzI5IDI5LjM5NDggMjMuNDc5NCAzMC4wOTA5TDEuNjY0MTUgNDcuMDMzNFYyMC40MzM4TDE1LjMyMDcgMzEuMDM4NUMxNS42ODQ2IDMxLjMyMDYgMTYuMjA4MiAzMS4yNTQ0IDE2LjQ5MDQgMzAuODkwNUMxNi43NzI1IDMwLjUyNjYgMTYuNzA2MyAzMC4wMDMgMTYuMzQyNCAyOS43MjA4TDIuNDY4MzkgMTguOTQ3OEw4LjMzMTE5IDE0LjM5MTdWMjAuODMxMkM4LjMzMTE5IDIxLjI5MTUgOC43MDQzNSAyMS42NjQ2IDkuMTY0NTMgMjEuNjY0NkM5LjYyNDgxIDIxLjY2NDYgOS45OTc4NyAyMS4yOTE0IDkuOTk3ODcgMjAuODMxMlY1LjgzMDQ3QzkuOTk3ODcgNS4zNzAxOSAxMC4zNzA5IDQuOTk3MTMgMTAuODMxMiA0Ljk5NzEzSDM5LjE2NkMzOS42MjYyIDQuOTk3MTMgMzkuOTk5MyA1LjM3MDE5IDM5Ljk5OTMgNS44MzA0N1YyMC44MzEyQzM5Ljk5OTMgMjEuMjkxNSA0MC4zNzI0IDIxLjY2NDYgNDAuODMyNiAyMS42NjQ2QzQxLjI5MjkgMjEuNjY0NiA0MS42NjYgMjEuMjkxNCA0MS42NjYgMjAuODMxMlYxNC4zOTE3TDQ3LjUyODggMTguOTQ3OEwzMy42MzA2IDI5Ljc0MDFDMzMuMzkxNSAyOS45MjEyIDMzLjI2ODIgMzAuMjE3IDMzLjMwNzggMzAuNTE0M0MzMy4zNDc1IDMwLjgxMTcgMzMuNTQzOSAzMS4wNjQ5IDMzLjgyMjEgMzEuMTc3MUMzNC4xMDA0IDMxLjI4OTMgMzQuNDE3NSAzMS4yNDM0IDM0LjY1MjMgMzEuMDU2OEw0OC4zMzMgMjAuNDMzOFY0Ny4wMzM0SDQ4LjMzMzJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); } .m-subscribe__text { font-size: 20px; line-height: 120%; font-weight: bold; color: #000000; max-width: 510px; } .m-subscribe__offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .m-subscribe__form { width: 592px; } .m-subscribe-form__body { position: relative; width: 100%; } .m-subscribe-input { background: #ffffff; border-radius: 5px; border: none; height: 40px; padding: 0 20px; width: calc(100% - 214px); } .m-subscribe-btn { position: absolute; top: 0; right: 0; width: 226px; border: none; height: 100%; background: #8fbc62; border-radius: 5px; font-weight: 500; color: #ffffff; font-size: 16px; cursor: pointer; } .footer__block-kofe { margin-bottom: 31px; } .pay-list .gpay { width: 42px; height: 24px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/bitrix/templates/empty/images/google-pay-mark.svg); background-color: transparent; } .footer__block--apps .footer__title { margin-bottom: 15px; } .footer-apps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 285px; } .footer-apps__item { width: 135px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; } .app-google { margin-right: 15px; background-image: url(/bitrix/templates/empty/images/app-google.png); } .app-apple { background-image: url(/bitrix/templates/empty/images/app-apple.png); } .footer__title-mob { display: none; } @media (max-width: 1279px) { .footer .container { padding: 0 12px; } .m-subscribe__text { max-width: 400px; } .footer-apps__item { background-size: contain; width: 100%; } .footer-apps { width: auto; } } @media (max-width: 1023px) { .footer .container { padding: 0 28px; } .m-subscribe { flex-wrap: wrap; padding: 30px 0 40px; height: auto; } .m-subscribe__offer { align-items: center; justify-content: center; width: 100%; margin-bottom: 20px; } .m-subscribe__icon { background-size: 40px; flex: 0 0 40px; width: 40px; height: 40px; margin-right: 25px; } .m-subscribe__text { font-size: 16px; max-width: 100%; } .m-subscribe__form { width: 100%; } .footer__block-kofe { margin-bottom: 25px; } } @media (max-width: 767px) { .footer .container { padding: 0 15px; } .footer .footer__top .container { padding: 0; } .m-subscribe-wrap { display: none; } .footer__block-kofe { margin-bottom: 0px; } .footer__title-mob { display: block; font-size: 17px; margin-bottom: 16px; } .footer__block--apps { padding: 19px 17px 30px !important; border-bottom: 1px solid #6C6D79; } .footer-apps { align-items: flex-start; } .footer-apps__item { width: 135px; } .footer__side-col--contacts { flex-direction: column; display: flex; } .footer__block--social { order: 5; } .footer__block--apps { order: 4; } } /* End */ /* Start:/bitrix/templates/empty/css/multisearch.css?175715791919374*/ .serch { position: relative; } .search-hover { padding-right: 72px; } .loading { position: fixed; width: 100vw; height: 100vh; background-color: rgba(108, 109, 121, 0.2); top: 0; left: 0; background-image: url(/bitrix/templates/empty/css/../images/spinner2.svg); background-position: center; background-repeat: no-repeat; background-size: 127px; display: none; z-index: 999; } .clear-search { display: none; width: 24px; height: 36px; background-repeat: no-repeat; background-size: 14px; background-position: center; position: absolute; right: 46px; top: 0; cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjM5MDcyIDE2LjYwOTNDMS42NTEwNSAxNi44Njk5IDEuOTkyIDE3LjAwMDEgMi4zMzMyMyAxNy4wMDAxQzIuNjc0NDUgMTcuMDAwMSAzLjAxNTY4IDE2Ljg2OTkgMy4yNzYwMiAxNi42MDkzTDkuMDAwMDUgMTAuODg1MkwxNC43MjQgMTYuNjA5MkMxNC45ODQzIDE2Ljg2OTggMTUuMzI1NSAxNyAxNS42NjY4IDE3QzE2LjAwOCAxNyAxNi4zNDg5IDE2Ljg2OTggMTYuNjA5MyAxNi42MDkyQzE3LjEzMDIgMTYuMDg4NSAxNy4xMzAyIDE1LjI0NDggMTYuNjA5MyAxNC43MjM5TDEwLjg4NTQgOC45OTk5NEwxNi42MDkzIDMuMjc2MDJDMTcuMTMwMiAyLjc1NTM1IDE3LjEyOTkgMS45MTEzOSAxNi42MDkzIDEuMzkwNzJDMTYuMDg4NiAwLjg2OTc2MSAxNS4yNDQ5IDAuODY5NzYxIDE0LjcyNCAxLjM5MDcyTDkuMDAwMDUgNy4xMTQ2NEwzLjI3NjAyIDEuMzkwNjFDMi43NTUzNSAwLjg2OTY1NCAxLjkxMTM5IDAuODY5OTM5IDEuMzkwNzIgMS4zOTA2MUMwLjg2OTc2MSAxLjkxMTI4IDAuODY5NzYxIDIuNzU0OTYgMS4zOTA3MiAzLjI3NTkxTDcuMTE0NzUgOC45OTk5NEwxLjM5MDcyIDE0LjcyNEMwLjg2OTc2MSAxNS4yNDQ2IDAuODY5NzYxIDE2LjA4ODYgMS4zOTA3MiAxNi42MDkzWiIgZmlsbD0iIzJDMkUzRiIvPgo8cGF0aCBkPSJNMS4zOTA3MiAxNi42MDkzTDEuNjM4MzQgMTYuMzYxOUwxLjYzODE0IDE2LjM2MTdMMS4zOTA3MiAxNi42MDkzWk0zLjI3NjAyIDE2LjYwOTNMMy4wMjg1MyAxNi4zNjE4TDMuMDI4NCAxNi4zNjE5TDMuMjc2MDIgMTYuNjA5M1pNOS4wMDAwNSAxMC44ODUyTDkuMjQ3NTQgMTAuNjM3OEw5LjAwMDA1IDEwLjM5MDNMOC43NTI1NyAxMC42Mzc4TDkuMDAwMDUgMTAuODg1MlpNMTQuNzI0IDE2LjYwOTJMMTQuOTcxNiAxNi4zNjE4TDE0Ljk3MTUgMTYuMzYxN0wxNC43MjQgMTYuNjA5MlpNMTYuNjA5MyAxNi42MDkyTDE2LjM2MTkgMTYuMzYxNkwxNi4zNjE3IDE2LjM2MThMMTYuNjA5MyAxNi42MDkyWk0xNi42MDkzIDE0LjcyMzlMMTYuODU2OCAxNC40NzY0TDE2LjYwOTMgMTQuNzIzOVpNMTAuODg1NCA4Ljk5OTk0TDEwLjYzNzkgOC43NTI0NkwxMC4zOTA0IDguOTk5OTRMMTAuNjM3OSA5LjI0NzQzTDEwLjg4NTQgOC45OTk5NFpNMTYuNjA5MyAzLjI3NjAyTDE2LjM2MTkgMy4wMjg0NkwxNi4zNjE4IDMuMDI4NTNMMTYuNjA5MyAzLjI3NjAyWk0xNi42MDkzIDEuMzkwNzJMMTYuMzYxNyAxLjYzODE0TDE2LjM2MTggMS42MzgyMUwxNi42MDkzIDEuMzkwNzJaTTE0LjcyNCAxLjM5MDcyTDE0LjQ3NjUgMS4xNDMyM1YxLjE0MzIzTDE0LjcyNCAxLjM5MDcyWk05LjAwMDA1IDcuMTE0NjRMOC43NTI1NyA3LjM2MjEzTDkuMDAwMDUgNy42MDk2Mkw5LjI0NzU0IDcuMzYyMTNMOS4wMDAwNSA3LjExNDY0Wk0zLjI3NjAyIDEuMzkwNjFMMy4wMjg0NiAxLjYzODAzTDMuMDI4NTMgMS42MzgxTDMuMjc2MDIgMS4zOTA2MVpNMS4zOTA3MiAxLjM5MDYxTDEuNjM4MTQgMS42MzgxN0wxLjYzODIxIDEuNjM4MUwxLjM5MDcyIDEuMzkwNjFaTTEuMzkwNzIgMy4yNzU5MUwxLjE0MzIzIDMuNTIzNEwxLjE0MzIzIDMuNTIzNEwxLjM5MDcyIDMuMjc1OTFaTTcuMTE0NzUgOC45OTk5NEw3LjM2MjI0IDkuMjQ3NDNMNy42MDk3MyA4Ljk5OTk0TDcuMzYyMjQgOC43NTI0Nkw3LjExNDc1IDguOTk5OTRaTTEuMzkwNzIgMTQuNzI0TDEuNjM4MTQgMTQuOTcxNUwxLjYzODIxIDE0Ljk3MTVMMS4zOTA3MiAxNC43MjRaTTIuMzMzMjMgMTYuNjUwMUMyLjA4MTEyIDE2LjY1MDEgMS44MzA0MSAxNi41NTQyIDEuNjM4MzQgMTYuMzYxOUwxLjE0MzEgMTYuODU2NkMxLjQ3MTY5IDE3LjE4NTYgMS45MDI4NyAxNy4zNTAxIDIuMzMzMjMgMTcuMzUwMVYxNi42NTAxWk0zLjAyODQgMTYuMzYxOUMyLjgzNjM4IDE2LjU1NDIgMi41ODU0MSAxNi42NTAxIDIuMzMzMjMgMTYuNjUwMVYxNy4zNTAxQzIuNzYzNSAxNy4zNTAxIDMuMTk0OTkgMTcuMTg1NiAzLjUyMzY0IDE2Ljg1NjZMMy4wMjg0IDE2LjM2MTlaTTguNzUyNTcgMTAuNjM3OEwzLjAyODUzIDE2LjM2MThMMy41MjM1MSAxNi44NTY4TDkuMjQ3NTQgMTEuMTMyN0w4Ljc1MjU3IDEwLjYzNzhaTTE0Ljk3MTUgMTYuMzYxN0w5LjI0NzU0IDEwLjYzNzhMOC43NTI1NyAxMS4xMzI3TDE0LjQ3NjUgMTYuODU2N0wxNC45NzE1IDE2LjM2MTdaTTE1LjY2NjggMTYuNjVDMTUuNDE0NiAxNi42NSAxNS4xNjM2IDE2LjU1NCAxNC45NzE2IDE2LjM2MThMMTQuNDc2NCAxNi44NTY1QzE0LjgwNSAxNy4xODU1IDE1LjIzNjUgMTcuMzUgMTUuNjY2OCAxNy4zNVYxNi42NVpNMTYuMzYxNyAxNi4zNjE4QzE2LjE2OTYgMTYuNTU0MSAxNS45MTg5IDE2LjY1IDE1LjY2NjggMTYuNjVWMTcuMzVDMTYuMDk3MSAxNy4zNSAxNi41MjgzIDE3LjE4NTUgMTYuODU2OSAxNi44NTY1TDE2LjM2MTcgMTYuMzYxOFpNMTYuMzYxOCAxNC45NzE0QzE2Ljc0NjEgMTUuMzU1NyAxNi43NDYgMTUuOTc3NyAxNi4zNjE5IDE2LjM2MTZMMTYuODU2NyAxNi44NTY3QzE3LjUxNDUgMTYuMTk5MyAxNy41MTQ0IDE1LjEzNCAxNi44NTY4IDE0LjQ3NjRMMTYuMzYxOCAxNC45NzE0Wk0xMC42Mzc5IDkuMjQ3NDNMMTYuMzYxOCAxNC45NzE0TDE2Ljg1NjggMTQuNDc2NEwxMS4xMzI4IDguNzUyNDZMMTAuNjM3OSA5LjI0NzQzWk0xNi4zNjE4IDMuMDI4NTNMMTAuNjM3OSA4Ljc1MjQ2TDExLjEzMjggOS4yNDc0M0wxNi44NTY4IDMuNTIzNTFMMTYuMzYxOCAzLjAyODUzWk0xNi4zNjE4IDEuNjM4MjFDMTYuNzQ1OSAyLjAyMjI4IDE2Ljc0NiAyLjY0NDU4IDE2LjM2MTkgMy4wMjg0NkwxNi44NTY3IDMuNTIzNTdDMTcuNTE0NSAyLjg2NjEyIDE3LjUxNCAxLjgwMDUgMTYuODU2OCAxLjE0MzIzTDE2LjM2MTggMS42MzgyMVpNMTQuOTcxNSAxLjYzODIxQzE1LjM1NTggMS4yNTM4OSAxNS45Nzc4IDEuMjUzOTkgMTYuMzYxNyAxLjYzODE0TDE2Ljg1NjggMS4xNDMzQzE2LjE5OTQgMC40ODU1MyAxNS4xMzQxIDAuNDg1NjI3IDE0LjQ3NjUgMS4xNDMyM0wxNC45NzE1IDEuNjM4MjFaTTkuMjQ3NTQgNy4zNjIxM0wxNC45NzE1IDEuNjM4MjFMMTQuNDc2NSAxLjE0MzIzTDguNzUyNTcgNi44NjcxNUw5LjI0NzU0IDcuMzYyMTNaTTMuMDI4NTMgMS42MzgxTDguNzUyNTcgNy4zNjIxM0w5LjI0NzU0IDYuODY3MTVMMy41MjM1MSAxLjE0MzEyTDMuMDI4NTMgMS42MzgxWk0xLjYzODIxIDEuNjM4MUMyLjAyMjI4IDEuMjU0MDIgMi42NDQ1OCAxLjI1MzkzIDMuMDI4NDYgMS42MzgwM0wzLjUyMzU3IDEuMTQzMTlDMi44NjYxMiAwLjQ4NTM3NCAxLjgwMDUgMC40ODU4NTQgMS4xNDMyMyAxLjE0MzEyTDEuNjM4MjEgMS42MzgxWk0xLjYzODIxIDMuMDI4NDJDMS4yNTM4OSAyLjY0NDExIDEuMjUzOTkgMi4wMjIxIDEuNjM4MTQgMS42MzgxN0wxLjE0MzMgMS4xNDMwNkMwLjQ4NTUzIDEuODAwNDYgMC40ODU2MjcgMi44NjU4IDEuMTQzMjMgMy41MjM0TDEuNjM4MjEgMy4wMjg0MlpNNy4zNjIyNCA4Ljc1MjQ2TDEuNjM4MjEgMy4wMjg0MkwxLjE0MzIzIDMuNTIzNEw2Ljg2NzI2IDkuMjQ3NDNMNy4zNjIyNCA4Ljc1MjQ2Wk0xLjYzODIxIDE0Ljk3MTVMNy4zNjIyNCA5LjI0NzQzTDYuODY3MjYgOC43NTI0NkwxLjE0MzIzIDE0LjQ3NjVMMS42MzgyMSAxNC45NzE1Wk0xLjYzODE0IDE2LjM2MTdDMS4yNTM5NSAxNS45Nzc4IDEuMjUzOTUgMTUuMzU1NSAxLjYzODE0IDE0Ljk3MTVMMS4xNDMzIDE0LjQ3NjRDMC40ODU1NjcgMTUuMTMzOCAwLjQ4NTU2NyAxNi4xOTk1IDEuMTQzMyAxNi44NTY4TDEuNjM4MTQgMTYuMzYxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); transition: all .2s ease; } .clear-search:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjM5MDcyIDE2LjYwOTNDMS42NTEwNSAxNi44Njk5IDEuOTkyIDE3LjAwMDEgMi4zMzMyMyAxNy4wMDAxQzIuNjc0NDUgMTcuMDAwMSAzLjAxNTY4IDE2Ljg2OTkgMy4yNzYwMiAxNi42MDkzTDkuMDAwMDUgMTAuODg1MkwxNC43MjQgMTYuNjA5MkMxNC45ODQzIDE2Ljg2OTggMTUuMzI1NSAxNyAxNS42NjY4IDE3QzE2LjAwOCAxNyAxNi4zNDg5IDE2Ljg2OTggMTYuNjA5MyAxNi42MDkyQzE3LjEzMDIgMTYuMDg4NSAxNy4xMzAyIDE1LjI0NDggMTYuNjA5MyAxNC43MjM5TDEwLjg4NTQgOC45OTk5NEwxNi42MDkzIDMuMjc2MDJDMTcuMTMwMiAyLjc1NTM1IDE3LjEyOTkgMS45MTEzOSAxNi42MDkzIDEuMzkwNzJDMTYuMDg4NiAwLjg2OTc2MSAxNS4yNDQ5IDAuODY5NzYxIDE0LjcyNCAxLjM5MDcyTDkuMDAwMDUgNy4xMTQ2NEwzLjI3NjAyIDEuMzkwNjFDMi43NTUzNSAwLjg2OTY1NCAxLjkxMTM5IDAuODY5OTM5IDEuMzkwNzIgMS4zOTA2MUMwLjg2OTc2MSAxLjkxMTI4IDAuODY5NzYxIDIuNzU0OTYgMS4zOTA3MiAzLjI3NTkxTDcuMTE0NzUgOC45OTk5NEwxLjM5MDcyIDE0LjcyNEMwLjg2OTc2MSAxNS4yNDQ2IDAuODY5NzYxIDE2LjA4ODYgMS4zOTA3MiAxNi42MDkzWiIgZmlsbD0iIzhmYmM2MiIvPgo8cGF0aCBkPSJNMS4zOTA3MiAxNi42MDkzTDEuNjM4MzQgMTYuMzYxOUwxLjYzODE0IDE2LjM2MTdMMS4zOTA3MiAxNi42MDkzWk0zLjI3NjAyIDE2LjYwOTNMMy4wMjg1MyAxNi4zNjE4TDMuMDI4NCAxNi4zNjE5TDMuMjc2MDIgMTYuNjA5M1pNOS4wMDAwNSAxMC44ODUyTDkuMjQ3NTQgMTAuNjM3OEw5LjAwMDA1IDEwLjM5MDNMOC43NTI1NyAxMC42Mzc4TDkuMDAwMDUgMTAuODg1MlpNMTQuNzI0IDE2LjYwOTJMMTQuOTcxNiAxNi4zNjE4TDE0Ljk3MTUgMTYuMzYxN0wxNC43MjQgMTYuNjA5MlpNMTYuNjA5MyAxNi42MDkyTDE2LjM2MTkgMTYuMzYxNkwxNi4zNjE3IDE2LjM2MThMMTYuNjA5MyAxNi42MDkyWk0xNi42MDkzIDE0LjcyMzlMMTYuODU2OCAxNC40NzY0TDE2LjYwOTMgMTQuNzIzOVpNMTAuODg1NCA4Ljk5OTk0TDEwLjYzNzkgOC43NTI0NkwxMC4zOTA0IDguOTk5OTRMMTAuNjM3OSA5LjI0NzQzTDEwLjg4NTQgOC45OTk5NFpNMTYuNjA5MyAzLjI3NjAyTDE2LjM2MTkgMy4wMjg0NkwxNi4zNjE4IDMuMDI4NTNMMTYuNjA5MyAzLjI3NjAyWk0xNi42MDkzIDEuMzkwNzJMMTYuMzYxNyAxLjYzODE0TDE2LjM2MTggMS42MzgyMUwxNi42MDkzIDEuMzkwNzJaTTE0LjcyNCAxLjM5MDcyTDE0LjQ3NjUgMS4xNDMyM1YxLjE0MzIzTDE0LjcyNCAxLjM5MDcyWk05LjAwMDA1IDcuMTE0NjRMOC43NTI1NyA3LjM2MjEzTDkuMDAwMDUgNy42MDk2Mkw5LjI0NzU0IDcuMzYyMTNMOS4wMDAwNSA3LjExNDY0Wk0zLjI3NjAyIDEuMzkwNjFMMy4wMjg0NiAxLjYzODAzTDMuMDI4NTMgMS42MzgxTDMuMjc2MDIgMS4zOTA2MVpNMS4zOTA3MiAxLjM5MDYxTDEuNjM4MTQgMS42MzgxN0wxLjYzODIxIDEuNjM4MUwxLjM5MDcyIDEuMzkwNjFaTTEuMzkwNzIgMy4yNzU5MUwxLjE0MzIzIDMuNTIzNEwxLjE0MzIzIDMuNTIzNEwxLjM5MDcyIDMuMjc1OTFaTTcuMTE0NzUgOC45OTk5NEw3LjM2MjI0IDkuMjQ3NDNMNy42MDk3MyA4Ljk5OTk0TDcuMzYyMjQgOC43NTI0Nkw3LjExNDc1IDguOTk5OTRaTTEuMzkwNzIgMTQuNzI0TDEuNjM4MTQgMTQuOTcxNUwxLjYzODIxIDE0Ljk3MTVMMS4zOTA3MiAxNC43MjRaTTIuMzMzMjMgMTYuNjUwMUMyLjA4MTEyIDE2LjY1MDEgMS44MzA0MSAxNi41NTQyIDEuNjM4MzQgMTYuMzYxOUwxLjE0MzEgMTYuODU2NkMxLjQ3MTY5IDE3LjE4NTYgMS45MDI4NyAxNy4zNTAxIDIuMzMzMjMgMTcuMzUwMVYxNi42NTAxWk0zLjAyODQgMTYuMzYxOUMyLjgzNjM4IDE2LjU1NDIgMi41ODU0MSAxNi42NTAxIDIuMzMzMjMgMTYuNjUwMVYxNy4zNTAxQzIuNzYzNSAxNy4zNTAxIDMuMTk0OTkgMTcuMTg1NiAzLjUyMzY0IDE2Ljg1NjZMMy4wMjg0IDE2LjM2MTlaTTguNzUyNTcgMTAuNjM3OEwzLjAyODUzIDE2LjM2MThMMy41MjM1MSAxNi44NTY4TDkuMjQ3NTQgMTEuMTMyN0w4Ljc1MjU3IDEwLjYzNzhaTTE0Ljk3MTUgMTYuMzYxN0w5LjI0NzU0IDEwLjYzNzhMOC43NTI1NyAxMS4xMzI3TDE0LjQ3NjUgMTYuODU2N0wxNC45NzE1IDE2LjM2MTdaTTE1LjY2NjggMTYuNjVDMTUuNDE0NiAxNi42NSAxNS4xNjM2IDE2LjU1NCAxNC45NzE2IDE2LjM2MThMMTQuNDc2NCAxNi44NTY1QzE0LjgwNSAxNy4xODU1IDE1LjIzNjUgMTcuMzUgMTUuNjY2OCAxNy4zNVYxNi42NVpNMTYuMzYxNyAxNi4zNjE4QzE2LjE2OTYgMTYuNTU0MSAxNS45MTg5IDE2LjY1IDE1LjY2NjggMTYuNjVWMTcuMzVDMTYuMDk3MSAxNy4zNSAxNi41MjgzIDE3LjE4NTUgMTYuODU2OSAxNi44NTY1TDE2LjM2MTcgMTYuMzYxOFpNMTYuMzYxOCAxNC45NzE0QzE2Ljc0NjEgMTUuMzU1NyAxNi43NDYgMTUuOTc3NyAxNi4zNjE5IDE2LjM2MTZMMTYuODU2NyAxNi44NTY3QzE3LjUxNDUgMTYuMTk5MyAxNy41MTQ0IDE1LjEzNCAxNi44NTY4IDE0LjQ3NjRMMTYuMzYxOCAxNC45NzE0Wk0xMC42Mzc5IDkuMjQ3NDNMMTYuMzYxOCAxNC45NzE0TDE2Ljg1NjggMTQuNDc2NEwxMS4xMzI4IDguNzUyNDZMMTAuNjM3OSA5LjI0NzQzWk0xNi4zNjE4IDMuMDI4NTNMMTAuNjM3OSA4Ljc1MjQ2TDExLjEzMjggOS4yNDc0M0wxNi44NTY4IDMuNTIzNTFMMTYuMzYxOCAzLjAyODUzWk0xNi4zNjE4IDEuNjM4MjFDMTYuNzQ1OSAyLjAyMjI4IDE2Ljc0NiAyLjY0NDU4IDE2LjM2MTkgMy4wMjg0NkwxNi44NTY3IDMuNTIzNTdDMTcuNTE0NSAyLjg2NjEyIDE3LjUxNCAxLjgwMDUgMTYuODU2OCAxLjE0MzIzTDE2LjM2MTggMS42MzgyMVpNMTQuOTcxNSAxLjYzODIxQzE1LjM1NTggMS4yNTM4OSAxNS45Nzc4IDEuMjUzOTkgMTYuMzYxNyAxLjYzODE0TDE2Ljg1NjggMS4xNDMzQzE2LjE5OTQgMC40ODU1MyAxNS4xMzQxIDAuNDg1NjI3IDE0LjQ3NjUgMS4xNDMyM0wxNC45NzE1IDEuNjM4MjFaTTkuMjQ3NTQgNy4zNjIxM0wxNC45NzE1IDEuNjM4MjFMMTQuNDc2NSAxLjE0MzIzTDguNzUyNTcgNi44NjcxNUw5LjI0NzU0IDcuMzYyMTNaTTMuMDI4NTMgMS42MzgxTDguNzUyNTcgNy4zNjIxM0w5LjI0NzU0IDYuODY3MTVMMy41MjM1MSAxLjE0MzEyTDMuMDI4NTMgMS42MzgxWk0xLjYzODIxIDEuNjM4MUMyLjAyMjI4IDEuMjU0MDIgMi42NDQ1OCAxLjI1MzkzIDMuMDI4NDYgMS42MzgwM0wzLjUyMzU3IDEuMTQzMTlDMi44NjYxMiAwLjQ4NTM3NCAxLjgwMDUgMC40ODU4NTQgMS4xNDMyMyAxLjE0MzEyTDEuNjM4MjEgMS42MzgxWk0xLjYzODIxIDMuMDI4NDJDMS4yNTM4OSAyLjY0NDExIDEuMjUzOTkgMi4wMjIxIDEuNjM4MTQgMS42MzgxN0wxLjE0MzMgMS4xNDMwNkMwLjQ4NTUzIDEuODAwNDYgMC40ODU2MjcgMi44NjU4IDEuMTQzMjMgMy41MjM0TDEuNjM4MjEgMy4wMjg0MlpNNy4zNjIyNCA4Ljc1MjQ2TDEuNjM4MjEgMy4wMjg0MkwxLjE0MzIzIDMuNTIzNEw2Ljg2NzI2IDkuMjQ3NDNMNy4zNjIyNCA4Ljc1MjQ2Wk0xLjYzODIxIDE0Ljk3MTVMNy4zNjIyNCA5LjI0NzQzTDYuODY3MjYgOC43NTI0NkwxLjE0MzIzIDE0LjQ3NjVMMS42MzgyMSAxNC45NzE1Wk0xLjYzODE0IDE2LjM2MTdDMS4yNTM5NSAxNS45Nzc4IDEuMjUzOTUgMTUuMzU1NSAxLjYzODE0IDE0Ljk3MTVMMS4xNDMzIDE0LjQ3NjRDMC40ODU1NjcgMTUuMTMzOCAwLjQ4NTU2NyAxNi4xOTk1IDEuMTQzMyAxNi44NTY4TDEuNjM4MTQgMTYuMzYxN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } .multisearch-root { position: absolute; width: 692px; height: 347px; background-color: #fff; z-index: 11; overflow: hidden; border-radius: 5px; border: 1px solid #ECECEE; top: -9999px; /* top: 47px; */ /* display: none; */ transform: translateY(-6px); opacity: 0; right: 0; transition: transform .2s ease, opacity .2s ease, top 0s .2s ease; } .multisearch-root.active{ top: 47px; transform: translateY(0px); opacity: 1; transition: transform .2s ease, opacity .2s ease, top 0s ease; } .autocomplete { width: 100%; height: 100%; position: relative; min-height: 150px; padding: 18px 25px 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .autocomplete-keywords { width: 138px; margin-bottom: 50px; -ms-flex-negative: 0; flex-shrink: 0; /*padding-top: 34px;*/ margin-right: 15px; max-height: 285px; overflow: hidden; } .autocomplete__all-results { position: absolute; color: #000; font-size: 14px; text-decoration: underline; position: absolute; left: 25px; bottom: 20px; } .autocomplete-categories-wr { width: 85px; margin-right: 45px; -ms-flex-negative: 0; flex-shrink: 0; max-height: 285px; } .autocomplete-brands-wr { margin-right: 40px; width: 65px; max-height: 285px; } .autocomplete-products { overflow: auto; height: calc(100% - 33px); padding-bottom: 10px; } .autocomplete-title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 16px; } .autocomplete-keywords__item, .autocomplete-categories__item, .autocomplete-brands-text__item { padding: 7px 0; width: 100%; cursor: pointer; font-size: 14px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; cursor: pointer; } .autocomplete-brands__item { margin-bottom: 10px; } .autocomplete-brands__item span { display: none; } .autocomplete-brands-text__item span{ display: flex; } .autocomplete-products__item, .autocomplete-products__item a, .autocomplete-brands-text__item, .autocomplete-brands-text__item a { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; color: inherit; } .autocomplete-brands-text__item, .autocomplete-brands-text__item a{ margin-bottom: 0; } .autocomplete-products__item-image { width: 50px; height: 50px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .autocomplete-products__item-image img { max-width: 100%; max-height: 100%; } .autocomplete-products__item-title { margin-bottom: 5px; } .autocomplete-products__item-price { font-weight: bold; color: #141517; display: inline-block; } .autocomplete-products__item-price.is-out{ color: #DADADA; } .autocomplete-products__item-info .mn-product__old-price{ display: inline-block; } .autocomplete-products__item-info .mn-product__old-price.is-out{ display:none; } .autocomplete-keywords__item-text b { display: inline; font-weight: bold; } .search-not-found-title{ padding: 20px; font-size: 17px; text-align: center; } @media all and (max-width: 1023px) { #title-search.open-tablet { position: absolute; width: calc(100% - 527px); left: 310px; top: 45px; display: block !important; } .header-scroll.fixed #title-search.open-tablet { top: 19px; } #title-search.open-tablet .search-hover { max-width: 100%; } .multisearch-root { left: 50%; margin-left: -345px; } } @media all and (max-width: 767px) { #title-search.open { display: block !important; } .main-search .title-search { position: absolute; width: 100vw; left: 0; top: 60px; background-color: #fff; padding: 10px; z-index: 1; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } .main-search .search-hover { max-width: 100%; border-radius: 5px; background-color: #F2F2F2; border: none; color: #141517; padding-right: 25px; } .header-new .main-search .search-hover { height: 41px; } .main-search .search-hover__field { font-size: 14px; font-family: "HelveticaNeueCyr", sans-serif; color: #141517; } .header-new .main-search .search-hover__field { padding-left: 45px; } .main-search .search-hover__field::placeholder { color: #141517; font-family: "HelveticaNeueCyr", sans-serif; } .header-new .main-search .search-hover__submit { position: absolute; left: 7px; background-size: 14px; top: 3px; margin:0; } .multisearch-root { margin-left: 0; width: 100vw; left: -6px; /* top: 50px; */ top: -9999px; border-radius: 0; border: none; background-color: #fff; overflow-y: auto; overflow-x: hidden; height: calc(100vh - 155px); /* display: none; */ } .multisearch-root.active{ top: 50px; } .autocomplete { display: block; height: auto; padding: 0; } .autocomplete-keywords .autocomplete-title{ display:none !important; } .autocomplete-keywords { width: 100%; padding-top: 0; margin-bottom: 17px; max-height: 300px; } .autocomplete-keywords__item { padding: 14px 24px; border-bottom: 1px solid #ECECEE; } .autocomplete-categories-wr { width: 100%; padding: 0; margin-bottom: 17px; } .autocomplete-categories__item { padding: 14px 24px; border-bottom: 1px solid #ECECEE; } .autocomplete-brands-wr { width: 100%; padding: 0; margin-bottom: 15px; } .header-new { position: relative; z-index: 3; } .autocomplete-brands__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 9px 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ECECEE; } .autocomplete-brands__item span { display: block; font-weight: normal; color: #141517; } .autocomplete-brands__item img { max-width: 30px; max-height: 35px; margin-right: 5px; } .autocomplete-products-wr { width: 100%; padding: 15px 0 0; background-color: #fff; } .autocomplete-products-wr .autocomplete-title { color: #2E2425; } .autocomplete-products { height: auto; } /*.autocomplete__all-results { left: 40px; bottom: 20px; }*/ .autocomplete__all-results { position: relative; display: block; margin-top: -38px; padding-bottom: 100px; } .header-scroll.fixed .title-search { top: 50px; } .clear-search { right: 10px; top: 3px; } .autocomplete-products__item a { padding: 20px 24px; border-bottom: 1px solid #ECECEE; width: 100%; } .autocomplete-title { padding-left: 24px; } a.autocomplete__all-results { position: static; margin-top: 0; padding-left: 25px; padding-bottom: 0; } .autocomplete { padding-bottom: 160px !important; } .header-cropped .multisearch-root.active { height: calc(100vh - 100px) !important; } } /* End */ /* Start:/bitrix/templates/empty/css/hover.css?175715791935127*/ .topline__menu-link, .topline__current-city, .topline__cb-phone, .topline__callback, .menu__button, .search-hover__submit, .icon-user .icon-img, .icon-user .icon-text, .icon-favorites .icon-img, .icon-favorites .icon-text, .icon-basket .icon-img, .icon-basket .icon-text, .header-new .menu .menu__list-item .menu__list-link, .mn-top-slider .slick-arrow, .mn-top-slider .slick-dots li div, .mn-product__dtlist .mn-product__favorites:before, .mn-product__dtlist .mn-product__favorites.added:before, .cp-slider .slick-arrow.slick-next, .cp-slider .slick-arrow.slick-prev, .basketnew__slider .slick-arrow.slick-prev, .basketnew__slider .slick-arrow.slick-next, .mn-show-more, .bestsellers-mobile__tabs-item, .mn-brands__tags-item, .mn-btn, .mn-brands__item, .m-subscribe-btn, .footer__title a, .footer__menu li a, .footer__links-item a, .footer__phone a, .footer__callback, .soc-list li, .mn-product__dtlist .mn-product__add-to-cart, body.has-banner .wrapper.wrapper-header-1 .close, body.has-banner .wrapper.wrapper-header-1 a, .icon-basket:hover .icon-basket__text b, .icon-basket:hover .icon-basket__count, .desktop-menu__main-item > a, .desktop-menu__submenu-link.link-green, .desktop-menu__submenu-link, .desktop-menu__brand-item, .tabs-nav, .i-slider-stories .btn-prev:after, .i-slider-stories .btn-next:after, .i-slider-stories .btn-next, .i-slider-stories .btn-prev, .m-subscribe-input, .bxmaker__geoip__city--header .bxmaker__geoip__popup-search input, .n-breadcrumbs a, .cp-breadcrumbs ul a, .top-title .crumbs a, .mn-product__title, .search-hover, .mn-product__pic img, .mn-edges__item a, .n-filter-btn__del, .filter-popup-result__link, .n-checkbox__pseudo, .n-filter__item-title, .filter_name, .filter_name:after, .n-filter__clear, .n-filter-price__input, .n-pagination__item-catalog, .n-pagination__link, .n-pagination__arrow-desc, .n-pagination__item-all, .n-pagination-new .n-pagination__item.n-pagination__arrow-desc:before, .n-filter-caregory__item, .n-filter__search input, .n-catalog-new-sort, .cp-btn.white, .cp-product__stars-title, .cp-share, .cp-btn, .cp-product__favorites, .cp-product__offer-link, .ajax-delivery__city, .cp-product__pluses-txt a, .cp-anchors__item.anchor-link, .c-reviews-photo-all, .c-reviews-like__value:not(.active) .c-reviews-like__icon, .c-reviews-dislike__value:not(.active) .c-reviews-dislike__icon .c-reviews-add-btn, .cp-similar .similar-more, .about-us__item-text a, .requisites-table a, .autocomplete-keywords__item, .autocomplete-categories__item, .autocomplete-brands-text__item, .autocomplete-brands__item img, .autocomplete-products__item-title, .autocomplete__all-results, .authpopup .auth_chb_text a, .authpopup .in_site_auth_body a, .authpopup.popup_auth .card_auth, .authpopup.popup_auth .card_auth_new, .authpopup .popup_v.in_vosstanovlenie, .authpopup-reg .popup_v, .bx_auth_serv_info, .authpopup .auth_email span, .authpopup .auth_restore_back_arrow, .authpopup .auth_restore_back_text, .authpopup .enter-sms_change, .popup_right_col-btn, .mn-edges__seo a{ transition: color .2s ease, border .2s ease, background .2s ease, opacity .2s ease, transform .2s ease; } .topline__menu-link:hover, .mn-show-more:hover, .footer__title a:hover, .footer__phone a:hover, .mn-product__title:hover, .mn-edges__item.hover a, .n-checkbox:hover .n-filter__item-title, .n-filter__clear:hover, .filter_name:hover, .cp-breadcrumbs ul a:hover, .cp-product__stars-title:hover, .cp-share:hover, .cp-product__offer-link:hover, .ajax-delivery__city:hover, .cp-product__pluses-txt a:hover, .cp-anchors__item.anchor-link:hover, .c-reviews-photo-all:hover, .requisites-table a:hover, .autocomplete-keywords__item:hover, .autocomplete-categories__item:hover, .autocomplete-brands-text__item:hover, .autocomplete-products__item:hover .autocomplete-products__item-title, .autocomplete__all-results:hover, .authpopup .auth_chb_text a:hover, .authpopup .in_site_auth_body a:hover, .authpopup .popup_v.in_vosstanovlenie:hover, .authpopup-reg .popup_v:hover, .authpopup .auth_email span:hover, .authpopup .enter-sms_change:hover, .authpopup .auth_restore_back:hover .auth_restore_back_text, .icon-user .icon-link:hover .icon-text, .icon-favorites .icon-link:hover .icon-text, .icon-basket .icon-link:hover .icon-text{ color: #8fbc62; } .topline__cb-phone:hover { opacity: 0.5; } .icon-basket:hover .icon-basket__text b, .icon-basket:hover .icon-basket__count, .footer__menu li a:hover, .desktop-menu__submenu-link.link-green:hover, .desktop-menu__submenu-title .desktop-menu__submenu-link:hover, .filter-popup-result__link:hover, .about-us__item-text a:hover, .mn-edges__seo a:hover { color: #76a546; } .filter-popup-result__link:hover, .n-filter__clear:hover, .cp-product__offer-link:hover, .ajax-delivery__city:hover, .cp-product__pluses-txt a:hover, .c-reviews-photo-all:hover, .cp-product__pluses-txt a:hover, .about-us__item-text a:hover, .autocomplete__all-results:hover, .authpopup .auth_chb_text a:hover{ text-decoration: none; } .requisites-table a:hover{ text-decoration: underline; } .footer__links-item a:hover, .footer__callback:hover, .n-pagination-new .n-pagination__item.n-pagination__item-all:hover .n-pagination__link, .cp-btn.white:hover, .cp-similar .similar-more:hover, .popup_right_col-btn:hover{ color: #fff; } .footer__links-item a:hover, .footer__callback:hover{ border-bottom-color: #fff; } .cp-product__stars-title:hover, .cp-share:hover, .cp-product__pluses-txt a:hover, .authpopup .in_site_auth_body a:hover, .authpopup .popup_v.in_vosstanovlenie:hover, .authpopup-reg .popup_v:hover, .authpopup .auth_email span:hover, .authpopup .enter-sms_change:hover{ border-bottom-color: transparent; } .topline__current-city:hover, .topline__callback:hover, .soc-list li:hover, body.has-banner .wrapper.wrapper-header-1 .close:hover, body.has-banner .wrapper.wrapper-header-1 a:hover, .bx_auth_serv_info:hover{ opacity: 0.7; } .bx_auth_serv_info:active{ opacity: 0.9; } .n-filter-btn__del:hover{ opacity: 1; } .mn-top-slider .slick-dots li:hover:not(.slick-active) div, .cp-btn.white:hover, .cp-similar .similar-more:hover{ background-color: #8fbc62; } .i-slider-stories .btn-next:hover, .i-slider-stories .btn-prev:hover, .n-filter-btn__del:hover, .n-pagination-new .n-pagination__arrow-desc:hover, .n-pagination-new .n-pagination__item.n-pagination__item-all:hover, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover, .popup_right_col-btn:hover{ background: #8fbc62; } .i-slider-stories .btn-next:hover, .i-slider-stories .btn-prev:hover, .bxmaker__geoip__city--header .bxmaker__geoip__popup-search input:focus, .n-checkbox:hover .n-checkbox__pseudo, .n-filter__search input:focus{ border-color: #8fbc62; } .menu__button:hover, .mn-btn:hover, .m-subscribe-btn:hover, .c-reviews-add-btn:hover, .authpopup.popup_auth .card_auth:hover, .authpopup.popup_auth .card_auth:focus, .authpopup.popup_auth .card_auth_new:hover, .authpopup.popup_auth .card_auth_new:focus{ background-color: #7fa955; /* background-color: #a9cb86; */ } .menu__button:hover, .search-hover.focus{ border-color: #7fa955; /* border-color: #a9cb86; */ } .menu__button:active, .mn-product__dtlist .mn-product__add-to-cart:active, .mn-btn:active, .m-subscribe-btn:active, .n-pagination-new .n-pagination__item.n-pagination__item-all:active, .cp-btn.white:active, .cp-btn:active, .c-reviews-add-btn:active, .cp-similar .similar-more:active, .button2:active, .authpopup.popup_auth .card_auth:active, .authpopup.popup_auth .card_auth_new:active, .popup_right_col-btn:active{ background-color: #69933f; } .popup_right_col-btn:active{ border-color: #69933f; } .menu__button:active, .i-slider-stories .btn-next:active, .i-slider-stories .btn-prev:active, .cp-btn.white:active{ border-color: #76a546; } .i-slider-stories .btn-next:active, .i-slider-stories .btn-prev:active{ background: #76a546; } .search-hover__submit:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjExMTEgMTUuMjIyMkMxMi4wMzg1IDE1LjIyMjIgMTUuMjIyMiAxMi4wMzg1IDE1LjIyMjIgOC4xMTExQzE1LjIyMjIgNC4xODM3NSAxMi4wMzg1IDEgOC4xMTExIDFDNC4xODM3NSAxIDEgNC4xODM3NSAxIDguMTExMUMxIDEyLjAzODUgNC4xODM3NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyWiIgc3Ryb2tlPSIjOGZiYzYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuOTk5NSAxN0wxMy4xMzI4IDEzLjEzMzMiIHN0cm9rZT0iIzhmYmM2MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } .icon-user .icon-link:hover .icon-img{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDE5LjUyNzdWMTcuNTUyNEMxNyAxNS4zNzA2IDE1LjIwOTEgMTMuNjAxOCAxMyAxMy42MDE4SDVDMi43OTA4NiAxMy42MDE4IDEgMTUuMzcwNiAxIDE3LjU1MjRWMTkuNTI3NyIgc3Ryb2tlPSIjOGZiYzYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgOS42NTEyNEMxMS4yMDkxIDkuNjUxMjQgMTMgNy44ODI0OCAxMyA1LjcwMDYyQzEzIDMuNTE4NzUgMTEuMjA5MSAxLjc1IDkgMS43NUM2Ljc5MDg2IDEuNzUgNSAzLjUxODc1IDUgNS43MDA2MkM1IDcuODgyNDggNi43OTA4NiA5LjY1MTI0IDkgOS42NTEyNFoiIHN0cm9rZT0iIzhmYmM2MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } .icon-favorites .icon-link:hover .icon-img{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iIzhmYmM2MiIvPgo8L3N2Zz4K); } .icon-basket:hover .icon-link .icon-img{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY2NjY3IDFMMSA0LjU1NTU2VjE3QzEgMTcuOTgxOCAxLjc5NTk0IDE4Ljc3NzggMi43Nzc3OCAxOC43Nzc4SDE1LjIyMjJDMTYuMjA0MSAxOC43Nzc4IDE3IDE3Ljk4MTggMTcgMTdWNC41NTU1NkwxNC4zMzMzIDFIMy42NjY2N1oiIHN0cm9rZT0iIzhmYmM2MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgNC41NTU1M0gxNyIgc3Ryb2tlPSIjOGZiYzYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNTU1NCA4LjExMTA4QzEyLjU1NTQgMTAuMDc0OCAxMC45NjM2IDExLjY2NjYgOC45OTk4OSAxMS42NjY2QzcuMDM2MjEgMTEuNjY2NiA1LjQ0NDM0IDEwLjA3NDggNS40NDQzNCA4LjExMTA4IiBzdHJva2U9IiM4ZmJjNjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); } .mn-top-slider .slick-arrow:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzA5NjE2IDEyLjA4OThMOS4zMDkzMSAyMS4yNzM4QzkuODU2MzYgMjEuODU4MyAxMC43NDMzIDIxLjg1ODMgMTEuMjkwMSAyMS4yNzM4QzExLjgzNjkgMjAuNjg5OCAxMS44MzY5IDE5Ljc0MjYgMTEuMjkwMSAxOS4xNTg3TDMuNjgwNjcgMTEuMDMyMkwxMS4yODk5IDIuOTA2MDRDMTEuODM2NyAyLjMyMTgxIDExLjgzNjcgMS4zNzQ3MSAxMS4yODk5IDAuNzkwNzE0QzEwLjc0MyAwLjIwNjQ4MSA5Ljg1NjE0IDAuMjA2NDgxIDkuMzA5MDkgMC43OTA3MTRMMC43MDkzOTQgOS45NzQ4OUMwLjQzNTk4MiAxMC4yNjcgMC4yOTk0MzEgMTAuNjQ5NSAwLjI5OTQzMSAxMS4wMzIyQzAuMjk5NDMxIDExLjQxNSAwLjQzNjI0OCAxMS43OTc4IDAuNzA5NjE2IDEyLjA4OThaIiBmaWxsPSIjOGZiYzYyIi8+Cjwvc3ZnPgo=); } .cp-slider .slick-arrow.slick-next:hover, .cp-slider .slick-arrow.slick-prev:hover, .basketnew__slider .slick-arrow.slick-prev:hover, .basketnew__slider .slick-arrow.slick-next:hover, .tabs-nav:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1NyA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU2LjUgMjlDNTYuNSA0NC43NDgzIDQzLjk1NTggNTcuNSAyOC41IDU3LjVDMTMuMDQ0MiA1Ny41IDAuNSA0NC43NDgzIDAuNSAyOUMwLjUgMTMuMjUxNyAxMy4wNDQyIDAuNSAyOC41IDAuNUM0My45NTU4IDAuNSA1Ni41IDEzLjI1MTcgNTYuNSAyOVoiIGZpbGw9IiM4ZmJjNjIiIHN0cm9rZT0iIzhmYmM2MiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4KPHBhdGggZD0iTTI0LjUzMjUgMjkuNzkyMUwzMC45ODIyIDM2LjY3MTZDMzEuMzkyNSAzNy4xMDk1IDMyLjA1NzcgMzcuMTA5NSAzMi40Njc4IDM2LjY3MTZDMzIuODc3OSAzNi4yMzQyIDMyLjg3NzkgMzUuNTI0NiAzMi40Njc4IDM1LjA4NzJMMjYuNzYwNyAyOC45OTk5TDMyLjQ2NzYgMjIuOTEyOEMzMi44Nzc4IDIyLjQ3NTEgMzIuODc3OCAyMS43NjU3IDMyLjQ2NzYgMjEuMzI4MkMzMi4wNTc1IDIwLjg5MDYgMzEuMzkyMyAyMC44OTA2IDMwLjk4MjEgMjEuMzI4MkwyNC41MzIzIDI4LjIwNzlDMjQuMzI3MiAyOC40MjY3IDI0LjIyNDggMjguNzEzMiAyNC4yMjQ4IDI4Ljk5OThDMjQuMjI0OCAyOS4yODY2IDI0LjMyNzQgMjkuNTczNCAyNC41MzI1IDI5Ljc5MjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMzYgMjEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .cp-slider .slick-arrow.slick-next:active, .cp-slider .slick-arrow.slick-prev:active, .basketnew__slider .slick-arrow.slick-prev:active, .basketnew__slider .slick-arrow.slick-next:active, .tabs-nav:hover:active{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1NyA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU2LjUgMjlDNTYuNSA0NC43NDgzIDQzLjk1NTggNTcuNSAyOC41IDU3LjVDMTMuMDQ0MiA1Ny41IDAuNSA0NC43NDgzIDAuNSAyOUMwLjUgMTMuMjUxNyAxMy4wNDQyIDAuNSAyOC41IDAuNUM0My45NTU4IDAuNSA1Ni41IDEzLjI1MTcgNTYuNSAyOVoiIGZpbGw9IiM3NmE1NDYiIHN0cm9rZT0iIzc2YTU0NiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4KPHBhdGggZD0iTTI0LjUzMjUgMjkuNzkyMUwzMC45ODIyIDM2LjY3MTZDMzEuMzkyNSAzNy4xMDk1IDMyLjA1NzcgMzcuMTA5NSAzMi40Njc4IDM2LjY3MTZDMzIuODc3OSAzNi4yMzQyIDMyLjg3NzkgMzUuNTI0NiAzMi40Njc4IDM1LjA4NzJMMjYuNzYwNyAyOC45OTk5TDMyLjQ2NzYgMjIuOTEyOEMzMi44Nzc4IDIyLjQ3NTEgMzIuODc3OCAyMS43NjU3IDMyLjQ2NzYgMjEuMzI4MkMzMi4wNTc1IDIwLjg5MDYgMzEuMzkyMyAyMC44OTA2IDMwLjk4MjEgMjEuMzI4MkwyNC41MzIzIDI4LjIwNzlDMjQuMzI3MiAyOC40MjY3IDI0LjIyNDggMjguNzEzMiAyNC4yMjQ4IDI4Ljk5OThDMjQuMjI0OCAyOS4yODY2IDI0LjMyNzQgMjkuNTczNCAyNC41MzI1IDI5Ljc5MjFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMzYgMjEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .bestsellers-mobile__tabs-item:active, .mn-brands__tags-item:active{ background-color: rgba(143,188,98,.3); } .mn-brands__item:hover, .desktop-menu__brand-item:hover, .autocomplete-brands__item:hover img{ transform: scale(.9); } .mn-brands__item:active, .desktop-menu__brand-item:active, .autocomplete-brands__item:active img{ transform: scale(.8); } .i-slider-stories .btn-next:hover:after, .i-slider-stories .btn-next:active:after, .i-slider-stories .btn-prev:hover:after, .i-slider-stories .btn-prev:active:after{ border-color: #fff; } .m-subscribe-input:focus{ background: rgba(255,255,255,.9); } @media (min-width: 1280px){ .mn-product__pic:hover img{ transform: scale(1.05); } .mn-product__pic img{ transform: none; } .mn-product-catalog-new .mn-product__dtlist{ display: block; top: -99999px; bottom: 99999px; box-shadow: none; transition: top 0s .2s ease, bottom 0s .2s ease, box-shadow .2s ease; } .basketnew__slider-new .mn-product-catalog-new{ transition: box-shadow .2s ease; } .mn-product-catalog-new:hover .mn-product__dtlist{ top: 0; bottom: 0; box-shadow: 0 1px 10px rgba(0,0,0,.15); transition: top 0s ease, bottom 0s ease, box-shadow .2s ease; } .cp-slider .mn-product.mn-product-catalog-new{ transition: box-shadow .2s ease; } .cp-slider .mn-product.mn-product-catalog-new:hover .mn-product__dtlist{ box-shadow: none; } .mn-product-catalog-new .mn-product__dtlist-bottom{ box-shadow: none; background-color: rgba(255,255,255,0); transition: box-shadow .2s ease, background-color .2s ease; } .mn-product-catalog-new:hover .mn-product__dtlist-bottom{ background-color: rgba(255,255,255,1); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15); } .mn-product-catalog-new .mn-product__info{ opacity: 0; transition: opacity .2s ease; } .mn-product-catalog-new:hover .mn-product__info{ opacity: 1; } } .mn-edges__item.hover .mn-edges__icon{ animation: scaleAnim .4s ease; } @keyframes scaleAnim{ 0%{ transform: scale(1); } 25%{ transform: scale(0.9); } 50%{ transform: scale(1); } 75%{ transform: scale(1.1); } 100%{ transform: scale(1); } } .mn-product__dtlist .mn-product__favorites.added:before, .cp-product__favorites.added { animation: likeAnim .3s ease-in-out; } @keyframes likeAnim{ 0%{ transform: scale(1); transform-origin: 50% 50%; } 25%{ transform: scale(0.7); transform-origin: 50% 50%; } 50%{ transform: scale(1); transform-origin: 50% 50%; } 75%{ transform: scale(1.2); transform-origin: 50% 50%; } 100%{ transform: scale(1); transform-origin: 50% 50%; } } .filter_name:hover:after{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwNDk1IDUuNjQ1MUwwLjcwNTI0MiAxLjM0NTI1QzAuNDMxNTg3IDEuMDcxNzMgMC40MzE1ODcgMC42MjgyNTkgMC43MDUyNDIgMC4zNTQ4NjlDMC45Nzg2NTMgMC4wODE0NTc0IDEuNDIyMSAwLjA4MTQ1NzUgMS42OTU0OSAwLjM1NDg2OUw1LjUwMDA3IDQuMTU5NTdMOS4zMDQ1MiAwLjM1NDk4QzkuNTc4MDUgMC4wODE1Njg0IDEwLjAyMTQgMC4wODE1Njg0IDEwLjI5NDkgMC4zNTQ5OEMxMC41Njg0IDAuNjI4MzkyIDEwLjU2ODQgMS4wNzE4NCAxMC4yOTQ5IDEuMzQ1MzZMNS45OTUwOCA1LjY0NTIxQzUuODU4MzEgNS43ODE5MiA1LjY3OTI1IDUuODUwMTkgNS41MDAwOSA1Ljg1MDE5QzUuMzIwODUgNS44NTAxOSA1LjE0MTY1IDUuNzgxNzggNS4wMDQ5NSA1LjY0NTFaIiBmaWxsPSIjOGZiYzYyIi8+Cjwvc3ZnPgo=) !important; } .n-filter__range .irs--flat .irs-handle:hover{ transform: scale(1.1); } .n-filter__range .irs--flat .irs-handle{ cursor: grab; transition: transform .2s ease; } .n-filter__range .irs--flat .irs-handle:active{ cursor: grabbing; transform: scale(.95); } .n-filter-price__input-item .n-filter-price__input{ border: 1px solid transparent; } .n-filter-price__input-item .n-filter-price__input:focus{ border-color: #8fbc62; } .n-pagination-new .n-pagination__item-catalog:hover{ background: #9ac271; } .n-pagination-new .n-pagination__item-catalog:hover .n-pagination__link, .n-pagination-new .n-pagination__item.n-pagination__arrow-desc:hover .n-pagination__link{ color: #fff; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc:hover:before{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05LjE3NDE1IDYuNTk0MDZMNC4wMTQzMyAxMS43NTM3QzMuNjg2MTEgMTIuMDgyMSAzLjE1Mzk0IDEyLjA4MjEgMi44MjU4NyAxMS43NTM3QzIuNDk3NzggMTEuNDI1NiAyLjQ5Nzc4IDEwLjg5MzUgMi44MjU4NyAxMC41NjU0TDcuMzkxNTIgNS45OTk5MUwyLjgyNjAxIDEuNDM0NTdDMi40OTc5MSAxLjEwNjM1IDIuNDk3OTEgMC41NzQyNjMgMi44MjYwMSAwLjI0NjE3QzMuMTU0MSAtMC4wODIwNTY1IDMuNjg2MjQgLTAuMDgyMDU2NSA0LjAxNDQ3IDAuMjQ2MTdMOS4xNzQyOSA1LjQwNTlDOS4zMzgzMyA1LjU3MDAyIDkuNDIwMjYgNS43ODQ5IDkuNDIwMjYgNS45OTk4OUM5LjQyMDI2IDYuMjE0OTggOS4zMzgxNyA2LjQzMDAyIDkuMTc0MTUgNi41OTQwNloiIGZpbGw9IiNmZmYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ transition: background .2s ease; } .n-catalog-new-sort:hover, .n-catalog-new-sort.active{ background: #f7f7f7; } .p-select__wrapper{ cursor: pointer; } .c-reviews-like__value:not(.active) .c-reviews-like__icon:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjU1MzE2NSAxOS45OTk4SDQuNTE2NTFDNC42MTE3NiAyMC4wMDI5IDQuNzA0MjkgMTkuOTY4MiA0Ljc3MTY4IDE5LjkwNDFDNC44MzkwOCAxOS44Mzk5IDQuODc1NSAxOS43NTE5IDQuODcyMDQgMTkuNjYxMlYxOC44OTA1QzguOTI4NjQgMTguODk0MSAxNC40NDY1IDE4Ljg5NzggMTcuMjM0OSAxOC44OTE3QzE4LjMwMTUgMTguODg5MyAxOS4xODY3IDE4LjEwNTIgMTkuMTg2NyAxNy4xNDM5VjE3LjExMjhDMTkuMTgyMiAxNi42ODY4IDE5LjAwOTMgMTYuMjc4MSAxOC43MDI4IDE1Ljk2NzlDMTkuNDQzIDE1LjcyMTUgMTkuOTY3NyAxNS4wNzg2IDE5Ljk2NzcgMTQuMzI0NUMxOS45NjA4IDEzLjg1ODYgMTkuNzU0MiAxMy40MTU2IDE5LjM5NiAxMy4wOTgxQzIwLjAyNiAxMi44MDk1IDIwLjQ0NTYgMTIuMjE5MiAyMC40NDU2IDExLjUzOTVWMTEuNTA2OEMyMC40NDczIDExLjAyNDQgMjAuMjMyMiAxMC41NjQxIDE5Ljg1NDggMTAuMjQyNEMyMC40NDExIDkuOTQxMjQgMjAuODQyNSA5LjM3Mjc5IDIwLjg0MjUgOC43MjIyOUMyMC44NDI1IDcuNzU5MjEgMTkuOTc1OSA2Ljk3NTE1IDE4LjkwNzUgNi45NzQ0NUwxMi43NDc1IDYuOTY4MjFMMTIuODY2NyAyLjkwMjE4QzEyLjg2NjcgMi44OTY4IDEyLjg2NzIgMi44OTE2IDEyLjg2NyAyLjg4NjIyQzEyLjg0MjMgMS40ODE2NyAxMS43MzkyIDAuMzA2OTYxIDEwLjI3NjMgMC4xMjcwNzdMOS40NDY4MyAwLjAwNDI2MjkyQzkuMzQzOTIgLTAuMDExMDAxNiA5LjIzOTE5IDAuMDE1MzY1NiA5LjE1NzU5IDAuMDc2OTQ2M0M5LjA3NjE3IDAuMTM4NTI3IDkuMDI1MzYgMC4yMjk1OTUgOS4wMTc1MiAwLjMyODQ3TDguNjcyOTIgNC42MzE0NkM4LjYzMDQ4IDUuMTU5NDkgOC40Mzk0MSA1LjY2NzA0IDguMTE5NTggNi4xMDAzNkM3LjkxNjEzIDYuMzgwNTEgNy42NjExNCA2LjYyMzM2IDcuMzY2NjIgNi44MTY3N0M3LjI0NTQ5IDYuODk1MzUgNy4xMDIxNSA2Ljk4MDAxIDYuOTU5OSA3LjA2OTUxQzYuMzAyMzggNy40ODM0IDUuNDc4MDIgNy45OTgyNSA0Ljg3MTg2IDguNTg3NjhWNy4zNjA0MUM0Ljg3MTg2IDcuMTY0MDUgNC43MjIzMiA2Ljk4ODUxIDQuNTE2MzIgNi45ODg1MUgwLjU1Mjk4MkMwLjM0MDI0NCA2Ljk5NTEgMC4xNjk1OCA3LjE1NzgxIDAuMTYyNjU5IDcuMzYwNDFWMTkuNjYxMkMwLjE2MjY1OSAxOS44NTc0IDAuMzQ3MTY2IDE5Ljk5OTggMC41NTMxNjUgMTkuOTk5OFoiIGZpbGw9IiM5YWMyNzEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxIDIwKSByb3RhdGUoLTE4MCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .c-reviews-dislike__value:not(.active) .c-reviews-dislike__icon:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjU1MzE2NSAwLjAwMDE5Mzk0OEg0LjUxNjUxQzQuNjExNzYgLTAuMDAyOTI4NDMgNC43MDQyOSAwLjAzMTc2NDcgNC43NzE2OCAwLjA5NTk0NjlDNC44MzkwOCAwLjE2MDEyOSA0Ljg3NTUgMC4yNDgwNzYgNC44NzIwNCAwLjMzODc5OVYxLjEwOTUxQzguOTI4NjQgMS4xMDU4NiAxNC40NDY1IDEuMTAyMjIgMTcuMjM0OSAxLjEwODI5QzE4LjMwMTUgMS4xMTA3MiAxOS4xODY3IDEuODk0NzggMTkuMTg2NyAyLjg1NjEzVjIuODg3MThDMTkuMTgyMiAzLjMxMzIxIDE5LjAwOTMgMy43MjE5IDE4LjcwMjggNC4wMzIwNUMxOS40NDMgNC4yNzg1NSAxOS45Njc3IDQuOTIxNDEgMTkuOTY3NyA1LjY3NTQ2QzE5Ljk2MDggNi4xNDEzOSAxOS43NTQyIDYuNTg0NDIgMTkuMzk2IDYuOTAxODdDMjAuMDI2IDcuMTkwNTEgMjAuNDQ1NiA3Ljc4MDgyIDIwLjQ0NTYgOC40NjA0NVY4LjQ5MzI0QzIwLjQ0NzMgOC45NzU2NSAyMC4yMzIyIDkuNDM1ODUgMTkuODU0OCA5Ljc1NzYzQzIwLjQ0MTEgMTAuMDU4OCAyMC44NDI1IDEwLjYyNzIgMjAuODQyNSAxMS4yNzc3QzIwLjg0MjUgMTIuMjQwOCAxOS45NzU5IDEzLjAyNDkgMTguOTA3NSAxMy4wMjU1TDEyLjc0NzUgMTMuMDMxOEwxMi44NjY3IDE3LjA5NzhDMTIuODY2NyAxNy4xMDMyIDEyLjg2NzIgMTcuMTA4NCAxMi44NjcgMTcuMTEzOEMxMi44NDIzIDE4LjUxODMgMTEuNzM5MiAxOS42OTMgMTAuMjc2MyAxOS44NzI5TDkuNDQ2ODMgMTkuOTk1N0M5LjM0MzkyIDIwLjAxMSA5LjIzOTE5IDE5Ljk4NDYgOS4xNTc1OSAxOS45MjMxQzkuMDc2MTcgMTkuODYxNSA5LjAyNTM2IDE5Ljc3MDQgOS4wMTc1MiAxOS42NzE1TDguNjcyOTIgMTUuMzY4NUM4LjYzMDQ4IDE0Ljg0MDUgOC40Mzk0MSAxNC4zMzMgOC4xMTk1OCAxMy44OTk2QzcuOTE2MTMgMTMuNjE5NSA3LjY2MTE0IDEzLjM3NjYgNy4zNjY2MiAxMy4xODMyQzcuMjQ1NDkgMTMuMTA0NiA3LjEwMjE1IDEzLjAyIDYuOTU5OSAxMi45MzA1QzYuMzAyMzggMTIuNTE2NiA1LjQ3ODAyIDEyLjAwMTggNC44NzE4NiAxMS40MTIzVjEyLjYzOTZDNC44NzE4NiAxMi44MzU5IDQuNzIyMzIgMTMuMDExNSA0LjUxNjMyIDEzLjAxMTVIMC41NTI5ODJDMC4zNDAyNDQgMTMuMDA0OSAwLjE2OTU4IDEyLjg0MjIgMC4xNjI2NTkgMTIuNjM5NlYwLjMzODc5OUMwLjE2MjY1OSAwLjE0MjYwOSAwLjM0NzE2NiAwLjAwMDE5Mzk0OCAwLjU1MzE2NSAwLjAwMDE5Mzk0OFoiIGZpbGw9IiM5YWMyNzEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDIxIDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .top-title .crumbs a:hover{ color: #8fbc62 !important; border-bottom-color: #8fbc62; } .moveDown{ animation: moveDown .4s ease; } @keyframes moveDown{ 0%{ transform: translateY(-140%); } 100%{ transform: translateY(0%); } } .moveUp{ animation: moveUp .4s ease forwards; } @keyframes moveUp{ 0%{ transform: translateY(0%); } 100%{ transform: translateY(-140%); } } .basketnew__slider-new .mn-product-catalog-new:hover .mn-product__dtlist, .basketnew__slider-new .mn-product-catalog-new:hover .mn-product__dtlist-bottom{ box-shadow: none; } .basketnew__slider-new .slick-list{ padding: 10px; } .authpopup .popup_auth_close{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Ljg4MTkzIDAuMTE4NTU5QzkuNzI0MTggLTAuMDM5MTk0MyA5LjQ2ODQyIC0wLjAzOTE5NDMgOS4zMTA2NiAwLjExODU1OUwwLjExODU1OSA5LjMxMDY0Qy0wLjAzOTE5NDMgOS40Njg0IC0wLjAzOTE5NDMgOS43MjQxNiAwLjExODU1OSA5Ljg4MTkxQzAuMTk3NDI3IDkuOTYwODIgMC4zMDA4MjUgMTAuMDAwMiAwLjQwNDIwNCAxMC4wMDAyQzAuNTA3NTgzIDEwLjAwMDIgMC42MTA5NjEgOS45NjA4IDAuNjg5ODQ4IDkuODgxODlMOS44ODE5MyAwLjY4OTgwOUMxMC4wMzk3IDAuNTMyMDc1IDEwLjAzOTcgMC4yNzYzMTMgOS44ODE5MyAwLjExODU1OVoiIGZpbGw9IiMxNDE1MTciLz4KPHBhdGggZD0iTTkuODgxNjcgOS4zMTA2NUwwLjY4OTU2NSAwLjExODU2QzAuNTMxODMxIC0wLjAzOTE5NDMgMC4yNzYwNSAtMC4wMzkxOTQzIDAuMTE4MzE1IDAuMTE4NTZDLTAuMDM5NDM4NSAwLjI3NjI5NCAtMC4wMzk0Mzg1IDAuNTMyMDU2IDAuMTE4MzE1IDAuNjg5ODA5TDkuMzEwNDIgOS44ODE5MkM5LjM4OTI5IDkuOTYwOCA5LjQ5MjY5IDEwLjAwMDIgOS41OTYwNyAxMC4wMDAyQzkuNjk5NDUgMTAuMDAwMiA5LjgwMjg1IDkuOTYwOCA5Ljg4MTY5IDkuODgxOTRDMTAuMDM5NCA5LjcyNDE2IDEwLjAzOTQgOS40Njg0IDkuODgxNjcgOS4zMTA2NVoiIGZpbGw9IiMxNDE1MTciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); transition: all .2s ease; } .authpopup .popup_auth_close:hover{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Ljg4MTkzIDAuMTE4NTU5QzkuNzI0MTggLTAuMDM5MTk0MyA5LjQ2ODQyIC0wLjAzOTE5NDMgOS4zMTA2NiAwLjExODU1OUwwLjExODU1OSA5LjMxMDY0Qy0wLjAzOTE5NDMgOS40Njg0IC0wLjAzOTE5NDMgOS43MjQxNiAwLjExODU1OSA5Ljg4MTkxQzAuMTk3NDI3IDkuOTYwODIgMC4zMDA4MjUgMTAuMDAwMiAwLjQwNDIwNCAxMC4wMDAyQzAuNTA3NTgzIDEwLjAwMDIgMC42MTA5NjEgOS45NjA4IDAuNjg5ODQ4IDkuODgxODlMOS44ODE5MyAwLjY4OTgwOUMxMC4wMzk3IDAuNTMyMDc1IDEwLjAzOTcgMC4yNzYzMTMgOS44ODE5MyAwLjExODU1OVoiIGZpbGw9IiM4ZmJjNjIiLz4KPHBhdGggZD0iTTkuODgxNjcgOS4zMTA2NUwwLjY4OTU2NSAwLjExODU2QzAuNTMxODMxIC0wLjAzOTE5NDMgMC4yNzYwNSAtMC4wMzkxOTQzIDAuMTE4MzE1IDAuMTE4NTZDLTAuMDM5NDM4NSAwLjI3NjI5NCAtMC4wMzk0Mzg1IDAuNTMyMDU2IDAuMTE4MzE1IDAuNjg5ODA5TDkuMzEwNDIgOS44ODE5MkM5LjM4OTI5IDkuOTYwOCA5LjQ5MjY5IDEwLjAwMDIgOS41OTYwNyAxMC4wMDAyQzkuNjk5NDUgMTAuMDAwMiA5LjgwMjg1IDkuOTYwOCA5Ljg4MTY5IDkuODgxOTRDMTAuMDM5NCA5LjcyNDE2IDEwLjAzOTQgOS40Njg0IDkuODgxNjcgOS4zMTA2NVoiIGZpbGw9IiM4ZmJjNjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); filter: none; } .authpopup .authpopup__input .ch-input input{ transition: all .2s ease; } .authpopup .authpopup__input .ch-input input:focus, .authpopup .ch-input.authpopup__input-phone.focus input{ border-color: #8fbc62 !important; } .popup_auth .card_auth_new{ transition: all .2s ease; } .auth_chb_pseudo{ transition: all .2s ease; } .authpopup .auth_restore_back:hover .auth_restore_back_arrow{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxNCA3LjY4MzQxIC0wLjA5NzYzMTUgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzFMNi42NTY4NSAxNS4wNzExQzcuMDQ3MzggMTUuNDYxNiA3LjY4MDU0IDE1LjQ2MTYgOC4wNzEwNyAxNS4wNzExQzguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE0LjA0NzQgOC4wNzEwNyAxMy42NTY5TDIuNDE0MjEgOEw4LjA3MTA3IDIuMzQzMTRDOC40NjE1OSAxLjk1MjYyIDguNDYxNTkgMS4zMTk0NSA4LjA3MTA3IDAuOTI4OTNDNy42ODA1NCAwLjUzODQwNSA3LjA0NzM4IDAuNTM4NDA1IDYuNjU2ODYgMC45Mjg5M0wwLjI5Mjg5MyA3LjI5Mjg5Wk0yMSA3TDEgN0wxIDlMMjEgOUwyMSA3WiIgZmlsbD0iIzhmYmM2MiIvPgo8L3N2Zz4K); } .popup_auth{ background: none !important; } .popup_auth:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); } @media (min-width: 768px){ .popup_auth:before{ animation: popupIn .3s ease forwards; opacity: 0; } .popup_auth.anim-out:before{ animation: popupOut .3s ease forwards; } } @keyframes popupIn{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes popupOut{ 0%{ opacity: 1; } 100%{ opacity: 0; } } @media (min-width: 768px){ .popup_auth_outer{ animation: popupInOuter .3s ease; opacity: 1; } .anim-out .popup_auth_outer{ animation: popupOutOuter .3s ease forwards; } } @keyframes popupInOuter{ 0%{ opacity: 0; transform: translate(-50%, -50%) scale(.8); } 100%{ opacity: 1; transform: translate(-50%, -50%) scale(1); } } @keyframes popupOutOuter{ 0%{ opacity: 1; transform: translate(-50%, -50%) scale(1); } 100%{ opacity: 0; transform: translate(-50%, -50%) scale(.8); } } .card_submit{ position: relative; } .card_submit span{ transition: all .3s .3s ease; } .card_submit .spinner{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; transition: all .3s ease; transform: scale(0); opacity: 0; } .card_submit .spinner:before{ display: block; box-sizing: border-box; width: 100%; height: 100%; content: ''; animation: rotating 1s linear infinite; border: 2px solid #fff; border-top-color: #435d28; border-radius: 50%; } .card_submit .check{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 10px; height: 10px; margin: auto; transition: transform .3s .3s ease, opacity .3s ease; transform: scale(0); opacity: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44NTU0OSAxLjc4MDVMNy4xNTM1NiAxLjA3ODU4QzcuMDU3MzIgMC45ODIyNTkgNi45NDAyNiAwLjkzNDA4MiA2LjgwMjY3IDAuOTM0MDgyQzYuNjY0OTYgMC45MzQwODIgNi41NDc5IDAuOTgyMjU5IDYuNDUxNjYgMS4wNzg1OEwzLjA2NTgxIDQuNDY5NTVMMS41NDgzOCAyLjk0Njk1QzEuNDUyMDIgMi44NTA1OSAxLjMzNTA0IDIuODAyNDcgMS4xOTc0NSAyLjgwMjQ3QzEuMDU5NzcgMi44MDI0NyAwLjk0Mjc5MSAyLjg1MDU5IDAuODQ2NDM2IDIuOTQ2OTVMMC4xNDQ1MTQgMy42NDg4OUMwLjA0ODE1OTEgMy43NDUyMyAwIDMuODYyMjQgMCAzLjk5OTkxQzAgNC4xMzc0NiAwLjA0ODE1OTEgNC4yNTQ1OCAwLjE0NDUxNCA0LjM1MDlMMi4wMTI4NyA2LjIxOTIyTDIuNzE0ODQgNi45MjExNEMyLjgxMTE0IDcuMDE3NTMgMi45MjgxNiA3LjA2NTY2IDMuMDY1ODEgNy4wNjU2NkMzLjIwMzM5IDcuMDY1NjYgMy4zMjA0MSA3LjAxNzQxIDMuNDE2NzcgNi45MjExNEw0LjExODczIDYuMjE5MjJMNy44NTU0OSAyLjQ4MjQ4QzcuOTUxNzUgMi4zODYxMiA4IDIuMjY5MTIgOCAyLjEzMTQ2QzguMDAwMDcgMS45OTM4NyA3Ljk1MTc1IDEuODc2ODUgNy44NTU0OSAxLjc4MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center center; background-size: contain; } .card_submit.error-state .check{ width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5MiA0OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzAwLjE4OCwyNDZMNDg0LjE0LDYyLjA0YzUuMDYtNS4wNjQsNy44NTItMTEuODIsNy44Ni0xOS4wMjRjMC03LjIwOC0yLjc5Mi0xMy45NzItNy44Ni0xOS4wMjhMNDY4LjAyLDcuODcyDQoJCQljLTUuMDY4LTUuMDc2LTExLjgyNC03Ljg1Ni0xOS4wMzYtNy44NTZjLTcuMiwwLTEzLjk1NiwyLjc4LTE5LjAyNCw3Ljg1NkwyNDYuMDA4LDE5MS44Mkw2Mi4wNDgsNy44NzINCgkJCWMtNS4wNi01LjA3Ni0xMS44Mi03Ljg1Ni0xOS4wMjgtNy44NTZjLTcuMiwwLTEzLjk2LDIuNzgtMTkuMDIsNy44NTZMNy44NzIsMjMuOTg4Yy0xMC40OTYsMTAuNDk2LTEwLjQ5NiwyNy41NjgsMCwzOC4wNTINCgkJCUwxOTEuODI4LDI0Nkw3Ljg3Miw0MjkuOTUyYy01LjA2NCw1LjA3Mi03Ljg1MiwxMS44MjgtNy44NTIsMTkuMDMyYzAsNy4yMDQsMi43ODgsMTMuOTYsNy44NTIsMTkuMDI4bDE2LjEyNCwxNi4xMTYNCgkJCWM1LjA2LDUuMDcyLDExLjgyNCw3Ljg1NiwxOS4wMiw3Ljg1NmM3LjIwOCwwLDEzLjk2OC0yLjc4NCwxOS4wMjgtNy44NTZsMTgzLjk2LTE4My45NTJsMTgzLjk1MiwxODMuOTUyDQoJCQljNS4wNjgsNS4wNzIsMTEuODI0LDcuODU2LDE5LjAyNCw3Ljg1NmgwLjAwOGM3LjIwNCwwLDEzLjk2LTIuNzg0LDE5LjAyOC03Ljg1NmwxNi4xMi0xNi4xMTYNCgkJCWM1LjA2LTUuMDY0LDcuODUyLTExLjgyNCw3Ljg1Mi0xOS4wMjhjMC03LjIwNC0yLjc5Mi0xMy45Ni03Ljg1Mi0xOS4wMjhMMzAwLjE4OCwyNDZ6IiBmaWxsPSJ3aGl0ZSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); } .card_submit.anim span{ opacity: 0; transition: all .3s ease; } .card_submit.anim .spinner{ transform: scale(1); opacity: 1; } .card_submit.anim-out span{ opacity: 0; } .card_submit.anim-out .spinner{ transition: all .5s ease; transform: scale(0); opacity: 0; } .card_submit.anim-out .check{ transition: transform .5s ease, opacity .5s ease; transform: scale(1); opacity: 1; } @-webkit-keyframes rotating{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } @keyframes rotating{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } /*фикс страницы регистрации*/ .popup_left_col .popup_auth_outer { transform: none !important; animation: none; opacity: 1; } .popup_left_col .popup_auth:before { opacity: 0; animation: none; } /* фикс оверлея обратной связи */ .b24-widget-button-shadow{ opacity: 0 !important; visibility: visible !important; top: -9999px !important; } .b24-widget-button-show{ animation: none !important; transition: top 0s linear, opacity .3s linear; top: 0 !important; opacity: 1 !important; } .b24-widget-button-hide{ animation: none !important; transition: top 0s .3s linear, opacity .3s linear; top: -9999px !important; opacity: 0 !important; } /* End */ /* Start:/bitrix/templates/empty/css/header.css?1757157919114930*/ .header { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1); box-shadow: 0 1px 5px rgba(0, 0, 0, .1); background-color: #fff; position: relative; } .topline { background-color: #F3F2F5; height: 38px; color: #fff; } .topline .container { height: 100%} .topline__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%} .topline__menu { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 70%; font-size: 12px; margin-left: 1px; height: 100%; } .topline__menu-item { position: relative; height: 100%; } @media (max-width: 1279px) { .topline__menu-item:nth-child(n+7) { display: none; } } .topline__menu-item_dropdown .topline__menu-link { position: relative; z-index: 1; opacity: 1; } .topline__menu-item_dropdown .topline__menu-link:after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 7px; height: 7px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNyA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNTM0NiAwLjY0ODQxNEwwLjE0MzY2OSAzLjY1ODMxQy0wLjA0Nzg4OTcgMy44NDk3NyAtMC4wNDc4ODk3IDQuMTYwMiAwLjE0MzY2OSA0LjM1MTU4QzAuMzM1MDU2IDQuNTQyOTYgMC42NDU0NjkgNC41NDI5NiAwLjgzNjg0MSA0LjM1MTU4TDMuNTAwMDUgMS42ODgyOEw2LjE2MzE3IDQuMzUxNUM2LjM1NDYzIDQuNTQyODkgNi42NjUwMSA0LjU0Mjg5IDYuODU2NCA0LjM1MTVDNy4wNDc4NyA0LjE2MDExIDcuMDQ3ODcgMy44NDk3IDYuODU2NCAzLjY1ODIzTDMuODQ2NTYgMC42NDgzMzZDMy43NTA4MiAwLjU1MjY0MiAzLjYyNTQ3IDAuNTA0ODQ5IDMuNTAwMDcgMC41MDQ4NDlDMy4zNzQ2IDAuNTA0ODQ5IDMuMjQ5MTYgMC41NTI3MzUgMy4xNTM0NiAwLjY0ODQxNFoiIGZpbGw9IiMyOTJBMkMiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: contain; background-position: center center; transform: rotate(180deg); } .topline__menu-close { display: none; } @media (min-width: 768px) { .topline__menu-item_dropdown:hover .topline__menu-link:after { transform: rotate(0deg); } } @media (max-width: 767px) { .topline__menu-item_dropdown.hover .topline__menu-link:after { transform: rotate(0deg); } } .topline__menu-item_dropdown .topline__menu-link { padding-right: 41px; } /* @media (min-width: 768px) { */ .topline__menu-item_dropdown:hover .topline__menu-dropdown { display: block; top: 100%; transform: translateY(0px); opacity: 1; transition: top 0s ease, transform .2s ease, opacity .2s ease; } .topline__menu-item_dropdown:hover .topline__menu-link{ color: #719948; } /* } */ @media (max-width: 767px) { .topline__menu-item_dropdown.hover .topline__menu-dropdown { display: block; top: 100%; transform: translateY(0px); opacity: 1; transition: top 0s ease, transform .2s ease, opacity .2s ease; } } .topline__menu-dropdown { border: 1px solid #ECECEE; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; background: #FFFFFF; padding: 19px; position: absolute; top: -9999px; left: 0; width: 100%; min-width: 256px; transition: top 0s .2s ease, transform .2s ease, opacity .2s ease; transform: translateY(-10px); opacity: 0; } .topline__menu-dropdown li { margin-bottom: 15px; } .topline__menu-dropdown li:last-child { margin-bottom: 0; } .topline__menu-dropdown a { font-size: 14px; color: #000; transition: all .2s ease; } .topline__menu-dropdown a:hover { color: #8FBC62; } .topline__menu-link { text-decoration: none; color: #141517; padding: 0px 21px; font-size: 14px; cursor: pointer; display: flex; align-items: center; height: 100%; transition: opacity .2s ease; } .topline__menu-link:hover{ opacity: 0.7; } .topline__menu-link_btn{ padding-left: 10px; } .topline__menu-link_btn span { background: linear-gradient(90deg, #5BBB75 0%, #69A232 100%); border-radius: 5px; padding: 4.5px 13px; } span.topline__menu-link:hover { color: #719948; } @media (max-width: 767px) { .topline__menu-item_dropdown .topline__menu-link:after { top: 2px; right: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNyA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNTM0NiAwLjY0ODQxNEwwLjE0MzY2OSAzLjY1ODMxQy0wLjA0Nzg4OTcgMy44NDk3NyAtMC4wNDc4ODk3IDQuMTYwMiAwLjE0MzY2OSA0LjM1MTU4QzAuMzM1MDU2IDQuNTQyOTYgMC42NDU0NjkgNC41NDI5NiAwLjgzNjg0MSA0LjM1MTU4TDMuNTAwMDUgMS42ODgyOEw2LjE2MzE3IDQuMzUxNUM2LjM1NDYzIDQuNTQyODkgNi42NjUwMSA0LjU0Mjg5IDYuODU2NCA0LjM1MTVDNy4wNDc4NyA0LjE2MDExIDcuMDQ3ODcgMy44NDk3IDYuODU2NCAzLjY1ODIzTDMuODQ2NTYgMC42NDgzMzZDMy43NTA4MiAwLjU1MjY0MiAzLjYyNTQ3IDAuNTA0ODQ5IDMuNTAwMDcgMC41MDQ4NDlDMy4zNzQ2IDAuNTA0ODQ5IDMuMjQ5MTYgMC41NTI3MzUgMy4xNTM0NiAwLjY0ODQxNFoiIGZpbGw9IiMxNDE1MTciLz4KPC9zdmc+Cg==); } .topline__menu-dropdown a { font-size: 14px; } .topline__menu-close { display: block; margin: 0; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01Ljc0NDM0IDUuMDAwOTdMOS44NDU4NiAwLjg5OTQ1MUMxMC4wNTE0IDAuNjkzOTA1IDEwLjA1MTQgMC4zNjA2NjMgOS44NDU4NiAwLjE1NTEzNkM5LjY0MDMxIC0wLjA1MDQxIDkuMzA3MDUgLTAuMDUwNDEgOS4xMDE1MyAwLjE1NTEzNkw0Ljk5OTk5IDQuMjU2NjVMMC44OTg0NzUgMC4xNTUxMzZDMC42OTI5MjggLTAuMDUwNDEgMC4zNTk2ODcgLTAuMDUwNDEgMC4xNTQxNiAwLjE1NTEzNkMtMC4wNTEzNjcxIDAuMzYwNjgzIC0wLjA1MTM4NjYgMC42OTM5MjQgMC4xNTQxNiAwLjg5OTQ1MUw0LjI1NTY4IDUuMDAwOTdMMC4xNTQxNiA5LjEwMjQ4Qy0wLjA1MTM4NjYgOS4zMDgwMyAtMC4wNTEzODY2IDkuNjQxMjcgMC4xNTQxNiA5Ljg0NjhDMC4zNTk3MDYgMTAuMDUyMyAwLjY5Mjk0OCAxMC4wNTIzIDAuODk4NDc1IDkuODQ2OEw0Ljk5OTk5IDUuNzQ1MjhMOS4xMDE0OSA5Ljg0NjhDOS4zMDcwMyAxMC4wNTIzIDkuNjQwMjkgMTAuMDUyMyA5Ljg0NTgyIDkuODQ2OEMxMC4wNTEzIDkuNjQxMjUgMTAuMDUxMyA5LjMwODAxIDkuODQ1ODIgOS4xMDI0OEw1Ljc0NDM0IDUuMDAwOTdaIiBmaWxsPSIjNkM2RDc5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IjZDNkQ3OSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); width: 10px; height: 10px; right: 12px; top: 12px; } .topline__menu-link:hover { opacity: 1; } .topline__menu-item_dropdown.hover .topline__menu-link { opacity: .8; } } .topline__geo-ip{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .topline__current-city{ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC4yMTEzIDMuNDA2MjdDOS43NDc4OSAxLjkwODk0IDguNTQzOTkgMC42OTUxMzkgNy4wNjk0OCAwLjIzODQ4OEM1LjQ5OTMgLTAuMjQ3NzY4IDMuODYyMzQgMC4wMTYxOTM0IDIuNTc4MzkgMC45NjI2OEMxLjk2MzE3IDEuNDE2MTggMS40NTI2NyAyLjAxNDM2IDEuMTAyMSAyLjY5MjQ3QzAuNzM5Nzc1IDMuMzkzMzIgMC41NDgyNzkgNC4xODIzNiAwLjU0ODI3OSA0Ljk3NDMyQzAuNTQ4Mjc5IDYuMDU0NjQgMC44OTAwMTEgNy4wODEyOSAxLjUzNjU2IDcuOTQzMjdMNS41MDA2OSAxMi45OTk4TDkuNDU5OTEgNy45NDk3Mkw5LjQ2NDg2IDcuOTQzMjdDMTAuNDMyNCA2LjY1MzIgMTAuNzA0NSA0Ljk5OTUxIDEwLjIxMTMgMy40MDYyN1pNOC44NTc2NyA3LjQ4Mjk5TDUuNTAwNjkgMTEuNzY1M0wyLjE0MzcgNy40ODI5OUMxLjU5ODQ0IDYuNzU0NTYgMS4zMTAyIDUuODg3MTQgMS4zMTAyIDQuOTc0MzJDMS4zMTAyIDMuNjQwNDggMS45NTMyOSAyLjM3MDA2IDMuMDMwNDkgMS41NzU5OUM0LjExNzU3IDAuNzc0NjM3IDUuNTA3NTggMC41NTI0NDMgNi44NDQxMSAwLjk2NjMxMUM4LjA4MTk2IDEuMzQ5NjYgOS4wOTMzMiAyLjM3MDkyIDkuNDgzNTQgMy42MzE1NEM5LjkwMzIgNC45ODc0NSA5LjY3NTA3IDYuMzkxMDQgOC44NTc2NyA3LjQ4Mjk5WiIgZmlsbD0iIzhGQkM2MiIvPg0KPHBhdGggZD0iTTUuNTAwNjYgMi4zMDgxMUM0LjAzMDI2IDIuMzA4MTEgMi44MzM5OCAzLjUwNDM5IDIuODMzOTggNC45NzQ3OEMyLjgzMzk4IDYuNDQ1MTggNC4wMzAyNiA3LjY0MTQ2IDUuNTAwNjYgNy42NDE0NkM2Ljk3MTA1IDcuNjQxNDYgOC4xNjczMyA2LjQ0NTE4IDguMTY3MzMgNC45NzQ3OEM4LjE2NzMzIDMuNTA0MzkgNi45NzEwNSAyLjMwODExIDUuNTAwNjYgMi4zMDgxMVpNNS41MDA2NiA2Ljg3OTU2QzQuNDUwMzggNi44Nzk1NiAzLjU5NTg4IDYuMDI1MDkgMy41OTU4OCA0Ljk3NDc4QzMuNTk1ODggMy45MjQ1IDQuNDUwMzUgMy4wNyA1LjUwMDY2IDMuMDdDNi41NTA5NyAzLjA3IDcuNDA1NDQgMy45MjQ0NyA3LjQwNTQ0IDQuOTc0NzhDNy40MDU0NCA2LjAyNTA2IDYuNTUwOTQgNi44Nzk1NiA1LjUwMDY2IDYuODc5NTZaIiBmaWxsPSIjOEZCQzYyIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: left; color: #8FBC62; padding: 0 20px 0 22px; position: relative; font-size: 12px; } .topline__current-city span{ cursor: pointer; } .city-clarify__wrapper{ position: absolute; width: 380px; height: 123px; left: 0; top: 25px; background: #4F505C; border-radius: 5px; padding: 7px 32px 17px 20px; z-index: 100; } .city-clarify__wrapper.mobile{ position: relative; width: 100%; left: auto; top: auto; border-radius: 0; color:#fff; display: none; } .city-clarify__wrapper .bxmaker__geoip__city{ margin: 0; } .city-clarify__question{ display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy41MjM0IDQuNzE2MzVDMTIuODgxNyAyLjY0MzEyIDExLjIxNDggMC45NjI0NzIgOS4xNzMxNSAwLjMzMDE4NkM2Ljk5OTA2IC0wLjM0MzA5MSA0LjczMjUgMC4wMjIzOTM0IDIuOTU0NzIgMS4zMzI5MUMyLjEwMjg4IDEuOTYwODQgMS4zOTYwMyAyLjc4OTA4IDAuOTEwNjI3IDMuNzI4QzAuNDA4OTQ3IDQuNjk4NDIgMC4xNDM3OTkgNS43OTA5NCAwLjE0Mzc5OSA2Ljg4NzVDMC4xNDM3OTkgOC4zODMzMiAwLjYxNjk2NyA5LjgwNDgzIDEuNTEyMTkgMTAuOTk4NEw3LjAwMDk5IDE3Ljk5OTZMMTIuNDgzIDExLjAwNzNMMTIuNDg5OCAxMC45OTg0QzEzLjgyOTUgOS4yMTIxIDE0LjIwNjMgNi45MjIzNyAxMy41MjM0IDQuNzE2MzVaTTExLjY0OTEgMTAuMzYxTDcuMDAwOTkgMTYuMjkwNEwyLjM1Mjg0IDEwLjM2MUMxLjU5Nzg2IDkuMzUyNDQgMS4xOTg3NyA4LjE1MTQgMS4xOTg3NyA2Ljg4NzVDMS4xOTg3NyA1LjA0MDYzIDIuMDg5MiAzLjI4MTU5IDMuNTgwNzEgMi4xODIxMUM1LjA4NTg5IDEuMDcyNTUgNy4wMTA1MiAwLjc2NDg5NCA4Ljg2MTExIDEuMzM3OTRDMTAuNTc1IDEuODY4NzMgMTEuOTc1NCAzLjI4Mjc4IDEyLjUxNTcgNS4wMjgyNkMxMy4wOTY4IDYuOTA1NjcgMTIuNzgwOSA4Ljg0OTExIDExLjY0OTEgMTAuMzYxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik03LjAwMDkxIDMuMTk1OEM0Ljk2NDk4IDMuMTk1OCAzLjMwODU5IDQuODUyMTkgMy4zMDg1OSA2Ljg4ODEyQzMuMzA4NTkgOC45MjQwNSA0Ljk2NDk4IDEwLjU4MDQgNy4wMDA5MSAxMC41ODA0QzkuMDM2ODQgMTAuNTgwNCAxMC42OTMyIDguOTI0MDUgMTAuNjkzMiA2Ljg4ODEyQzEwLjY5MzIgNC44NTIxOSA5LjAzNjg0IDMuMTk1OCA3LjAwMDkxIDMuMTk1OFpNNy4wMDA5MSA5LjUyNTUxQzUuNTQ2NjcgOS41MjU1MSA0LjM2MzUzIDguMzQyMzkgNC4zNjM1MyA2Ljg4ODEyQzQuMzYzNTMgNS40MzM4OCA1LjU0NjY0IDQuMjUwNzMgNy4wMDA5MSA0LjI1MDczQzguNDU1MTggNC4yNTA3MyA5LjYzODI5IDUuNDMzODUgOS42MzgyOSA2Ljg4ODEyQzkuNjM4MjkgOC4zNDIzNiA4LjQ1NTE1IDkuNTI1NTEgNy4wMDA5MSA5LjUyNTUxWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-position: left; padding: 7px 0 7px 28px; font-weight: bold; } .city-clarify__wrapper.mobile .city-clarify__question{ background-image: none; padding: 7px 0 7px 0px; } .city-clarify__warninng{ font-size: 12px; opacity: 0.8; padding: 5px 0; display: block; } .city-clarify__buttons{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .city-clarify__submit{ background: #8FBC62; border: 2px solid #8FBC62; box-sizing: border-box; border-radius: 5px; display: block; max-width: 77px; text-align: center; padding: 8px 27px; font-weight: bold; cursor: pointer; } .city-clarify__choose-another{ border: 2px solid #8FBC62; box-sizing: border-box; border-radius: 5px; padding: 8px 50px; font-weight: bold; cursor: pointer; color: #8FBC62; } .city-clarify__wrapper.mobile .city-clarify__choose-another{ border: 2px solid #fff; color:#fff; } .city-clarify__close{ position: absolute; right: 10px; top: 10px; display: block; height: 11px; width: 11px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4yNjg2MTggMTAuNzMxNEMwLjQ0NzU5OSAxMC45MTA2IDAuNjgxOTk4IDExIDAuOTE2NTkyIDExQzEuMTUxMTkgMTEgMS4zODU3OCAxMC45MTA2IDEuNTY0NzYgMTAuNzMxNEw1LjUwMDAzIDYuNzk2MUw5LjQzNTI0IDEwLjczMTNDOS42MTQyMiAxMC45MTA1IDkuODQ4ODEgMTEgMTAuMDgzNCAxMUMxMC4zMTggMTEgMTAuNTUyNCAxMC45MTA1IDEwLjczMTQgMTAuNzMxM0MxMS4wODk1IDEwLjM3MzMgMTEuMDg5NSA5Ljc5MzMyIDEwLjczMTQgOS40MzUxNkw2Ljc5NjE4IDUuNDk5OTZMMTAuNzMxNCAxLjU2NDc2QzExLjA4OTUgMS4yMDY4IDExLjA4OTMgMC42MjY1ODEgMTAuNzMxNCAwLjI2ODYxOUMxMC4zNzM0IC0wLjA4OTUzOTUgOS43OTMzOSAtMC4wODk1Mzk1IDkuNDM1MjMgMC4yNjg2MTlMNS41MDAwMyA0LjIwMzgyTDEuNTY0NzYgMC4yNjg1NDVDMS4yMDY4IC0wLjA4OTYxMyAwLjYyNjU4MSAtMC4wODk0MTcyIDAuMjY4NjE5IDAuMjY4NTQ1Qy0wLjA4OTUzOTUgMC42MjY1MDggLTAuMDg5NTM5NSAxLjIwNjUzIDAuMjY4NjE5IDEuNTY0NjlMNC4yMDM4OSA1LjQ5OTk2TDAuMjY4NjE4IDkuNDM1MjNDLTAuMDg5NTM5NSA5Ljc5MzIgLTAuMDg5NTM5NSAxMC4zNzM0IDAuMjY4NjE4IDEwLjczMTRaIiBmaWxsPSIjRjJGMkYyIi8+DQo8L3N2Zz4NCg==); cursor: pointer; } .geoip-menu-item{ height: 47px; background: #4F505C; padding-left: 37px; } .geoip-menu-item .topline__current-city{ text-decoration: none; color: #fff; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy41MjM0IDQuNzE2MzVDMTIuODgxNyAyLjY0MzEyIDExLjIxNDggMC45NjI0NzIgOS4xNzMxNSAwLjMzMDE4NkM2Ljk5OTA2IC0wLjM0MzA5MSA0LjczMjUgMC4wMjIzOTM0IDIuOTU0NzIgMS4zMzI5MUMyLjEwMjg4IDEuOTYwODQgMS4zOTYwMyAyLjc4OTA4IDAuOTEwNjI3IDMuNzI4QzAuNDA4OTQ3IDQuNjk4NDIgMC4xNDM3OTkgNS43OTA5NCAwLjE0Mzc5OSA2Ljg4NzVDMC4xNDM3OTkgOC4zODMzMiAwLjYxNjk2NyA5LjgwNDgzIDEuNTEyMTkgMTAuOTk4NEw3LjAwMDk5IDE3Ljk5OTZMMTIuNDgzIDExLjAwNzNMMTIuNDg5OCAxMC45OTg0QzEzLjgyOTUgOS4yMTIxIDE0LjIwNjMgNi45MjIzNyAxMy41MjM0IDQuNzE2MzVaTTExLjY0OTEgMTAuMzYxTDcuMDAwOTkgMTYuMjkwNEwyLjM1Mjg0IDEwLjM2MUMxLjU5Nzg2IDkuMzUyNDQgMS4xOTg3NyA4LjE1MTQgMS4xOTg3NyA2Ljg4NzVDMS4xOTg3NyA1LjA0MDYzIDIuMDg5MiAzLjI4MTU5IDMuNTgwNzEgMi4xODIxMUM1LjA4NTg5IDEuMDcyNTUgNy4wMTA1MiAwLjc2NDg5NCA4Ljg2MTExIDEuMzM3OTRDMTAuNTc1IDEuODY4NzMgMTEuOTc1NCAzLjI4Mjc4IDEyLjUxNTcgNS4wMjgyNkMxMy4wOTY4IDYuOTA1NjcgMTIuNzgwOSA4Ljg0OTExIDExLjY0OTEgMTAuMzYxWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik03LjAwMDkxIDMuMTk1OEM0Ljk2NDk4IDMuMTk1OCAzLjMwODU5IDQuODUyMTkgMy4zMDg1OSA2Ljg4ODEyQzMuMzA4NTkgOC45MjQwNSA0Ljk2NDk4IDEwLjU4MDQgNy4wMDA5MSAxMC41ODA0QzkuMDM2ODQgMTAuNTgwNCAxMC42OTMyIDguOTI0MDUgMTAuNjkzMiA2Ljg4ODEyQzEwLjY5MzIgNC44NTIxOSA5LjAzNjg0IDMuMTk1OCA3LjAwMDkxIDMuMTk1OFpNNy4wMDA5MSA5LjUyNTUxQzUuNTQ2NjcgOS41MjU1MSA0LjM2MzUzIDguMzQyMzkgNC4zNjM1MyA2Ljg4ODEyQzQuMzYzNTMgNS40MzM4OCA1LjU0NjY0IDQuMjUwNzMgNy4wMDA5MSA0LjI1MDczQzguNDU1MTggNC4yNTA3MyA5LjYzODI5IDUuNDMzODUgOS42MzgyOSA2Ljg4ODEyQzkuNjM4MjkgOC4zNDIzNiA4LjQ1NTE1IDkuNTI1NTEgNy4wMDA5MSA5LjUyNTUxWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K); } .mobile-menu__submenu-item .geoip-page{ padding:10px; } .geoip-menu-item.mobile-menu__item.submenu-title-op{ display: none; } .mobile-menu__submenu-item.geoip .mobile-menu__submenu-back{ margin-bottom: 0; } .topline__cb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .topline__cb-phone { color: #141517; text-decoration: none; } .topline__callback { text-decoration: none; color: #141517; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 12px; } .topline__callback-icon { width: 15px; height: 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQ5NjggMC4wMjgzMjAzSDIuNTAzODZDMS4xMjY3NCAwLjAyODMyMDMgMCAxLjE1NTA2IDAgMi41MzIxOFY5LjA5NzYxQzAgMTAuNDc0NyAxLjEyNjc0IDExLjYwMTUgMi41MDM4NiAxMS42MDE1SDQuODE4OTlWMTQuOTcyM0w4Ljk5MTk5IDExLjYwMTVIMTIuNDk1OEMxMy44NzI2IDExLjYwMTUgMTQuOTk5NyAxMC40NzQ3IDE0Ljk5OTcgOS4wOTc2MVYyLjUzMjE4QzE1LjAwMDYgMS4xNTUwNiAxMy44NzM5IDAuMDI4MzIwMyAxMi40OTY4IDAuMDI4MzIwM1pNMTMuNDM1NyA5LjA5NzNDMTMuNDM1NyA5LjYwNjUyIDEzLjAwNTcgMTAuMDM2MiAxMi40OTY4IDEwLjAzNjJIOC45OTE5OUg4LjQzODYzTDguMDA4MjggMTAuMzgzN0w2LjM4MzU5IDExLjY5NlYxMS42MDA1VjEwLjAzNTZINC44MTg2OEgyLjUwMzg2QzEuOTk0OTUgMTAuMDM1NiAxLjU2NDkxIDkuNjA1OSAxLjU2NDkxIDkuMDk2NjdWMi41MzIxOEMxLjU2NDkxIDIuMDIzMjcgMS45OTQ5NSAxLjU5MzIzIDIuNTAzODYgMS41OTMyM0gxMi40OTY4QzEzLjAwNTcgMS41OTMyMyAxMy40MzU3IDIuMDIzMjcgMTMuNDM1NyAyLjUzMjE4VjkuMDk3M1oiIGZpbGw9IiMxNDE1MTciLz4KPHBhdGggZD0iTTQuMjg5NjUgNi43MjcyNEM0Ljc5MzE4IDYuNzI3MjQgNS4yMDEzNyA2LjMxOTA1IDUuMjAxMzcgNS44MTU1M0M1LjIwMTM3IDUuMzEyIDQuNzkzMTggNC45MDM4MSA0LjI4OTY1IDQuOTAzODFDMy43ODYxMiA0LjkwMzgxIDMuMzc3OTMgNS4zMTIgMy4zNzc5MyA1LjgxNTUzQzMuMzc3OTMgNi4zMTkwNSAzLjc4NjEyIDYuNzI3MjQgNC4yODk2NSA2LjcyNzI0WiIgZmlsbD0iIzE0MTUxNyIvPgo8cGF0aCBkPSJNNy41MDA1OSA2LjcyNzI0QzguMDA0MTEgNi43MjcyNCA4LjQxMjMgNi4zMTkwNSA4LjQxMjMgNS44MTU1M0M4LjQxMjMgNS4zMTIgOC4wMDQxMSA0LjkwMzgxIDcuNTAwNTkgNC45MDM4MUM2Ljk5NzA2IDQuOTAzODEgNi41ODg4NyA1LjMxMiA2LjU4ODg3IDUuODE1NTNDNi41ODg4NyA2LjMxOTA1IDYuOTk3MDYgNi43MjcyNCA3LjUwMDU5IDYuNzI3MjRaIiBmaWxsPSIjMTQxNTE3Ii8+CjxwYXRoIGQ9Ik0xMC43MTA1IDYuNzI3MjRDMTEuMjE0MSA2LjcyNzI0IDExLjYyMjMgNi4zMTkwNSAxMS42MjIzIDUuODE1NTNDMTEuNjIyMyA1LjMxMiAxMS4yMTQxIDQuOTAzODEgMTAuNzEwNSA0LjkwMzgxQzEwLjIwNyA0LjkwMzgxIDkuNzk4ODMgNS4zMTIgOS43OTg4MyA1LjgxNTUzQzkuNzk4ODMgNi4zMTkwNSAxMC4yMDcgNi43MjcyNCAxMC43MTA1IDYuNzI3MjRaIiBmaWxsPSIjMTQxNTE3Ii8+Cjwvc3ZnPgo=); background-size: cover; } .topline__callback-text { margin-left: 10px; font-weight: 500; color: #141517; } .header-scroll { background-color: #fff; } .header-scroll.fixed { position: fixed; width: 100%; top: 0; opacity: 0; z-index: 10; -webkit-animation: fadeMenu .3s .15s forwards; animation: fadeMenu .15s .3s forwards; } .header-note { display: none; } .header__mid { padding: 14px 0; padding-bottom: 14px; } .header__mid-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; } .header__mid-wrapper .right-col{ margin-left: auto; } .main-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #6c6d79; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 29px; } .main-logo img { max-width: 153px; margin-right: 20px; } .main-logo__text { font-size: 11px; font-weight: 700; display: none; } .main-search { margin: 0px; margin-right: 15px; width: 100%; max-width: 627px; } .search-hover { max-width: 576px; width: 100%; position: relative; border: 1px solid #8FBC62; border-radius: 5px; background-color: #fff; z-index: 5; height: 39px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-right: 60px; } .search-hover__field { width: 100%; border: none; height: 100%; background: 0 0; padding-left: 25px; } .search-hover__field ::-webkit-input-placeholder { color: #6c6d79; font-size: 12px; } .search-hover__field :-ms-input-placeholder { color: #6c6d79; font-size: 12px; } .search-hover__field ::-ms-input-placeholder { color: #6c6d79; font-size: 12px; } .search-hover__field ::placeholder { color: #6c6d79; font-size: 12px; } .search-hover__submit { display: block; position: absolute; top: 0; right: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjExMTEgMTUuMjIyMkMxMi4wMzg1IDE1LjIyMjIgMTUuMjIyMiAxMi4wMzg1IDE1LjIyMjIgOC4xMTExQzE1LjIyMjIgNC4xODM3NSAxMi4wMzg1IDEgOC4xMTExIDFDNC4xODM3NSAxIDEgNC4xODM3NSAxIDguMTExMUMxIDEyLjAzODUgNC4xODM3NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyWiIgc3Ryb2tlPSIjMkMyRTNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuOTk5NSAxN0wxMy4xMzI4IDEzLjEzMzMiIHN0cm9rZT0iIzJDMkUzRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); height: 36px; width: 34px; background-position: center; background-repeat: no-repeat; background-size: 18px; border: none; cursor: pointer; background-color: transparent; text-indent: -9000px; font-size: 0; } .main-conrols { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: -2px; } .icon-link { background-position: center; background-repeat: no-repeat; display: block; text-decoration: none; position: relative; } .icon-user { margin-right: 24px; cursor: pointer; display: inline-flex; flex-direction: column; align-items: center; } .icon-user .icon-img{ width: 34px; height: 27px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDE5LjUyNzdWMTcuNTUyNEMxNyAxNS4zNzA2IDE1LjIwOTEgMTMuNjAxOCAxMyAxMy42MDE4SDVDMi43OTA4NiAxMy42MDE4IDEgMTUuMzcwNiAxIDE3LjU1MjRWMTkuNTI3NyIgc3Ryb2tlPSIjMkMyRTNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgOS42NTEyNEMxMS4yMDkxIDkuNjUxMjQgMTMgNy44ODI0OCAxMyA1LjcwMDYyQzEzIDMuNTE4NzUgMTEuMjA5MSAxLjc1IDkgMS43NUM2Ljc5MDg2IDEuNzUgNSAzLjUxODc1IDUgNS43MDA2MkM1IDcuODgyNDggNi43OTA4NiA5LjY1MTI0IDkgOS42NTEyNFoiIHN0cm9rZT0iIzJDMkUzRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); background-size: 18px; background-position: center; background-repeat: no-repeat; margin: auto; margin-bottom: 1px; } .icon-user .icon-text{ font-size: 12px; color: #141517; } .icon-favorites { margin-right: 24px; cursor: pointer; } .icon-favorites .icon-img { width: 34px; height: 27px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iIzJDMkUzRiIvPgo8L3N2Zz4K); background-size: 22px; background-position: center; background-repeat: no-repeat; margin: auto; margin-bottom: 1px; position: relative; } .icon-favorites .icon-count { right: -14px; } .icon-favorites .icon-text{ font-size: 12px; color: #141517; white-space: nowrap; } .tablet-search { display: none; } .icon-search { cursor: pointer; } .icon-search .icon-link { width: 34px; height: 27px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjExMTEgMTUuMjIyMkMxMi4wMzg1IDE1LjIyMjIgMTUuMjIyMiAxMi4wMzg1IDE1LjIyMjIgOC4xMTExQzE1LjIyMjIgNC4xODM3NSAxMi4wMzg1IDEgOC4xMTExIDFDNC4xODM3NSAxIDEgNC4xODM3NSAxIDguMTExMUMxIDEyLjAzODUgNC4xODM3NSAxNS4yMjIyIDguMTExMSAxNS4yMjIyWiIgc3Ryb2tlPSIjMkMyRTNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuOTk5NSAxN0wxMy4xMzI4IDEzLjEzMzMiIHN0cm9rZT0iIzJDMkUzRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); background-size: 18px; } .icon-basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 6px; } .icon-basket .icon-img { position: relative; width: 34px; height: 27px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY2NjY3IDFMMSA0LjU1NTU2VjE3QzEgMTcuOTgxOCAxLjc5NTk0IDE4Ljc3NzggMi43Nzc3OCAxOC43Nzc4SDE1LjIyMjJDMTYuMjA0MSAxOC43Nzc4IDE3IDE3Ljk4MTggMTcgMTdWNC41NTU1NkwxNC4zMzMzIDFIMy42NjY2N1oiIHN0cm9rZT0iIzJDMkUzRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgNC41NTU1M0gxNyIgc3Ryb2tlPSIjMkMyRTNGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNTU1NCA4LjExMTA4QzEyLjU1NTQgMTAuMDc0OCAxMC45NjM2IDExLjY2NjYgOC45OTk4OSAxMS42NjY2QzcuMDM2MjEgMTEuNjY2NiA1LjQ0NDM0IDEwLjA3NDggNS40NDQzNCA4LjExMTA4IiBzdHJva2U9IiMyQzJFM0YiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-size: 18px; background-position: center; background-repeat: no-repeat; margin: auto; margin-bottom: 1px; } .icon-basket .icon-count{ right: -12px; } .icon-basket .icon-text{ font-size: 12px; color: #141517; } .icon-basket__text { font-size: 12px; text-decoration: none; -ms-flex-negative: 0; flex-shrink: 0; } .icon-basket__text b { display: block; color: #141517; font-weight: 700; } .icon-basket__count { color: #6c6d79; } .icon-count { position: absolute; color: #fff; font-size: 10px; font-weight: 700; top: -2px; right: 0px; min-width: 17px; height: 17px; background-color: #8fbc62; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .icon-count:after { /* content: ''; */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 13px; height: 13px; background-color: #8fbc62; border-radius: 50%} .icon-count span { position: relative; z-index: 1; } .menu { padding-bottom: 21px; position: relative; } .menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu__button { -ms-flex-negative: 0; flex-shrink: 0; height: 39px; width: 119px; background: #8fbc62; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #8fbc62; margin-right: 48px; } .menu__button.active { /*background-color: #fff;*/ /*color: #8fbc62;*/ box-shadow: none; } .menu__button.active .menu__button-burger span { /*background-color: #8fbc62;*/ background-color: #fff; -webkit-transition: top .15s, -webkit-transform .3s .2s ease; transition: top .15s, -webkit-transform .3s .2s ease; -o-transition: top .15s, transform .3s .2s ease; transition: top .15s, transform .3s .2s ease; transition: top .15s, transform .3s .2s ease, -webkit-transform .3s .2s ease; } .menu__button.active .menu__button-burger span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .menu__button.active .menu__button-burger span:nth-child(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; } .menu__button.active .menu__button-burger span:nth-child(3) { top: 6px; opacity: 0; } .menu__button-burger { width: 18px; height: 16px; position: relative; margin-right: 15px; margin-left: -2px; } .menu__button-burger span { -webkit-transition: top .3s .2s, -webkit-transform .15s ease; transition: top .3s .2s, -webkit-transform .15s ease; -o-transition: top .3s .2s, transform .15s ease; transition: top .3s .2s, transform .15s ease; transition: top .3s .2s, transform .15s ease, -webkit-transform .15s ease; height: 3px; width: 18px; border-radius: 50px; background-color: #fff; position: absolute; left: 0; } .menu__button-burger span:nth-child(1) { top: 0; } .menu__button-burger span:nth-child(2) { top: 6px; } .menu__button-burger span:nth-child(3) { width: 12px; top: 12px; } .menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; list-style-type: none; padding: 0; margin: 0; margin-left: 0; font-weight: 500; } .menu__list-item:hover .menu__list-link { color: #8fbc62; } .menu__list-link { text-decoration: none; color: #141517; } .header-new .menu .menu__list-link.red{ color: #FF343C; } .menu__list .anim-tree{ position: relative; top: -2px; margin-right: 3px; } .menu__list-icon { display: inline-block; vertical-align: middle; margin-right: 10px; } .icon-stock a { color: #ff343c; position: relative; padding-left: 35px; } .icon-stock a:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjA2MTYgMTIuMzkxM0MyMS45NjQ0IDEyLjE5MjQgMjEuOTY0NCAxMS45NjQzIDIyLjA2MTYgMTEuNzY1NUwyMi45NjI2IDkuOTIyNDFDMjMuNDY0MiA4Ljg5NjE5IDIzLjA2NjggNy42NzMwMyAyMi4wNTc4IDcuMTM3NjdMMjAuMjQ1NSA2LjE3NjEzQzIwLjA1IDYuMDcyNDMgMTkuOTE2IDUuODg3ODYgMTkuODc3NyA1LjY2OTkzTDE5LjUyMzMgMy42NDkyM0MxOS4zMjU5IDIuNTI0MTYgMTguMjg1MiAxLjc2ODE0IDE3LjE1NDUgMS45MjgxM0wxNS4xMjMyIDIuMjE1NDZDMTQuOTAzOSAyLjI0NjQxIDE0LjY4NzEgMi4xNzU5MiAxNC41MjgxIDIuMDIyMDZMMTMuMDUzNyAwLjU5NTY5N0MxMi4yMzI3IC0wLjE5ODU0MiAxMC45NDY1IC0wLjE5ODU4OSAxMC4xMjU2IDAuNTk1Njk3TDguNjUxMDkgMi4wMjIyQzguNDkyIDIuMTc2MTEgOC4yNzUyIDIuMjQ2NDUgOC4wNTYgMi4yMTU2TDYuMDI0NzMgMS45MjgyN0M0Ljg5MzU4IDEuNzY4MTggMy44NTMyNCAyLjUyNDMgMy42NTU4OSAzLjY0OTM3TDMuMzAxNDcgNS42Njk5OEMzLjI2MzIgNS44ODc5NSAzLjEyOTE2IDYuMDcyNDcgMi45MzM2OSA2LjE3NjIyTDEuMTIxNDggNy4xMzc3NkMwLjExMjQ3OSA3LjY3MzA4IC0wLjI4NDk3MSA4Ljg5NjMzIDAuMjE2NjU0IDkuOTIyNTVMMS4xMTc1NyAxMS43NjU2QzEuMjE0NzYgMTEuOTY0NSAxLjIxNDc2IDEyLjE5MjYgMS4xMTc1NyAxMi4zOTE0TDAuMjE2NjA3IDE0LjIzNDRDLTAuMjg1MDE4IDE1LjI2MDcgMC4xMTI0MzIgMTYuNDgzOCAxLjEyMTQ0IDE3LjAxOTJMMi45MzM2NSAxNy45ODA3QzMuMTI5MTYgMTguMDg0NCAzLjI2MzIgMTguMjY5IDMuMzAxNDcgMTguNDg2OUwzLjY1NTg5IDIwLjUwNzZDMy44MzU1NSAyMS41MzE4IDQuNzEzNzcgMjIuMjUwMSA1LjcyMzExIDIyLjI1QzUuODIyNTIgMjIuMjUgNS45MjMzOSAyMi4yNDMgNi4wMjQ3OCAyMi4yMjg3TDguMDU2MDUgMjEuOTQxNEM4LjI3NTExIDIxLjkxMDMgOC40OTIwNSAyMS45ODA5IDguNjUxMTQgMjIuMTM0N0wxMC4xMjU2IDIzLjU2MTFDMTAuNTM2MSAyMy45NTgzIDExLjA2MjggMjQuMTU2OCAxMS41ODk2IDI0LjE1NjhDMTIuMTE2MyAyNC4xNTY3IDEyLjY0MzIgMjMuOTU4MiAxMy4wNTM2IDIzLjU2MTFMMTQuNTI4MSAyMi4xMzQ3QzE0LjY4NzIgMjEuOTgwOSAxNC45MDQgMjEuOTEwNiAxNS4xMjMyIDIxLjk0MTRMMTcuMTU0NSAyMi4yMjg3QzE4LjI4NTggMjIuMzg4NyAxOS4zMjU5IDIxLjYzMjYgMTkuNTIzMyAyMC41MDc2TDE5Ljg3NzggMTguNDg3QzE5LjkxNiAxOC4yNjkgMjAuMDUwMSAxOC4wODQ1IDIwLjI0NTUgMTcuOTgwN0wyMi4wNTc4IDE3LjAxOTJDMjMuMDY2OCAxNi40ODM5IDIzLjQ2NDIgMTUuMjYwNiAyMi45NjI2IDE0LjIzNDRMMjIuMDYxNiAxMi4zOTEzWk0yMS40MDQ3IDE1Ljc4ODRMMTkuNTkyNSAxNi43NDk5QzE5LjAxNDcgMTcuMDU2NiAxOC42MTg1IDE3LjYwMTkgMTguNTA1NSAxOC4yNDYyTDE4LjE1MTEgMjAuMjY2OEMxOC4wODQzIDIwLjY0NzUgMTcuNzMyNCAyMC45MDMxIDE3LjM0OTYgMjAuODQ5MUwxNS4zMTgzIDIwLjU2MThDMTQuNjcwNSAyMC40NyAxNC4wMjk1IDIwLjY3ODUgMTMuNTU5NCAyMS4xMzMzTDEyLjA4NDkgMjIuNTU5NkMxMS44MDcyIDIyLjgyODMgMTEuMzcyIDIyLjgyODMgMTEuMDk0MiAyMi41NTk2TDkuNjE5ODEgMjEuMTMzMkM5LjIyMjQ1IDIwLjc0ODkgOC43MDI5OSAyMC41NDA2IDguMTYwNyAyMC41NDA2QzguMDYxMzMgMjAuNTQwNiA3Ljk2MTE3IDIwLjU0NzUgNy44NjA4NiAyMC41NjE3TDUuODI5NTkgMjAuODQ5MUM1LjQ0NzE1IDIwLjkwMzEgNS4wOTQ5NCAyMC42NDc0IDUuMDI4MTQgMjAuMjY2OEw0LjY3MzY3IDE4LjI0NjFDNC41NjA2MiAxNy42MDE4IDQuMTY0NCAxNy4wNTY0IDMuNTg2NTggMTYuNzQ5OUwxLjc3NDM3IDE1Ljc4ODNDMS40MzI5NyAxNS42MDcyIDEuMjk4NTEgMTUuMTkzNCAxLjQ2ODIyIDE0Ljg0NjJMMi4zNjkxOCAxMy4wMDMxQzIuNjU2NDEgMTIuNDE1NCAyLjY1NjQxIDExLjc0MTQgMi4zNjkxOCAxMS4xNTM3TDEuNDY4MjIgOS4zMTA1OEMxLjI5ODUxIDguOTYzMzcgMS40MzI5NyA4LjU0OTU1IDEuNzc0MzcgOC4zNjg0MkwzLjU4NjU4IDcuNDA2ODhDNC4xNjQzNSA3LjEwMDI2IDQuNTYwNjIgNi41NTQ5NCA0LjY3MzYyIDUuOTEwNjRMNS4wMjgwNCAzLjg4OTk5QzUuMDk0ODUgMy41MDkzNCA1LjQ0NjcyIDMuMjUzNjIgNS44Mjk1IDMuMzA3NjlMNy44NjA3NyAzLjU5NTAyQzguNTA4MzIgMy42ODY2OSA5LjE0OTU2IDMuNDc4MjkgOS42MTk3MSAzLjAyMzUyTDExLjA5NDIgMS41OTcxNUMxMS4zNzE5IDEuMzI4NTEgMTEuODA3MSAxLjMyODUxIDEyLjA4NDkgMS41OTcxNUwxMy41NTkzIDMuMDIzNTJDMTQuMDI5NCAzLjQ3ODM0IDE0LjY3MDYgMy42ODY2OSAxNS4zMTgyIDMuNTk1MDJMMTcuMzQ5NSAzLjMwNzY5QzE3LjczMiAzLjI1MzU3IDE4LjA4NDIgMy41MDkzNCAxOC4xNTEgMy44ODk5OUwxOC41MDU0IDUuOTEwNjlDMTguNjE4NCA2LjU1NDk5IDE5LjAxNDcgNy4xMDAzNSAxOS41OTI1IDcuNDA2ODhMMjEuNDA0NyA4LjM2ODQyQzIxLjc0NjEgOC41NDk1NSAyMS44ODA1IDguOTYzMzcgMjEuNzEwOCA5LjMxMDU4TDIwLjgwOTkgMTEuMTUzNkMyMC41MjI2IDExLjc0MTMgMjAuNTIyNiAxMi40MTU0IDIwLjgwOTkgMTMuMDAzTDIxLjcxMDggMTQuODQ2MUMyMS44ODA2IDE1LjE5MzQgMjEuNzQ2MSAxNS42MDczIDIxLjQwNDcgMTUuNzg4NFoiIGZpbGw9IiNGRjM0M0MiLz4KPHBhdGggZD0iTTE2LjY4MDEgNi45ODgyMUMxNi40MDgxIDYuNzE2MTcgMTUuOTY3IDYuNzE2MTcgMTUuNjk0OSA2Ljk4ODIxTDYuNDk5OTMgMTYuMTgzMkM2LjIyNzg5IDE2LjQ1NTMgNi4yMjc4OSAxNi44OTY0IDYuNDk5OTMgMTcuMTY4NEM2LjYzNTk1IDE3LjMwNDQgNi44MTQyNSAxNy4zNzI1IDYuOTkyNSAxNy4zNzI1QzcuMTcwNzUgMTcuMzcyNSA3LjM0OTA5IDE3LjMwNDUgNy40ODUwNiAxNy4xNjg0TDE2LjY4MDEgNy45NzM0NEMxNi45NTIyIDcuNzAxMzUgMTYuOTUyMiA3LjI2MDMgMTYuNjgwMSA2Ljk4ODIxWiIgZmlsbD0iI0ZGMzQzQyIvPgo8cGF0aCBkPSJNOC44MDMzNCA1LjgwODg0QzcuMzk0OSA1LjgwODg0IDYuMjQ5MDIgNi45NTQ3MSA2LjI0OTAyIDguMzYzMTVDNi4yNDkwMiA5Ljc3MTU5IDcuMzk0OSAxMC45MTc1IDguODAzMzQgMTAuOTE3NUMxMC4yMTE4IDEwLjkxNzUgMTEuMzU3NiA5Ljc3MTU5IDExLjM1NzYgOC4zNjMxNUMxMS4zNTc2IDYuOTU0NzEgMTAuMjExOCA1LjgwODg0IDguODAzMzQgNS44MDg4NFpNOC44MDMzNCA5LjUyNDE3QzguMTYzMTQgOS41MjQxNyA3LjY0MjMxIDkuMDAzMzQgNy42NDIzMSA4LjM2MzFDNy42NDIzMSA3LjcyMjkxIDguMTYzMTQgNy4yMDIwOCA4LjgwMzM0IDcuMjAyMDhDOS40NDM1MyA3LjIwMjA4IDkuOTY0NDEgNy43MjI5MSA5Ljk2NDQxIDguMzYzMUM5Ljk2NDM2IDkuMDAzMzQgOS40NDM1MyA5LjUyNDE3IDguODAzMzQgOS41MjQxN1oiIGZpbGw9IiNGRjM0M0MiLz4KPHBhdGggZD0iTTE0LjM3NjYgMTMuMjM5NUMxMi45NjgxIDEzLjIzOTUgMTEuODIyMyAxNC4zODU0IDExLjgyMjMgMTUuNzkzOEMxMS44MjIzIDE3LjIwMjMgMTIuOTY4MSAxOC4zNDgxIDE0LjM3NjYgMTguMzQ4MUMxNS43ODUgMTguMzQ4MSAxNi45MzA5IDE3LjIwMjMgMTYuOTMwOSAxNS43OTM4QzE2LjkzMDkgMTQuMzg1NCAxNS43ODUgMTMuMjM5NSAxNC4zNzY2IDEzLjIzOTVaTTE0LjM3NjYgMTYuOTU0OEMxMy43MzY0IDE2Ljk1NDggMTMuMjE1NSAxNi40MzQgMTMuMjE1NSAxNS43OTM4QzEzLjIxNTUgMTUuMTUzNiAxMy43MzYzIDE0LjYzMjggMTQuMzc2NiAxNC42MzI4QzE1LjAxNjggMTQuNjMyOCAxNS41Mzc2IDE1LjE1MzYgMTUuNTM3NiAxNS43OTM4QzE1LjUzNzYgMTYuNDM0IDE1LjAxNjggMTYuOTU0OCAxNC4zNzY2IDE2Ljk1NDhaIiBmaWxsPSIjRkYzNDNDIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; width: 25px; height: 25px; position: absolute; top: -2px; left: 0; } .icon-new-year a { position: relative; padding-left: 35px; } .icon-new-year a:before { content: ""; background-image: url(/images/tree.svg); background-repeat: no-repeat; background-position: 50%; width: 25px; height: 35px; position: absolute; top: -9px; left: 0; } .header__bot .icon-stock a:before{ top: 50%; transform: translateY(-50%); } .desktop-menu { position: absolute; height: auto; width: 100%; top: 95px; z-index: 3; overflow: hidden; display: none; } .desktop-menu.open { display: block; } .desktop-menu .container { height: 100%; position: relative; z-index: 2; max-width: 1244px !important; } .desktop-menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; min-height: 710px;} .desktop-menu__main { position: relative; } .desktop-menu__main.sub-open { border-bottom-right-radius: 0; } .desktop-menu__main:after { content: ''; position: absolute; width: 2px; top: 0; height: 100%; right: 0; background-color: #ECECEE; border-radius: 5px; display: none; } .desktop-menu__main.sub-open:after { display: block; } .desktop-menu__main { min-height: 465px; background-color: #fff; padding: 18px 20px 27px; border-radius: 0 0 30px 30px; width: 243px; } .desktop-menu__main-list { list-style-type: none; padding: 0; margin: 0; font-size: 16px; } .desktop-menu__main-item { width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; display: block; margin: 0 0 14px; padding: 0; border-radius: 5px; overflow: hidden; } .desktop-menu__main-item:hover > a, .desktop-menu__main-item.active > a { background-color: rgba(147,188,98, .2); } .desktop-menu__main-link { color: #141517; text-decoration: none; position: relative; display: block; font-weight: 400; font-size: 16px; line-height: 22px; padding: 3px 5px 3px 35px; text-align: left; z-index: 1; } .desktop-menu__main-link:before { content: ''; background-repeat: no-repeat; background-position: center; display: block; height: 22px; left: 8px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; z-index: 1; } .desktop-menu__main-item[data-menu-id="1"] .desktop-menu__main-link:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjA2MTYgMTIuMzkxM0MyMS45NjQ0IDEyLjE5MjQgMjEuOTY0NCAxMS45NjQzIDIyLjA2MTYgMTEuNzY1NUwyMi45NjI2IDkuOTIyNDFDMjMuNDY0MiA4Ljg5NjE5IDIzLjA2NjggNy42NzMwMyAyMi4wNTc4IDcuMTM3NjdMMjAuMjQ1NSA2LjE3NjEzQzIwLjA1IDYuMDcyNDMgMTkuOTE2IDUuODg3ODYgMTkuODc3NyA1LjY2OTkzTDE5LjUyMzMgMy42NDkyM0MxOS4zMjU5IDIuNTI0MTYgMTguMjg1MiAxLjc2ODE0IDE3LjE1NDUgMS45MjgxM0wxNS4xMjMyIDIuMjE1NDZDMTQuOTAzOSAyLjI0NjQxIDE0LjY4NzEgMi4xNzU5MiAxNC41MjgxIDIuMDIyMDZMMTMuMDUzNyAwLjU5NTY5N0MxMi4yMzI3IC0wLjE5ODU0MiAxMC45NDY1IC0wLjE5ODU4OSAxMC4xMjU2IDAuNTk1Njk3TDguNjUxMDkgMi4wMjIyQzguNDkyIDIuMTc2MTEgOC4yNzUyIDIuMjQ2NDUgOC4wNTYgMi4yMTU2TDYuMDI0NzMgMS45MjgyN0M0Ljg5MzU4IDEuNzY4MTggMy44NTMyNCAyLjUyNDMgMy42NTU4OSAzLjY0OTM3TDMuMzAxNDcgNS42Njk5OEMzLjI2MzIgNS44ODc5NSAzLjEyOTE2IDYuMDcyNDcgMi45MzM2OSA2LjE3NjIyTDEuMTIxNDggNy4xMzc3NkMwLjExMjQ3OSA3LjY3MzA4IC0wLjI4NDk3MSA4Ljg5NjMzIDAuMjE2NjU0IDkuOTIyNTVMMS4xMTc1NyAxMS43NjU2QzEuMjE0NzYgMTEuOTY0NSAxLjIxNDc2IDEyLjE5MjYgMS4xMTc1NyAxMi4zOTE0TDAuMjE2NjA3IDE0LjIzNDRDLTAuMjg1MDE4IDE1LjI2MDcgMC4xMTI0MzIgMTYuNDgzOCAxLjEyMTQ0IDE3LjAxOTJMMi45MzM2NSAxNy45ODA3QzMuMTI5MTYgMTguMDg0NCAzLjI2MzIgMTguMjY5IDMuMzAxNDcgMTguNDg2OUwzLjY1NTg5IDIwLjUwNzZDMy44MzU1NSAyMS41MzE4IDQuNzEzNzcgMjIuMjUwMSA1LjcyMzExIDIyLjI1QzUuODIyNTIgMjIuMjUgNS45MjMzOSAyMi4yNDMgNi4wMjQ3OCAyMi4yMjg3TDguMDU2MDUgMjEuOTQxNEM4LjI3NTExIDIxLjkxMDMgOC40OTIwNSAyMS45ODA5IDguNjUxMTQgMjIuMTM0N0wxMC4xMjU2IDIzLjU2MTFDMTAuNTM2MSAyMy45NTgzIDExLjA2MjggMjQuMTU2OCAxMS41ODk2IDI0LjE1NjhDMTIuMTE2MyAyNC4xNTY3IDEyLjY0MzIgMjMuOTU4MiAxMy4wNTM2IDIzLjU2MTFMMTQuNTI4MSAyMi4xMzQ3QzE0LjY4NzIgMjEuOTgwOSAxNC45MDQgMjEuOTEwNiAxNS4xMjMyIDIxLjk0MTRMMTcuMTU0NSAyMi4yMjg3QzE4LjI4NTggMjIuMzg4NyAxOS4zMjU5IDIxLjYzMjYgMTkuNTIzMyAyMC41MDc2TDE5Ljg3NzggMTguNDg3QzE5LjkxNiAxOC4yNjkgMjAuMDUwMSAxOC4wODQ1IDIwLjI0NTUgMTcuOTgwN0wyMi4wNTc4IDE3LjAxOTJDMjMuMDY2OCAxNi40ODM5IDIzLjQ2NDIgMTUuMjYwNiAyMi45NjI2IDE0LjIzNDRMMjIuMDYxNiAxMi4zOTEzWk0yMS40MDQ3IDE1Ljc4ODRMMTkuNTkyNSAxNi43NDk5QzE5LjAxNDcgMTcuMDU2NiAxOC42MTg1IDE3LjYwMTkgMTguNTA1NSAxOC4yNDYyTDE4LjE1MTEgMjAuMjY2OEMxOC4wODQzIDIwLjY0NzUgMTcuNzMyNCAyMC45MDMxIDE3LjM0OTYgMjAuODQ5MUwxNS4zMTgzIDIwLjU2MThDMTQuNjcwNSAyMC40NyAxNC4wMjk1IDIwLjY3ODUgMTMuNTU5NCAyMS4xMzMzTDEyLjA4NDkgMjIuNTU5NkMxMS44MDcyIDIyLjgyODMgMTEuMzcyIDIyLjgyODMgMTEuMDk0MiAyMi41NTk2TDkuNjE5ODEgMjEuMTMzMkM5LjIyMjQ1IDIwLjc0ODkgOC43MDI5OSAyMC41NDA2IDguMTYwNyAyMC41NDA2QzguMDYxMzMgMjAuNTQwNiA3Ljk2MTE3IDIwLjU0NzUgNy44NjA4NiAyMC41NjE3TDUuODI5NTkgMjAuODQ5MUM1LjQ0NzE1IDIwLjkwMzEgNS4wOTQ5NCAyMC42NDc0IDUuMDI4MTQgMjAuMjY2OEw0LjY3MzY3IDE4LjI0NjFDNC41NjA2MiAxNy42MDE4IDQuMTY0NCAxNy4wNTY0IDMuNTg2NTggMTYuNzQ5OUwxLjc3NDM3IDE1Ljc4ODNDMS40MzI5NyAxNS42MDcyIDEuMjk4NTEgMTUuMTkzNCAxLjQ2ODIyIDE0Ljg0NjJMMi4zNjkxOCAxMy4wMDMxQzIuNjU2NDEgMTIuNDE1NCAyLjY1NjQxIDExLjc0MTQgMi4zNjkxOCAxMS4xNTM3TDEuNDY4MjIgOS4zMTA1OEMxLjI5ODUxIDguOTYzMzcgMS40MzI5NyA4LjU0OTU1IDEuNzc0MzcgOC4zNjg0MkwzLjU4NjU4IDcuNDA2ODhDNC4xNjQzNSA3LjEwMDI2IDQuNTYwNjIgNi41NTQ5NCA0LjY3MzYyIDUuOTEwNjRMNS4wMjgwNCAzLjg4OTk5QzUuMDk0ODUgMy41MDkzNCA1LjQ0NjcyIDMuMjUzNjIgNS44Mjk1IDMuMzA3NjlMNy44NjA3NyAzLjU5NTAyQzguNTA4MzIgMy42ODY2OSA5LjE0OTU2IDMuNDc4MjkgOS42MTk3MSAzLjAyMzUyTDExLjA5NDIgMS41OTcxNUMxMS4zNzE5IDEuMzI4NTEgMTEuODA3MSAxLjMyODUxIDEyLjA4NDkgMS41OTcxNUwxMy41NTkzIDMuMDIzNTJDMTQuMDI5NCAzLjQ3ODM0IDE0LjY3MDYgMy42ODY2OSAxNS4zMTgyIDMuNTk1MDJMMTcuMzQ5NSAzLjMwNzY5QzE3LjczMiAzLjI1MzU3IDE4LjA4NDIgMy41MDkzNCAxOC4xNTEgMy44ODk5OUwxOC41MDU0IDUuOTEwNjlDMTguNjE4NCA2LjU1NDk5IDE5LjAxNDcgNy4xMDAzNSAxOS41OTI1IDcuNDA2ODhMMjEuNDA0NyA4LjM2ODQyQzIxLjc0NjEgOC41NDk1NSAyMS44ODA1IDguOTYzMzcgMjEuNzEwOCA5LjMxMDU4TDIwLjgwOTkgMTEuMTUzNkMyMC41MjI2IDExLjc0MTMgMjAuNTIyNiAxMi40MTU0IDIwLjgwOTkgMTMuMDAzTDIxLjcxMDggMTQuODQ2MUMyMS44ODA2IDE1LjE5MzQgMjEuNzQ2MSAxNS42MDczIDIxLjQwNDcgMTUuNzg4NFoiIGZpbGw9IiNGRjM0M0MiLz4KPHBhdGggZD0iTTE2LjY4MDEgNi45ODgyMUMxNi40MDgxIDYuNzE2MTcgMTUuOTY3IDYuNzE2MTcgMTUuNjk0OSA2Ljk4ODIxTDYuNDk5OTMgMTYuMTgzMkM2LjIyNzg5IDE2LjQ1NTMgNi4yMjc4OSAxNi44OTY0IDYuNDk5OTMgMTcuMTY4NEM2LjYzNTk1IDE3LjMwNDQgNi44MTQyNSAxNy4zNzI1IDYuOTkyNSAxNy4zNzI1QzcuMTcwNzUgMTcuMzcyNSA3LjM0OTA5IDE3LjMwNDUgNy40ODUwNiAxNy4xNjg0TDE2LjY4MDEgNy45NzM0NEMxNi45NTIyIDcuNzAxMzUgMTYuOTUyMiA3LjI2MDMgMTYuNjgwMSA2Ljk4ODIxWiIgZmlsbD0iI0ZGMzQzQyIvPgo8cGF0aCBkPSJNOC44MDMzNCA1LjgwODg0QzcuMzk0OSA1LjgwODg0IDYuMjQ5MDIgNi45NTQ3MSA2LjI0OTAyIDguMzYzMTVDNi4yNDkwMiA5Ljc3MTU5IDcuMzk0OSAxMC45MTc1IDguODAzMzQgMTAuOTE3NUMxMC4yMTE4IDEwLjkxNzUgMTEuMzU3NiA5Ljc3MTU5IDExLjM1NzYgOC4zNjMxNUMxMS4zNTc2IDYuOTU0NzEgMTAuMjExOCA1LjgwODg0IDguODAzMzQgNS44MDg4NFpNOC44MDMzNCA5LjUyNDE3QzguMTYzMTQgOS41MjQxNyA3LjY0MjMxIDkuMDAzMzQgNy42NDIzMSA4LjM2MzFDNy42NDIzMSA3LjcyMjkxIDguMTYzMTQgNy4yMDIwOCA4LjgwMzM0IDcuMjAyMDhDOS40NDM1MyA3LjIwMjA4IDkuOTY0NDEgNy43MjI5MSA5Ljk2NDQxIDguMzYzMUM5Ljk2NDM2IDkuMDAzMzQgOS40NDM1MyA5LjUyNDE3IDguODAzMzQgOS41MjQxN1oiIGZpbGw9IiNGRjM0M0MiLz4KPHBhdGggZD0iTTE0LjM3NjYgMTMuMjM5NUMxMi45NjgxIDEzLjIzOTUgMTEuODIyMyAxNC4zODU0IDExLjgyMjMgMTUuNzkzOEMxMS44MjIzIDE3LjIwMjMgMTIuOTY4MSAxOC4zNDgxIDE0LjM3NjYgMTguMzQ4MUMxNS43ODUgMTguMzQ4MSAxNi45MzA5IDE3LjIwMjMgMTYuOTMwOSAxNS43OTM4QzE2LjkzMDkgMTQuMzg1NCAxNS43ODUgMTMuMjM5NSAxNC4zNzY2IDEzLjIzOTVaTTE0LjM3NjYgMTYuOTU0OEMxMy43MzY0IDE2Ljk1NDggMTMuMjE1NSAxNi40MzQgMTMuMjE1NSAxNS43OTM4QzEzLjIxNTUgMTUuMTUzNiAxMy43MzYzIDE0LjYzMjggMTQuMzc2NiAxNC42MzI4QzE1LjAxNjggMTQuNjMyOCAxNS41Mzc2IDE1LjE1MzYgMTUuNTM3NiAxNS43OTM4QzE1LjUzNzYgMTYuNDM0IDE1LjAxNjggMTYuOTU0OCAxNC4zNzY2IDE2Ljk1NDhaIiBmaWxsPSIjRkYzNDNDIi8+Cjwvc3ZnPgo=); background-size: cover; height: 23px; } .desktop-menu__main-item[data-menu-id="2"] .desktop-menu__main-link:before { background-color: #7534ff; color: #fff; font-weight: 700; font-size: 9px; line-height: 16px; text-transform: uppercase; height: 16px; width: 31px; text-align: center; border-radius: 4px; margin-bottom: 5px; content: "new"; margin-left: -8px; } .desktop-menu__main-item[data-menu-id="3"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-chay.svg); } .desktop-menu__main-item[data-menu-id="4"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-kofe.svg); } .desktop-menu__main-item[data-menu-id="5"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-podarki.svg); } .desktop-menu__main-item[data-menu-id="6"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-sladosti.svg); } .desktop-menu__main-item[data-menu-id="7"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-bakaleya.svg); } .desktop-menu__main-item[data-menu-id="8"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-tech.svg); } .desktop-menu__main-item[data-menu-id="9"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-dom.svg); } .desktop-menu__main-item[data-menu-id="10"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-brendy.svg); } .desktop-menu__main-item[data-menu-id="11"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-karty.svg); } .desktop-menu__main-item[data-menu-id="12"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-blend-chay.svg); } .desktop-menu__main-item[data-menu-id="13"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-blend-kofe.svg); } .desktop-menu__main-item[data-menu-id="14"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-podpiska.svg); } .desktop-menu__main-item[data-menu-id="15"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-blog.svg); } .desktop-menu__main-item[data-menu-id="16"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-zoo.svg); } .desktop-menu__main-item[data-menu-id="17"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-krasota.svg); } .desktop-menu__main-item[data-menu-id="18"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-zdorovie.svg); } .desktop-menu__main-item[data-menu-id="19"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-kids.svg); } .desktop-menu__main-item[data-menu-id="20"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-loyal.svg); } .desktop-menu__main-item[data-menu-id="21"] .desktop-menu__main-link:before { background-image: url(/bitrix/templates/empty/images/header-menu/cat-sport.svg); } .desktop-menu__main-item[data-menu-id="100"] .desktop-menu__main-link:before { content: ''; background-repeat: no-repeat; background-position: center; display: block; height: 36px; left: 6px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; z-index: 1; background-image: url(/images/tree.svg); } .desktop-menu__main-item[data-menu-id="100"] > a { padding: 8px 5px 8px 35px; color: #FF343C; } .desktop-menu__main-item[data-menu-id="1"] > a { color: #FF343C; } .desktop-menu__submenu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .desktop-menu__submenu-item { padding: 22px 26px 60px; display: none; background-color: #fff; height: 100%; border-bottom-right-radius: 30px; font-size: 16px; /*box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.1);*/ } .desktop-menu__submenu-item.show { display: block; } .desktop-menu__submenu-item.show .desktop-menu__submenu-wrapper { -webkit-animation: fadeMenu .3s forwards; animation: fadeMenu .3s forwards; } .desktop-menu__submenu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; } .desktop-menu__submenu-list { list-style-type: none; padding: 0; margin: 0 0 35px; } .desktop-menu__submenu-list li { margin-bottom: 12px; } .desktop-menu__submenu-list li.desktop-menu__submenu-title { font-weight: 700; } .desktop-menu__submenu-link { text-decoration: none; color: #6C6D79; display: inline-block; } .desktop-menu__submenu-link:hover { color: #141517; text-decoration: underline; } .desktop-menu__submenu-title .desktop-menu__submenu-link { color: #141517; } .desktop-menu__submenu-link.link-green { font-weight: 700; color: #8fbc62; text-decoration: none; margin-bottom: 15px; display: block; } .desktop-menu__submenu-link.link-green.last-green-link { margin-bottom: 34px; } .desktop-menu__col { max-width: 239px; padding-right: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .desktop-menu__col:last-child{ padding-right: 0; } .card-before:before { width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM1OTQgMS44NTkzOEgxLjY0MDYyQzAuNzM1OTg0IDEuODU5MzggMCAyLjU5NTM2IDAgMy41VjEwLjVDMCAxMS40MDQ2IDAuNzM1OTg0IDEyLjE0MDYgMS42NDA2MiAxMi4xNDA2SDEyLjM1OTRDMTMuMjY0IDEyLjE0MDYgMTQgMTEuNDA0NiAxNCAxMC41VjMuNUMxNCAyLjU5NTM2IDEzLjI2NCAxLjg1OTM4IDEyLjM1OTQgMS44NTkzOFpNMTIuOTA2MiAxMC41QzEyLjkwNjIgMTAuODAxNSAxMi42NjA5IDExLjA0NjkgMTIuMzU5NCAxMS4wNDY5SDEuNjQwNjJDMS4zMzkwOCAxMS4wNDY5IDEuMDkzNzUgMTAuODAxNSAxLjA5Mzc1IDEwLjVWNS44NTE1NkgxMi45MDYyVjEwLjVaTTEyLjkwNjIgNC4yMTA5NEgxLjA5Mzc1VjMuNUMxLjA5Mzc1IDMuMTk4NDUgMS4zMzkwOCAyLjk1MzEyIDEuNjQwNjIgMi45NTMxMkgxMi4zNTk0QzEyLjY2MDkgMi45NTMxMiAxMi45MDYyIDMuMTk4NDUgMTIuOTA2MiAzLjVWNC4yMTA5NFoiIGZpbGw9IiM4RkJDNjIiLz4KPHBhdGggZD0iTTkuMDc4MTIgNi42NzE4OEgxLjg1OTM4VjcuNzY1NjJIOS4wNzgxMlY2LjY3MTg4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .create-before: before { width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik03LjY5OTMzIDcuMTA4MUM3LjQ5MjU1IDYuOTAwNDQgNy4xNTY2NCA2Ljg5OTU2IDYuOTQ4OCA3LjEwNjE2TDAuMTU2MzggMTMuODYzMkMtMC4wNTE0NTA5IDE0LjA3IC0wLjA1MjE1NCAxNC40MDU5IDAuMTU0NDQ3IDE0LjYxMzdDMC4yNTgwOTkgMTQuNzE3OSAwLjM5NDI5OSAxNC43NzAxIDAuNTMwNjc2IDE0Ljc3MDFDMC42NjU5OTggMTQuNzcwMSAwLjgwMTQ5NSAxNC43MTg2IDAuOTA0OTcxIDE0LjYxNTdMNy42OTc0IDcuODU4NjJDNy45MDUyMyA3LjY1MTg0IDcuOTA1OTMgNy4zMTU5MyA3LjY5OTMzIDcuMTA4MVoiIGZpbGw9IiM4RkJDNjIiLz4KPHBhdGggZD0iTTEyLjIyMDUgNy40NzM0TDEwLjUxOCA1LjgxNjg3TDExLjQ1NDMgMy42MjIyNUMxMS41NDI5IDMuNDE0MjUgMTEuNDkgMy4xNzI3OCAxMS4zMjI1IDMuMDIwODVDMTEuMTU1IDIuODY4NzEgMTAuOTA5OCAyLjgzOTcxIDEwLjcxMSAyLjk0ODY5TDguNjUyNCA0LjA3NzA2TDYuODk4MDUgMi41MDU3OEM2LjcyOTQ4IDIuMzU0NzMgNi40ODM5NyAyLjMyNzMxIDYuMjg2MTkgMi40MzczMkM2LjA4ODQxIDIuNTQ3MzMgNS45ODIxMiAyLjc3MDM5IDYuMDIxNTggMi45OTMyOEw2LjQzNjAyIDUuMzQxOEw0LjQxMTkgNi41Njg2OUM0LjIxOTI4IDYuNjg1NDQgNC4xMjEyOCA2LjkxMDk2IDQuMTY3NjMgNy4xMzE1NEM0LjIxMzggNy4zNTE5NCA0LjM5NDM4IDcuNTE5MSA0LjYxNzYyIDcuNTQ4NDZMNi45Mzg3MiA3Ljg1Mzk0TDcuNDU5MTIgMTAuMTgwNUM3LjUwODY2IDEwLjQwMTggNy42OTMzMiAxMC41NjcyIDcuOTE4NjcgMTAuNTkyMUM3LjkzODMgMTAuNTk0NCA3Ljk1NzkyIDEwLjU5NTUgNy45NzcyIDEwLjU5NTVDOC4xODA2MSAxMC41OTU1IDguMzY4ODEgMTAuNDc4NCA4LjQ1NjczIDEwLjI5MTNMOS40NjQ2MyA4LjE1MzIzTDExLjc5ODYgOC4zODE5NUMxMi4wMjMxIDguNDA0NiAxMi4yMzY4IDguMjgxODUgMTIuMzMxOCA4LjA3NzM1QzEyLjQyNjggNy44NzI4IDEyLjM4MjIgNy42MzA2NCAxMi4yMjA1IDcuNDczNFpNOS4xOTYzIDcuMDYwMTdDOC45NzMwNiA3LjAzODk2IDguNzYwMSA3LjE1OTIyIDguNjY0NDEgNy4zNjIxTDguMTU2OTQgOC40Mzg2NEw3Ljg5MzU2IDcuMjYwNDFDNy44NDQ5MyA3LjA0MzAzIDcuNjY1NzIgNi44NzkyMyA3LjQ0NDc5IDYuODUwMDNMNi4yNTM4MiA2LjY5MzMyTDcuMjk2OTMgNi4wNjA5NUM3LjQ4NDI1IDUuOTQ3MzkgNy41ODI0MyA1LjczMDUxIDcuNTQ0NCA1LjUxNDkxTDcuMzMzNTUgNC4zMjAyMkw4LjIyNDM1IDUuMTE4MTVDOC4zOTIwNCA1LjI2ODE1IDguNjM1NzkgNS4yOTY0NSA4LjgzMzU1IDUuMTg4Mkw5Ljg3NjQ4IDQuNjE2NUw5LjM5OTI0IDUuNzM1MTRDOS4zMTMyOCA1LjkzNjk2IDkuMzYwMTYgNi4xNzA4MSA5LjUxNzM5IDYuMzIzODNMMTAuMzk1MSA3LjE3NzgzTDkuMTk2MyA3LjA2MDE3WiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBkPSJNMTEuNTg2MSAxMC43MDk2TDEwLjY4NCA5LjM0NzU1QzEwLjUyMjIgOS4xMDMxIDEwLjE5MzIgOS4wMzU4OSA5Ljk0ODcxIDkuMTk4MDhDOS43MDQyNiA5LjM1OTk0IDkuNjM3NCA5LjY4OTEyIDkuNzk5MjQgOS45MzM0TDEwLjcwMTMgMTEuMjk1NEMxMC44MDM0IDExLjQ0OTcgMTAuOTcyMiAxMS41MzMyIDExLjE0NDMgMTEuNTMzMkMxMS4yNDQ3IDExLjUzMzIgMTEuMzQ2NiAxMS41MDQ1IDExLjQzNjcgMTEuNDQ0OUMxMS42ODExIDExLjI4MyAxMS43NDggMTAuOTUzOSAxMS41ODYxIDEwLjcwOTZaIiBmaWxsPSIjOEZCQzYyIi8+CjxwYXRoIGQ9Ik05LjAyMDg5IDAuMjI5OThDOC43Mjc3NyAwLjIyOTk4IDguNDkwMjMgMC40Njc1NDggOC40OTAyMyAwLjc2MDYzM1YyLjM1MjYyQzguNDkwMjMgMi42NDU3MyA4LjcyNzggMi44ODMyNyA5LjAyMDg5IDIuODgzMjdDOS4zMTM5NyAyLjg4MzI3IDkuNTUxNTQgMi42NDU3IDkuNTUxNTQgMi4zNTI2MlYwLjc2MDYzM0M5LjU1MTU3IDAuNDY3NTQ4IDkuMzE0IDAuMjI5OTggOS4wMjA4OSAwLjIyOTk4WiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBkPSJNMTQuOTgzNCA0LjY3ODY3QzE0LjkxMDQgNC4zOTUxMyAxNC42MjA2IDQuMjI0MjUgMTQuMzM3MSA0LjI5NzY2TDEyLjIxNDQgNC44NDYwMUMxMS45MzA3IDQuOTE5MjUgMTEuNzYgNS4yMDg3OSAxMS44MzM0IDUuNDkyNTNDMTEuODk1IDUuNzMxODYgMTIuMTEwNiA1Ljg5MDUzIDEyLjM0NjcgNS44OTA1M0MxMi4zOTA2IDUuODkwNTMgMTIuNDM1NCA1Ljg4NTA1IDEyLjQ3OTggNS44NzM1NEwxNC42MDI0IDUuMzI1MTlDMTQuODg2MSA1LjI1MTk4IDE1LjA1NjggNC45NjI0MSAxNC45ODM0IDQuNjc4NjdaIiBmaWxsPSIjOEZCQzYyIi8+CjxwYXRoIGQ9Ik00LjYxNzA1IDQuMDkzMjlMMy4wNDI3NSAzLjgyNzk0QzIuNzUzNTQgMy43ODAwMSAyLjQ3OTkxIDMuOTc0MjIgMi40MzEyNyA0LjI2MzA5QzIuMzgyNjQgNC41NTIxMyAyLjU3NzM4IDQuODI1OTQgMi44NjY0MiA0Ljg3NDU3TDQuNDQwNzEgNS4xMzk5MUM0LjQ3MDU5IDUuMTQ0ODcgNC41MDAxNSA1LjE0NzM2IDQuNTI5NTEgNS4xNDczNkM0Ljc4Mzg2IDUuMTQ3MzYgNS4wMDg1MSA0Ljk2MzkzIDUuMDUyMjIgNC43MDQ4QzUuMTAwODIgNC40MTU3NiA0LjkwNjA2IDQuMTQxOTUgNC42MTcwNSA0LjA5MzI5WiIgZmlsbD0iIzhGQkM2MiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); } .coffee-before: before { width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDAxMjMgNy4wMDE2MkMxLjAxODM3IDcuMjkwMDMgMS4yMDk2OCA3LjUzMjc1IDEuNDg2NjcgNy42MTU1Nkw2LjYxNTE0IDkuMTY2MDlMNi44MDM2MSAxMi43MDEyQzYuODEyMTcgMTIuODQxMSA2LjkwNjQgMTIuOTYzOSA3LjA0MDYxIDEzLjAwOTZDNy4wNzc3MyAxMy4wMjM5IDcuMTE3NzEgMTMuMDI5NiA3LjE1NDgzIDEzLjAyOTZDNy4yNTQ3OCAxMy4wMjk2IDcuMzQ5MDEgMTIuOTg5NiA3LjQxNzU0IDEyLjkxMjVMOS4yMzA3OCAxMC45MDUxTDExLjgwMDcgMTIuNjg0MUMxMS45MTUgMTIuNzY0IDEyLjA0OTIgMTIuODA2OSAxMi4xODkxIDEyLjgwNjlDMTIuNTExNyAxMi44MDY5IDEyLjc5MTYgMTIuNTc4NCAxMi44NjAxIDEyLjI1ODZMMTQuOTkzMiAxLjM4NzcxQzE1LjAxODkgMS4yNjIwNyAxNC45NzAzIDEuMTMwNzIgMTQuODczMiAxLjA1MDc2QzE0Ljc3MzMgMC45Njc5NTIgMTQuNjM5MSAwLjk0Nzk2NCAxNC41MTkyIDAuOTk2NTA3TDEuNDEyNDIgNi4zMzA1OEMxLjE0Njg2IDYuNDUwNTEgMC45ODQwOTkgNi43MTMyMiAxLjAwMTIzIDcuMDAxNjJaTTcuNDU0NjYgMTEuODI0Nkw3LjMzNzU4IDkuNTk0NDJMOC42NTExMSAxMC41MDI1TDcuNDU0NjYgMTEuODI0NlpNMTIuMTc3NyAxMi4wOTU4TDcuNTAwMzUgOC44NTc3TDE0LjA1OTQgMi41MTI3OEwxMi4xNzc3IDEyLjA5NThaTTEzLjMzOTggMi4yMzI5NEw2Ljg1NTAxIDguNTA2NDdMMS43MzIyNCA2Ljk1ODc5TDEzLjMzOTggMi4yMzI5NFoiIGZpbGw9IiM4RkJDNjIiIHN0cm9rZT0iIzhGQkM2MiIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+Cg==); } .mobile-nav { display: none; } @-webkit-keyframes fadeMenu { 100% { opacity: 1; } }@keyframes fadeMenu { 100% { opacity: 1; } }.mobile-menu { display: none; } @media all and (max-width:1279px) { .menu__list-item.icon-stock .menu__list-link { padding-left: 30px; } .desktop-menu .container { padding: 0 !important; } .desktop-menu__main { padding-left: 8px; } } @media all and (max-width:1023px) { .title-search { display: none; } .tablet-search { display: block; position: absolute; top: 49px; right: 130px; } .main-search { width: auto; margin-left: auto; margin-right: 8px; } .topline__callback { margin-left: 7px; } .topline__callback-text { display: none; } .topline__menu { max-width: none; } .main-logo__text { font-size: 10px; } .main-logo img { margin-right: 19px; } .menu__button { width: 96px; margin-right: 18px; } .menu__button-burger { margin-right: 7px; } .menu__button-title span { display: none; } .menu__list { margin-left: 10px; width: calc(100% - 106px); } .desktop-menu { top: 95px; } .desktop-menu__submenu { display: none; } .desktop-menu__main { border-radius: 0 0 30px 30px; } .desktop-menu__wrapper:after { content: ''; position: absolute; width: 100%; height: 20px; background-color: #fff; left: 0; top: 8px; } .menu ul.menu__list { width: 100%; } .desktop-menu__main:after { display: none; } .icon-user .icon-text, .icon-favorites .icon-text, .icon-basket .icon-text{ display: none; } .icon-user, .icon-favorites, .icon-basket{ margin-right: 0; } .main-conrols{ top: 0; } #title-search.open-tablet{ width: calc(100% - 446px); } .main-search{ margin-right: -280px; } .menu{ padding-bottom: 22px; } .icon-count{ right: -3px; } .icon-basket .icon-count{ right: -2px; } } @media all and (max-width:767px) { .header-scroll.fixed .main-logo__text { display: none; } .header-scroll.fixed .header__mid { padding: 13px 0; } .topline { height: 34px; } .topline__menu { /* display: none; */ } .topline__cb { margin-left: auto; } .menu { display: none; } .mobile-nav { display: inline-block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 7px; } .mobile-nav .menu__button { width: 25px; height: 25px; background-color: transparent; border: none; } .mobile-nav .menu__button.active .menu__button-burger span { width: 100%; margin: 0; } .mobile-nav .menu__button.active .menu__button-burger span:before { content: none; } .mobile-nav .menu__button.active .menu__button-burger span:nth-child(1), .mobile-nav .menu__button.active .menu__button-burger span:nth-child(2) { top: 8px; } .mobile-nav .menu__button-burger { margin: 0; height: 20px; } .mobile-nav .menu__button-burger span { background-color: #2c2e3f; } .mobile-nav .menu__button-burger span:nth-child(2):before, .mobile-nav .menu__button-burger span:nth-child(3):before { content: ''; width: 3px; height: 3px; background-color: #2c2e3f; left: -5px; position: absolute; top: 0; border-radius: 5px; } .mobile-nav .menu__button-burger span:nth-child(2) { width: 70%; margin-left: 30%; top: 8px; } .mobile-nav .menu__button-burger span:nth-child(3) { margin-left: 30%; width: 50%; top: 16px; } .main-logo__text { position: absolute; font-size: 12px; color: #000; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -24px; white-space: nowrap; } .main-logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: auto; position: relative; } .main-logo img { max-width: 75px; margin-right: 0; } .main-search { margin-left: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 29px; } .right-col { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .icon-basket__text { display: none; } .header__mid { padding: 12px 0; padding-bottom: 22px; } .icon-user { margin-right: 37px; } .icon-user .icon-link { width: 29px; } .icon-favorites { margin-right: 5px; } .icon-favorites .icon-link { width: 29px; } .icon-basket .icon-link { margin-right: 0; width: 29px; } .noscroll { overflow: hidden !important; } .mobile-menu { top: 109px; position: fixed; height: calc(100% - 109px); z-index: 20; background-color: #fff; width: 100%; min-height: 0 !important; } .mobile-menu.open { display: block; } .mobile-menu__scroll { height: 100%; overflow: auto; } .mobile-menu__wrapper { height: auto; padding: 5px 10px 15px; } .mobile-menu__list { list-style-type: none; padding: 0; margin: 0; } .mobile-menu__item { height: 47px; line-height: 47px; border-bottom: 1px solid #ececee; padding-left: 33px; } .mobile-menu__item.show-submenu { position: relative; } .mobile-menu__item.show-submenu:after { content: ''; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4yMDEzNjQgMC4yMDEzNjRDMC40Njk4NSAtMC4wNjcxMjE0IDAuOTA1MTUxIC0wLjA2NzEyMTQgMS4xNzM2NCAwLjIwMTM2NEw1Ljk4NjE0IDUuMDEzODZDNi4yNTQ2MiA1LjI4MjM1IDYuMjU0NjIgNS43MTc2NSA1Ljk4NjE0IDUuOTg2MTRMMS4xNzM2NCAxMC43OTg2QzAuOTA1MTUxIDExLjA2NzEgMC40Njk4NSAxMS4wNjcxIDAuMjAxMzY0IDEwLjc5ODZDLTAuMDY3MTIxNCAxMC41MzAyIC0wLjA2NzEyMTQgMTAuMDk0OCAwLjIwMTM2NCA5LjgyNjM2TDQuNTI3NzMgNS41TDAuMjAxMzY0IDEuMTczNjRDLTAuMDY3MTIxNCAwLjkwNTE1MSAtMC4wNjcxMjE0IDAuNDY5ODUgMC4yMDEzNjQgMC4yMDEzNjRaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; width: 7px; height: 11px; right: 27px; top: 50%; margin-top: -5px; } .mobile-menu__link { text-decoration: none; color: #141517; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .icon-stock { border: none; } .icon-stock a { padding-left: 25px; } .icon-stock a:before { top: 50%; transform: translateY(-50%); } .with-icon a { padding-left: 25px; } .with-icon a:before { content: ''; width: 18px; height: 18px; background-size: cover; background-repeat: no-repeat; background-position: center; top: 50%; position: absolute; left: 0; } .mobile-menu__pos { border-bottom: 1px solid #ececee; padding-bottom: 15px; padding-top: 10px; text-align: center; } .mobile-menu__pos span { position: relative; color: #000; font-size: 14px; } .mobile-menu__pos span:before { content: ''; position: absolute; left: -15px; width: 10px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA1LjAwMDAyQzAuNTAwMSAyLjUxNDcgMi41MTQ3NCAwLjUgNSAwLjVDNy40ODUyOCAwLjUgOS41IDIuNTE0NzIgOS41IDVDOS41IDYuODE0IDguMzUyMTMgOC42OTY0MSA3LjExNTg5IDEwLjE3OTlDNi41MDc2MyAxMC45MDk4IDUuODk4MDIgMTEuNTE5NiA1LjQ0MDA5IDExLjk0N0M1LjI2MDMyIDEyLjExNDggNS4xMDQ0MyAxMi4yNTQgNC45ODE4NCAxMi4zNjA4QzQuODYyOCAxMi4yNjc2IDQuNzEzNjEgMTIuMTQ3MiA0LjU0MjU0IDEyLjAwMThDNC4wODc3IDExLjYxNTIgMy40ODE4MiAxMS4wNTQ3IDIuODc3MjMgMTAuMzU5NEMxLjY1NTgzIDguOTU0ODIgMC40OTk5MTcgNy4wNjk5OCAwLjUgNS4wMDAwMloiIHN0cm9rZT0iIzJDMkUzRiIvPgo8Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iMSIgZmlsbD0iIzJDMkUzRiIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; top: 0; } .mobile-menu__submenu, .submenu-level-2 { display: none; position: relative; z-index: 21; width: 100%; height: auto; overflow: hidden; left: 0; top: 0; background-color: #fff; } .mobile-menu__submenu.open, .submenu-level-2.open { display: block; } .mobile-menu__submenu-item, .submenu-level-2__item { display: none; } .mobile-menu__submenu-back, .submenu-level-2-back { height: 47px; line-height: 47px; padding-left: 33px; position: relative; } /*end minify*/ .mobile-menu__submenu-back:before,.submenu-level-2-back:before{content:'';position:absolute;left:10px;width:7px;height:11px; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS44MDQ3NCAwLjIwMTM2NEM1LjU0NDM5IC0wLjA2NzEyMTQgNS4xMjIyOCAtMC4wNjcxMjE0IDQuODYxOTMgMC4yMDEzNjRMMC4xOTUyNjIgNS4wMTM4NkMtMC4wNjUwODc4IDUuMjgyMzUgLTAuMDY1MDg3OCA1LjcxNzY1IDAuMTk1MjYyIDUuOTg2MTRMNC44NjE5MyAxMC43OTg2QzUuMTIyMjggMTEuMDY3MSA1LjU0NDM5IDExLjA2NzEgNS44MDQ3NCAxMC43OTg2QzYuMDY1MDkgMTAuNTMwMiA2LjA2NTA5IDEwLjA5NDggNS44MDQ3NCA5LjgyNjM2TDEuNjA5NDggNS41TDUuODA0NzQgMS4xNzM2NEM2LjA2NTA5IDAuOTA1MTUxIDYuMDY1MDkgMC40Njk4NSA1LjgwNDc0IDAuMjAxMzY0WiIgZmlsbD0iIzhGOTFBMyIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;top:50%;margin-top: -1px;transform: translateY(-50%);}.color-green{color:#8fbc62}.bold{font-weight:700}.icon-card a:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM1OTQgMS44NTkzOEgxLjY0MDYyQzAuNzM1OTg0IDEuODU5MzggMCAyLjU5NTM2IDAgMy41VjEwLjVDMCAxMS40MDQ2IDAuNzM1OTg0IDEyLjE0MDYgMS42NDA2MiAxMi4xNDA2SDEyLjM1OTRDMTMuMjY0IDEyLjE0MDYgMTQgMTEuNDA0NiAxNCAxMC41VjMuNUMxNCAyLjU5NTM2IDEzLjI2NCAxLjg1OTM4IDEyLjM1OTQgMS44NTkzOFpNMTIuOTA2MiAxMC41QzEyLjkwNjIgMTAuODAxNSAxMi42NjA5IDExLjA0NjkgMTIuMzU5NCAxMS4wNDY5SDEuNjQwNjJDMS4zMzkwOCAxMS4wNDY5IDEuMDkzNzUgMTAuODAxNSAxLjA5Mzc1IDEwLjVWNS44NTE1NkgxMi45MDYyVjEwLjVaTTEyLjkwNjIgNC4yMTA5NEgxLjA5Mzc1VjMuNUMxLjA5Mzc1IDMuMTk4NDUgMS4zMzkwOCAyLjk1MzEyIDEuNjQwNjIgMi45NTMxMkgxMi4zNTk0QzEyLjY2MDkgMi45NTMxMiAxMi45MDYyIDMuMTk4NDUgMTIuOTA2MiAzLjVWNC4yMTA5NFoiIGZpbGw9IiM4RkJDNjIiLz4KPHBhdGggZD0iTTkuMDc4MTIgNi42NzE4OEgxLjg1OTM4VjcuNzY1NjJIOS4wNzgxMlY2LjY3MTg4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); width:14px; height:14px; margin-top:-7px } li.mobile-menu__item.with-icon.with-icon:nth-child(4) a:before { background-image: url(/images/tree.svg); width: 20px; height: 34px; margin-top: -18px; left: -2px } li.mobile-menu__item.with-icon.with-icon:nth-child(4) a { color: #FF343C; } .icon-coffee a:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDAxMjMgNy4wMDE2MkMxLjAxODM3IDcuMjkwMDMgMS4yMDk2OCA3LjUzMjc1IDEuNDg2NjcgNy42MTU1Nkw2LjYxNTE0IDkuMTY2MDlMNi44MDM2MSAxMi43MDEyQzYuODEyMTcgMTIuODQxMSA2LjkwNjQgMTIuOTYzOSA3LjA0MDYxIDEzLjAwOTZDNy4wNzc3MyAxMy4wMjM5IDcuMTE3NzEgMTMuMDI5NiA3LjE1NDgzIDEzLjAyOTZDNy4yNTQ3OCAxMy4wMjk2IDcuMzQ5MDEgMTIuOTg5NiA3LjQxNzU0IDEyLjkxMjVMOS4yMzA3OCAxMC45MDUxTDExLjgwMDcgMTIuNjg0MUMxMS45MTUgMTIuNzY0IDEyLjA0OTIgMTIuODA2OSAxMi4xODkxIDEyLjgwNjlDMTIuNTExNyAxMi44MDY5IDEyLjc5MTYgMTIuNTc4NCAxMi44NjAxIDEyLjI1ODZMMTQuOTkzMiAxLjM4NzcxQzE1LjAxODkgMS4yNjIwNyAxNC45NzAzIDEuMTMwNzIgMTQuODczMiAxLjA1MDc2QzE0Ljc3MzMgMC45Njc5NTIgMTQuNjM5MSAwLjk0Nzk2NCAxNC41MTkyIDAuOTk2NTA3TDEuNDEyNDIgNi4zMzA1OEMxLjE0Njg2IDYuNDUwNTEgMC45ODQwOTkgNi43MTMyMiAxLjAwMTIzIDcuMDAxNjJaTTcuNDU0NjYgMTEuODI0Nkw3LjMzNzU4IDkuNTk0NDJMOC42NTExMSAxMC41MDI1TDcuNDU0NjYgMTEuODI0NlpNMTIuMTc3NyAxMi4wOTU4TDcuNTAwMzUgOC44NTc3TDE0LjA1OTQgMi41MTI3OEwxMi4xNzc3IDEyLjA5NThaTTEzLjMzOTggMi4yMzI5NEw2Ljg1NTAxIDguNTA2NDdMMS43MzIyNCA2Ljk1ODc5TDEzLjMzOTggMi4yMzI5NFoiIGZpbGw9IiM4RkJDNjIiIHN0cm9rZT0iIzhGQkM2MiIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9zdmc+Cg==);width:14px;height:14px;margin-top:-7px}}@media all and (max-width:479px){.main-search .icon-search{margin-top:0}} .main-search .icon-link.active-search{ background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.1111 15.2222C12.0385 15.2222 15.2222 12.0385 15.2222 8.1111C15.2222 4.18375 12.0385 1 8.1111 1C4.18375 1 1 4.18375 1 8.1111C1 12.0385 4.18375 15.2222 8.1111 15.2222Z' stroke='%238FBC62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9995 17L13.1328 13.1333' stroke='%238FBC62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .topline__switch-lang { margin-left: 7px; } .switch-lang { display: flex; align-items: center; margin-right: auto; } .switch-lang__item { font-size: 14px; margin: 0 10px; color: #141517; opacity: 0.5; transition: opacity .3s ease-in-out; cursor: pointer; } .switch-lang__item.active { opacity: 1; } .switch-lang__divider { width: 1px; height: 20px; background-color: rgba(20, 21, 23,.5); } @media (max-width: 870px) { .topline__menu-item { margin-right: 0.7vw; font-size: 11px; } .topline__menu .topline__menu-item:last-child { margin-right: 0; } } @media (max-width: 767px) { .mobile-menu__wrapper { padding: 0; border-top: 1px solid #ECECEE; } .mobile-menu.open { position: relative; top: 0; height: auto; padding-bottom: 80px; z-index: 1; } .mobile-menu__item { height: 47px; line-height: 47px; padding-left: 33px; padding-right: 40px; border-bottom: none; line-height: 1.2em; border-bottom: 1px solid #ECECEE; } .mobile-menu__item.icon-stock { height: 47px; line-height: 47px; margin-bottom: 0; } .mobile-menu__footer { padding-left: 33px; padding-right: 12px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding-top: 14px; padding-bottom: 14px; border-top: 1px solid #ececee; } .mobile-menu__footer a { font-size: 14px; line-height: 25px; color: #141517; text-decoration: none; } .mobile-menu__footer a:first-child { margin-right: 34px; } .mobile-menu__footer-phone { display: block; position: relative; padding-left: 48px; margin-bottom: 22px; } .mobile-menu__footer-phone:before { content: ''; position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: #F2F3F5; left: 0; top: 50%; margin-top: -15px; background-image: url(/bitrix/templates/empty/images/phone-grey.svg); background-position: center; background-repeat: no-repeat; background-size: 12px; } .switch-lang span { color: #908F9D; margin-right: 10px; } .switch-lang__item { padding: 5px 0; text-align: center; width: 40px; color: #000; background-color: #F2F3F5; border-radius: 5px; border: 1px solid #F2F3F5; margin: 0 10px 0 0; } .switch-lang__item.active { border-color: #8FBC62; background-color: rgba(143,188,98, .2); } } body.noscroll .comagic-widget { display: none !important; } body { font-size: 14px; } .header-new * { outline: none; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } .header-new { margin: 0; padding: 0; width: 100%; max-width: 100%; height: auto; text-align: unset; position: relative; z-index: 5; } .header-new .container { max-width: 1205px; margin: 0 auto; width: 100%; } .header-new .topline__wrapper { max-width: 100%; padding: 0; } .free-delivery { color: red !important; } .header__top .free-delivery { display: flex; align-items: center; gap: 8px; flex: 1; justify-content: center; } .header__top .free-delivery .mob { display: none; } .product__delivery-icon { background-position: 50%; background-repeat: no-repeat; background-size: contain; position: absolute; right: 15px; top: 7px } .product__delivery-icon_selfdelivery { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PG1hc2sgaWQ9ImEiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xNyA4LjVjMCA1LjcwMi00LjkxNCA5LjM4MS03LjI3IDEwLjgxN2EyLjM1IDIuMzUgMCAwIDEtMi40NiAwQzQuOTEzIDE3Ljg4MiAwIDE0LjIwMiAwIDguNWE4LjUgOC41IDAgMCAxIDE3IDAiLz48L21hc2s+PHBhdGggZmlsbD0iIzkwOEY5RCIgZD0ibTkuNzMgMTkuMzE4LjkzOCAxLjUzNnptLTIuNDYgMCAuOTM2LTEuNTM3ek0xNS4yIDguNWMwIDIuMzAyLS45ODYgNC4yNTItMi4zMyA1Ljg1LTEuMzUgMS42MDgtMi45OSAyLjc2OC00LjA3NiAzLjQzbDEuODc0IDMuMDc0YzEuMjY5LS43NzMgMy4yNjQtMi4xNyA0Ljk1OS00LjE4N0MxNy4zMjkgMTQuNjQgMTguOCAxMS45IDE4LjggOC41em0tNi45OTQgOS4yOGMtMS4wODctLjY2Mi0yLjcyNi0xLjgyMi00LjA3Ny0zLjQzQzIuNzg2IDEyLjc1MyAxLjggMTAuODAzIDEuOCA4LjVoLTMuNmMwIDMuNCAxLjQ3IDYuMTQgMy4xNzMgOC4xNjcgMS42OTUgMi4wMTYgMy42OSAzLjQxNCA0Ljk2IDQuMTg3ek0xLjggOC41YzAtMy43IDMtNi43IDYuNy02Ljd2LTMuNkMyLjgxMS0xLjgtMS44IDIuODExLTEuOCA4LjV6bTYuNy02LjdjMy43IDAgNi43IDMgNi43IDYuN2gzLjZjMC01LjY4OS00LjYxMi0xMC4zLTEwLjMtMTAuM3ptLjI5NCAxNS45OGEuNTUuNTUgMCAwIDEtLjU4OCAwbC0xLjg3NCAzLjA3NGE0LjE0IDQuMTQgMCAwIDAgNC4zMzYgMHoiIG1hc2s9InVybCgjYSkiLz48cGF0aCBzdHJva2U9IiM5MDhGOUQiIHN0cm9rZS13aWR0aD0iMS44IiBkPSJNMTAuNTI3IDcuODU3YzAgMS4xLS45MyAyLjA0MS0yLjEzNiAyLjA0MXMtMi4xMzYtLjk0LTIuMTM2LTIuMDQuOTMtMi4wNDIgMi4xMzYtMi4wNDJjMS4yMDcgMCAyLjEzNi45NCAyLjEzNiAyLjA0MVoiLz48L3N2Zz4=); height: 18px; right: 8px; width: 17px } .product__delivery-icon_courier { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjOTA4RjlEIiBzdHJva2Utd2lkdGg9IjEuNyIgZD0iTTkuNzE3IDE1LjQ3NGg1LjI5N0wxNi4xNyAyLjA4NkExIDEgMCAwIDAgMTUuMTc0IDFIMy4xNjdhMSAxIDAgMCAwLS45OTYuOTE0TDEuMDk0IDE0LjM4OGExIDEgMCAwIDAgLjk5NiAxLjA4NmgyLjU2MSIvPjxwYXRoIHN0cm9rZT0iIzkwOEY5RCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik0xNi4wNjYgMy4yMzZoMi4zNThhMSAxIDAgMCAxIC44Ni40OWwyLjIxIDMuNzIxbTAgMCAxLjkxNCAxLjIwMmE1IDUgMCAwIDEgMi4zMjIgNC42NzZsLS4xMSAxLjIzN2ExIDEgMCAwIDEtLjk5NS45MTJIMjIuNThtLTEuMDg2LTguMDI3SDE1LjY5bS0uNzEgOC4wMjdoMi41MzJNOC43NDkgMTUuNzQ5Yy0uNTA2IDEuMS0xLjYxIDEuNDc1LTIuMzY5IDEuMTI3cy0xLjE5Ni0xLjQzLS42OTEtMi41M2MuNTA1LTEuMTAyIDEuNjEtMS40NzYgMi4zNjgtMS4xMjguNzYuMzQ4IDEuMTk3IDEuNDMuNjkyIDIuNTNaTTIxLjYyIDE1Ljc1NGMtLjUwNSAxLjEwMi0xLjYxIDEuNDc2LTIuMzY5IDEuMTI4cy0xLjE5Ni0xLjQzLS42OS0yLjUzYy41MDQtMS4xMDIgMS42MDktMS40NzYgMi4zNjgtMS4xMjhzMS4xOTYgMS40MjkuNjkgMi41M1oiLz48L3N2Zz4=); height: 19px; right: 11px; top: 8px; width: 27px } .header__top .product__delivery-icon_courier { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19' fill='none'%3E%3Cpath d='M9.71738 15.4741H15.0136L16.1698 2.08604C16.2203 1.50198 15.7598 1 15.1736 1H3.1674C2.64846 1 2.21576 1.39695 2.17111 1.91396L1.09379 14.3881C1.04335 14.9722 1.50385 15.4741 2.09009 15.4741H4.65143' stroke='red' stroke-width='1.7'/%3E%3Cpath d='M16.066 3.23633H18.4245C18.7774 3.23633 19.1042 3.42234 19.2844 3.72579L21.4938 7.44699M21.4938 7.44699L23.4082 8.64874C24.9992 9.64746 25.8962 11.4537 25.7304 13.3248L25.6208 14.5618C25.5751 15.0779 25.1428 15.4736 24.6247 15.4736H22.9001H22.5794M21.4938 7.44699H15.6905M14.9805 15.4736H17.5134' stroke='red' stroke-width='1.7'/%3E%3Cpath d='M8.74858 15.7485C8.24349 16.8499 7.13903 17.2238 6.38012 16.8757C5.62121 16.5277 5.18392 15.4468 5.68901 14.3454C6.1941 13.244 7.29856 12.8701 8.05747 13.2181C8.81637 13.5662 9.25367 14.6471 8.74858 15.7485Z' stroke='red' stroke-width='1.7'/%3E%3Cpath d='M21.6197 15.7544C21.1146 16.8557 20.0101 17.2296 19.2512 16.8816C18.4923 16.5336 18.055 15.4526 18.5601 14.3513C19.0652 13.2499 20.1697 12.876 20.9286 13.224C21.6875 13.572 22.1248 14.653 21.6197 15.7544Z' stroke='red' stroke-width='1.7'/%3E%3C/svg%3E"); } @media (max-width: 1279px) { .header-new .container { padding: 0 12px; } } @media (max-width: 1023px) { .header-new .container { padding: 0 28px; } } @media (max-width: 767px) { .header-new .container { padding: 0 10px; } } #title-search { display: block !important; } @media (max-width: 1023px) { #title-search { display: none !important; } } .header-new input { border: none; font-family: "HelveticaNeueCyr", sans-serif; font-size: 12px; padding-top: 0; width: 100%; } .header-new .menu { display: block; position: relative; } .header-new .menu.over:after { content: ''; position: absolute; width: 100%; height: calc(100% + 5px); left: 0; top: -5px; background-color: #00000070; } .header-new .menu .menu__list-item { border: none; display: list-item; padding: 0; margin: 0; } .header-new .menu .menu__list-item:hover { border: none; } .header-new .search-hover__field { padding-left: 19px; } .header-new .search-hover__submit { height: 36px; width: 34px; padding-left: 6px; padding-right: 6px; } .header-new .menu .menu__list-item a { display: inline; color: #141517; font-size: 14px; } .header-new .menu .menu__list-item:hover .menu__list-link { color: #8fbc62; } .menu ul.menu__list { margin-top: 0; } .header-new .menu .icon-stock a { color: #ff343c; } .mn-product__add-to-cart input { display: none !important; } .header-new:after { display: none; } @media screen and (max-width: 992px) { .header-new .menu ul { display: flex; } } @media (max-width: 767px) { .header-new .menu { display: none; } } .header-new .icon-search { margin-top: 0; } .header-new .header__top { position: relative !important; margin: 0 !important; z-index: 10; } .icon-user.auth { position: relative; } .icon-user.auth .icon-ava { width: 26px; height: 26px; background: #8753EE; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'HelveticaNeueCyr'; font-size: 14px; font-weight: bold; color: #F9F8F7; line-height: 1; text-transform: uppercase; margin: auto; margin-bottom: 2px; } .auth-dropdown { display: block; position: absolute; width: 196px; background: #FFFFFF; border: 1px solid #ECECEE; box-shadow: 0px -5px 20px rgba(198, 206, 215, 0.5); border-radius: 5px; top: 42px; left: -9px; font-family: 'HelveticaNeueCyr'; top: -9999px; opacity: 0; transform: translateY(10px); transition: top 0s .2s ease, transform .2s ease, opacity .2s ease; } .auth-dropdown:before { content: ""; position: absolute; width: 18px; height: 18px; border-top-right-radius: 50%; transform: rotate(-60deg) skewX(-30deg) scale(1,.866); background: #FFFFFF; border: 1px solid #ECECEE; top: -11px; left: 22px; border-left-color: transparent; border-bottom-color: transparent; } .auth-dropdown:after { content: ""; position: absolute; width: 100%; height: 22px; background: transparent; top: -17px; left: 0; } .icon-user.auth:hover .auth-dropdown { display: block; transition: top 0s ease, transform .2s ease, opacity .2s ease; transform: none; opacity: 1; top: 42px; /* display: block; */ z-index: 22; } .auth-dropdown-body { padding: 30px 36px 0 27px; border-bottom: 1px solid #ECECEE; } .auth-dropdown-title { text-align: left; font-weight: bold; font-size: 18px; line-height: 1.24; color: #6C6D79; margin-bottom: 12px; } .auth-dropdown-title span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 120px; display: inline-block; vertical-align: bottom; } .auth-dropdown-links { margin-bottom: 14px; } .icon-user.auth .auth-dropdown-links a, .icon-user.auth .auth-dropdown-footer a { background: none; color: #6C6D79; font-size: 14px; line-height: 1.6; width: 100%; height: auto; text-align: left; display: block; } .icon-user.auth .auth-dropdown-links a:hover, .icon-user.auth .auth-dropdown-footer a:hover { color: #8753EE; } .auth-dropdown-footer { padding: 11px 36px 11px 27px; } .breadcrabs { padding-top: 25px; } .article-previews-page .top-title { padding-top: 25px; } .brands { margin-top: 25px; } @media screen and (max-width: 992px) { .icon-user.auth:hover .auth-dropdown { display: none; } } img.b-lazy { opacity: 0; } img.b-lazy.b-loaded { opacity: 1; } .header-new .selected-menu { border: none; padding: 0; } /*полоска добавлен товар*/ .add_to_basket_spec { position: fixed; z-index: 12; width: 100%; top: 0; left: 0; background-color: #fff; -webkit-box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.2); } .atb-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 105px; max-width: 1205px; margin: auto; } .atb-basket { max-width: 200px; padding-left: 53px; position: relative; font-size: 18px; font-weight: bold; margin-right: 110px; } .atb-basket:before { content: ''; position: absolute; left: 0; top: 4px; width: 29px; height: 32px; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljg5NjA5IDEuMDAxMTdDNS4xNzYyOCAwLjYyNzU4MiA1LjYxNjAxIDAuNDA3NzE1IDYuMDgzIDAuNDA3NzE1SDIzLjg4NjdDMjQuMzUzNyAwLjQwNzcxNSAyNC43OTM0IDAuNjI3NTgyIDI1LjA3MzYgMS4wMDExN0wyOS41MjQ1IDYuOTM1NzNDMjkuNzE3MSA3LjE5MjU1IDI5LjgyMTMgNy41MDQ5IDI5LjgyMTMgNy44MjU5MlYyOC41OTY5QzI5LjgyMTMgMzEuMDU1MSAyNy44Mjg1IDMzLjA0NzggMjUuMzcwMyAzMy4wNDc4SDQuNTk5MzZDMi4xNDExOCAzMy4wNDc4IDAuMTQ4NDM4IDMxLjA1NTEgMC4xNDg0MzggMjguNTk2OVY3LjgyNTkyQzAuMTQ4NDM4IDcuNTA0OSAwLjI1MjU1NiA3LjE5MjU1IDAuNDQ1MTY2IDYuOTM1NzNMNC44OTYwOSAxLjAwMTE3Wk02LjgyNDgyIDMuMzc1TDMuMTE1NzIgOC4zMjA0NlYyOC41OTY5QzMuMTE1NzIgMjkuNDE2MyAzLjc3OTk3IDMwLjA4MDUgNC41OTkzNiAzMC4wODA1SDI1LjM3MDNDMjYuMTg5NyAzMC4wODA1IDI2Ljg1NCAyOS40MTYzIDI2Ljg1NCAyOC41OTY5VjguMzIwNDZMMjMuMTQ0OSAzLjM3NUg2LjgyNDgyWiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMTQ4NDM4IDcuODI1OTNDMC4xNDg0MzggNy4wMDY1MyAwLjgxMjY4NiA2LjM0MjI5IDEuNjMyMDggNi4zNDIyOUgyOC4zMzc2QzI5LjE1NyA2LjM0MjI5IDI5LjgyMTMgNy4wMDY1MyAyOS44MjEzIDcuODI1OTNDMjkuODIxMyA4LjY0NTMyIDI5LjE1NyA5LjMwOTU3IDI4LjMzNzYgOS4zMDk1N0gxLjYzMjA4QzAuODEyNjg2IDkuMzA5NTcgMC4xNDg0MzggOC42NDUzMiAwLjE0ODQzOCA3LjgyNTkzWiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMDUwMDUgMTIuMjc3M0M5Ljg2OTQ0IDEyLjI3NzMgMTAuNTMzNyAxMi45NDE2IDEwLjUzMzcgMTMuNzYxQzEwLjUzMzcgMTYuMjE5MiAxMi41MjY0IDE4LjIxMTkgMTQuOTg0NiAxOC4yMTE5QzE3LjQ0MjggMTguMjExOSAxOS40MzU1IDE2LjIxOTIgMTkuNDM1NSAxMy43NjFDMTkuNDM1NSAxMi45NDE2IDIwLjA5OTggMTIuMjc3MyAyMC45MTkyIDEyLjI3NzNDMjEuNzM4NiAxMi4yNzczIDIyLjQwMjggMTIuOTQxNiAyMi40MDI4IDEzLjc2MUMyMi40MDI4IDE3Ljg1NzkgMTkuMDgxNiAyMS4xNzkyIDE0Ljk4NDYgMjEuMTc5MkMxMC44ODc2IDIxLjE3OTIgNy41NjY0MSAxNy44NTc5IDcuNTY2NDEgMTMuNzYxQzcuNTY2NDEgMTIuOTQxNiA4LjIzMDY1IDEyLjI3NzMgOS4wNTAwNSAxMi4yNzczWiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .atb-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .atb-wrap > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .atb-wrap img { max-width: 89px; margin-right: 22px; max-height: 80%; } .add_to_basket_spec_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .add_to_basket_spec_text > span { display: none; } .add_to_basket_spec_link { color: #000; font-size: 12px; max-width: 157px; overflow: hidden; max-height: 30px; line-height: 15px; position: relative; margin-right: 5px; } .add_to_basket_spec_link:after { content: ''; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); position: absolute; bottom: 0; height: 15px; width: 50px; right: 0px; } .add_to_basket_spec_arrow { display: none; } .atb-btn { background-color: #8FBC62; text-decoration: none; border: none; border-radius: 5px; padding: 0 25px; color: #fff; text-align: center; font-size: 16px; margin-right: 35px; margin-left: auto; height: 40px; line-height: 40px; } .atb-close { width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjAuNSIgeTE9Ii0wLjUiIHgyPSIyNy4xNDg5IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjkwNDc1IC0wLjcyMzM1NiAwLjY5MDQ3NSAtMC43MjMzNTYgMjAgMjAuNSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMC41IiB5MT0iLTAuNSIgeDI9IjI3LjE0ODkiIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC42OTA0NzUgMC43MjMzNTYgLTAuNjkwNDc1IC0wLjcyMzM1NiAxOS4wOTM4IDAuNSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: cover; cursor: pointer; } .atb-price { color: #141517; font-weight: bold; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .atb-price > .rub_ { padding-left: 3px; } .atb-oldprice { font-size: 12px; font-weight: normal; color: #6C6D79; text-decoration: line-through; margin-left: 5px; } .b-form__row__error { color: #c71f1f; margin-top: -10px; margin-bottom: 10px; } /* прелоудер */ @-webkit-keyframes bounce { 0% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes bounce { 0% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(0); transform: scale(0); } } .loader-wrap { display: flex; justify-content: center; width: 100%; } .loader-t > div { display: -webkit-inline-box; display: inline-flex; width: 20px; height: 20px; border-radius: 100%; background: #8fbc62; -webkit-animation: bounce 1.48s ease-in-out infinite both; animation: bounce 1.48s ease-in-out infinite both; margin: 0 auto; } .loader-t > div:nth-child(1) { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-t > div:nth-child(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader-wrap-catalog { margin-top: -20px; margin-bottom: 40px; } @media all and (max-width: 1279px) { .atb-desktop { padding: 0 15px; } .atb-basket { margin-right: 10px; } } @media all and (max-width: 1023px) { .atb-basket { display: none; } .add_to_basket_spec_text > span { display: block; width: 100%; font-weight: bold; margin-bottom: 5px; } .add_to_basket_spec_text { -ms-flex-wrap: wrap; flex-wrap: wrap; } .atb-btn { font-size: 12px; } .h-mob { display: none !important; } .header-new .menu.over:after { display: none; } } @media all and (max-width: 767px) { .atb-desktop { display: block; height: auto; padding: 0; height: 100%; } .atb-btn, .atb-close, .atb-price { display: none; } .add_to_basket_spec img { max-width: 36px; max-height: 36px; margin-right: 5px; } .add_to_basket_spec { width: 100%; z-index: 100; background: #fff; border-top: 1px solid #DCD7D1; border-bottom: 1px solid #DCD7D1; height: 54px; } .atb-wrap { height: 100%; width: 100%; position: relative; padding: 4px 10px; } .add_to_basket_spec_text { color: #000; font-size: 14px; display: block; } .add_to_basket_spec_text > span { width: auto; margin: 0; margin-bottom: 3px; } .add_to_basket_spec_link { display: block; font-size: 10px; color: #141517; text-decoration: none; max-width: 200px; overflow: hidden; position: relative; height: auto; line-height: normal; white-space: nowrap; } .add_to_basket_spec_text a:after { content: ''; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); position: absolute; top: 0; height: 100%; width: 25px; right: 0px; } .add_to_basket_spec_arrow { text-decoration: none; width: 44px; height: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS4yNUMwLjU4NTc4NiA1LjI1IDAuMjUgNS41ODU3OSAwLjI1IDZDMC4yNSA2LjQxNDIxIDAuNTg1Nzg2IDYuNzUgMSA2Ljc1VjUuMjVaTTExLjUzMDMgNi41MzAzM0MxMS44MjMyIDYuMjM3NDQgMTEuODIzMiA1Ljc2MjU2IDExLjUzMDMgNS40Njk2N0w2Ljc1NzM2IDAuNjk2Njk5QzYuNDY0NDcgMC40MDM4MDYgNS45ODk1OSAwLjQwMzgwNiA1LjY5NjcgMC42OTY2OTlDNS40MDM4MSAwLjk4OTU5MyA1LjQwMzgxIDEuNDY0NDcgNS42OTY3IDEuNzU3MzZMOS45MzkzNCA2TDUuNjk2NyAxMC4yNDI2QzUuNDAzODEgMTAuNTM1NSA1LjQwMzgxIDExLjAxMDQgNS42OTY3IDExLjMwMzNDNS45ODk1OSAxMS41OTYyIDYuNDY0NDcgMTEuNTk2MiA2Ljc1NzM2IDExLjMwMzNMMTEuNTMwMyA2LjUzMDMzWk0xIDYuNzVIMTFWNS4yNUgxVjYuNzVaIiBmaWxsPSIjNkM2RDc5Ii8+Cjwvc3ZnPgo=); background-size: 12px; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; right: 0; display: block; } .atb-wrap > a { margin-right: 7px; } .main-logo__text { display: none; } .mobile-menu__submenu-item.bakaleya .mobile-menu__item { height: auto; line-height: 1.2; } .mobile-menu__submenu-item.bakaleya .mobile-menu__link { line-height: 1.2; padding-top: 15px; padding-bottom: 15px; height: auto } } /*mobile menu new animation*/ .mobile-menu__submenu-back { margin-bottom: 46px; } .submenu-level-2 { z-index: 22; } .submenu-level-2 .mobile-menu__submenu-back { margin-bottom: 0; } .mobile-menu__item.submenu-title { position: absolute; width: 100%; left: 0; top: 47px; z-index: 22; list-style-type: none; background-color: #fff; -webkit-transition: background-color .15s linear, transform .25s ease-out; -o-transition: background-color .15s linear, transform .25s ease-out; transition: background-color .15s linear, transform .25s ease-out; } .mobile-menu__item.submenu-title-2-level { top: 94px; z-index: 23; } .mobile-menu__item.show-submenu-arrow:before { content:''; position:absolute; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4yMDEzNjQgMC4yMDEzNjRDMC40Njk4NSAtMC4wNjcxMjE0IDAuOTA1MTUxIC0wLjA2NzEyMTQgMS4xNzM2NCAwLjIwMTM2NEw1Ljk4NjE0IDUuMDEzODZDNi4yNTQ2MiA1LjI4MjM1IDYuMjU0NjIgNS43MTc2NSA1Ljk4NjE0IDUuOTg2MTRMMS4xNzM2NCAxMC43OTg2QzAuOTA1MTUxIDExLjA2NzEgMC40Njk4NSAxMS4wNjcxIDAuMjAxMzY0IDEwLjc5ODZDLTAuMDY3MTIxNCAxMC41MzAyIC0wLjA2NzEyMTQgMTAuMDk0OCAwLjIwMTM2NCA5LjgyNjM2TDQuNTI3NzMgNS41TDAuMjAxMzY0IDEuMTczNjRDLTAuMDY3MTIxNCAwLjkwNTE1MSAtMC4wNjcxMjE0IDAuNDY5ODUgMC4yMDEzNjQgMC4yMDEzNjRaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat:no-repeat; background-size:cover; width:7px; height:11px; right:27px; top:50%; margin-top:-5px; opacity: 1; -webkit-transition: opacity .4s .1s linear; -o-transition: opacity .4s .1s linear; transition: opacity .4s .1s linear; } .mobile-menu__item.submenu-title-op { /*background-color: rgba(143, 188, 98, .3);*/ background-color: #ddebd0; -webkit-transition: background-color .25s .1s linear, transform .25s ease-out; -o-transition: background-color .25s .1s linear, transform .25s ease-out; transition: background-color .25s .1s linear, transform .25s ease-out; } .mobile-menu__item.submenu-title-op:after { content: ''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; pointer-events: none; user-select: none; background-color: rgba(0,0,0,.1); -webkit-animation: submenuHover .2s ease-out forwards; animation: submenuHover .2s ease-out forwards; } .submenu-title-animate { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mobile-menu__submenu-item.open,.submenu-level-2__item.open { display: block; } .mobile-menu__submenu-item .mobile-menu__list, .submenu-level-2__item .mobile-menu__list { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .5s .2s linear; -o-transition: all .5s .2s linear; transition: all .5s .2s linear; } .mobile-menu__submenu-item.open.show .mobile-menu__list, .submenu-level-2__item.open.show .mobile-menu__list { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .mobile-menu__list { transition: opacity .35s .1s linear; } .mobile-menu__list.hide_anim { opacity: 0; } .submenu-level-2-back { margin-bottom: 47px; } @-webkit-keyframes submenuHover { 0% { width: 0; } 90% { width: 100%; } 100% { opacity: 0; } } @keyframes submenuHover { 0% { width: 0; } 90% { width: 100%; } 100% { opacity: 0; } } /*закреп меню снизу и новая шапка*/ .mobile-bot { display: none; } .mobile-topline { display: none; } @media all and (max-width: 767px) { .uxs-mobile-wrapper { bottom: 50% !important; left: auto !important; right: -37px !important; margin-bottom: 50px; display: none; } .uxs-mobile-wrapper img { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } /* .mobile-bot { position: fixed; z-index: 30; height: 70px; bottom: 0; width: 100%; left: 0; background-color: #fff; -webkit-box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05); display: block; } .mobile-bot__wrapper { position: relative; width: 100%; height: 100%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-bot__item { white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #141517; font-size: 10px; position: relative; } .mobile-bot__icon { display: block; background-size: cover; margin-bottom: 8px; position: relative; } .mobile-bot__icon--1 { background-image: url(/bitrix/templates/empty/images/new-card/mb1.svg); width: 20px; height: 20px; } .mobile-bot__icon--2 { background-image: url(/bitrix/templates/empty/images/new-card/mb2.svg); width: 22px; height: 19px; margin-bottom: 9px; } .mobile-bot__icon--3 { background-image: url(/bitrix/templates/empty/images/new-card/mb3.svg); width: 16px; height: 18px; margin-bottom: 10px; } .mobile-bot__icon--4 { background-image: url(/bitrix/templates/empty/images/new-card/mb4.svg); width: 22px; height: 20px; } .mobile-bot__icon--5 { background-image: url(/bitrix/templates/empty/images/new-card/mb5.svg); width: 16px; height: 18px; margin-bottom: 10px; } .mobile-bot__item.active .mobile-bot__icon--1 { background-image: url(/bitrix/templates/empty/images/new-card/mba1.svg); } .mobile-bot__item.active .mobile-bot__icon--2 { background-image: url(/bitrix/templates/empty/images/new-card/mba2.svg); } .mobile-bot__item.active .mobile-bot__icon--3, .mobile-bot.cart-active .mobile-bot__icon--3{ background-image: url(/bitrix/templates/empty/images/new-card/mba3.svg); } .mobile-bot__item.active .mobile-bot__icon--4, .mobile-bot.wish-active .mobile-bot__icon--4 { background-image: url(/bitrix/templates/empty/images/new-card/mba4.svg); } .mobile-bot__icon--5.active, .personal-active .personal-icon { background-image: url(/bitrix/templates/empty/images/new-card/mba5.svg) !important; } .mobile-bot__item.active .mobile-bot__title { color: #559B0E; } .mobile-bot.cart-active .mobile-bot__title--3 { color: #559B0E; } .mobile-bot.wish-active .mobile-bot__title--4 { color: #559B0E; } .mobile-bot.personal-active .mobile-bot__title--5 { color: #559B0E; } .mobile-bot .icon-count { position: absolute; color: #fff; font-size: 9px; font-weight: 700; top: -5px; right: -6px; width: 16px; height: 16px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-bot .icon-count:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 13px; height: 13px; background-color: #8fbc62; border-radius: 50%; } .mobile-bot .icon-count span { position: relative; z-index: 1; }*/ .header-cropped { box-shadow: none; position: relative; z-index: 22; } .header-cropped .header__mid { padding: 0; height: 55px; } .header-cropped .mobile-nav, .header-cropped .right-col, .header-cropped .tablet-search { display: none !important; } .header-cropped #title-search { display: block !important; box-shadow: none; } .header-cropped .title-search { top: 0; } .header-cropped .main-logo { position: absolute; z-index: 2; left: 25px; /*top: 50%; margin-top: -9px;*/ height: 33px; top: 10px; } .header-new .main-search .search-hover { height: 35px; } .header-cropped .main-search .search-hover__submit { left: auto; right: 15px; height: 35px; top: 0; } .header-cropped .main-search .search-hover__field { padding-left: 42%; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .header-cropped .search-hover__field::placeholder { color: rgba(0,0,0,.3); } .header-cropped .title-search.ready .search-hover__field { padding-left: 37px; } .header-cropped .title-search.start .search-hover__submit { right: auto; left: 6px; } .header-cropped .clear-search { top: 0; height: 35px; } .header-cropped .multisearch-root.active { top: 45px; height: calc(100vh - 55px); } .header-cropped .main-logo img { max-width: 62px; } body .b24-widget-button-visible { right: 10px !important; bottom: 78px !important; } .loader-wrap { margin-top: 10px; } .loader-wrap-catalog { margin-top: 0; margin-bottom: 0; padding-bottom: 20px; } .loader-t > div { width: 10px; height: 10px; } /* обновление шапки от 18.11.20 */ .header-scroll { height: 41px; position: relative; } .menu__button { display: none; } .header__mid-wrapper { display: block; } .main-search { position: relative; } .header-cropped .main-logo { display: none !important; } .mobile-topline { padding: 0 6px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; width: 100%; } .mobile-topline__geo { padding: 13px; margin-left: 1px; } .mobile-topline__geo-icon { width: 15px; height: 17px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU1MTYgNy4yMjVDMTQuNTUxNiAxMC4xMTEgMTIuOTE2OCAxMi4zNjg4IDExLjE4MzcgMTMuOTQ4OUMxMC4zMjM1IDE0LjczMzIgOS40NjAyNyAxNS4zMzAyIDguODExMzUgMTUuNzMxQzguNTExNjcgMTUuOTE2MSA4LjI1OTQxIDE2LjA1ODMgOC4wNzY1NiAxNi4xNTY5QzcuODkzNzIgMTYuMDU4MyA3LjY0MTQ1IDE1LjkxNjEgNy4zNDE3OCAxNS43MzFDNi42OTI4NSAxNS4zMzAyIDUuODI5NjIgMTQuNzMzMiA0Ljk2OTM4IDEzLjk0ODlDMy4yMzYzNCAxMi4zNjg4IDEuNjAxNTYgMTAuMTExIDEuNjAxNTYgNy4yMjVDMS42MDE1NiAzLjY0ODk2IDQuNTAwNTIgMC43NSA4LjA3NjU2IDAuNzVDMTEuNjUyNiAwLjc1IDE0LjU1MTYgMy42NDg5NiAxNC41NTE2IDcuMjI1WiIgc3Ryb2tlPSIjOTA4RjlEIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8Y2lyY2xlIGN4PSI4LjA3NjU2IiBjeT0iNy4yMjUiIHI9IjIuMjI1IiBzdHJva2U9IiM5MDhGOUQiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; background-size: 15px; } .mobile-topline__phone { padding: 13px; text-decoration: none; margin-right: 1px; position: relative; right: 43px; } .mobile-topline__phone-icon { width: 17px; height: 17px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjkzNDcgOS45MDM5N0wxMS45MzQ3IDkuOTAzOTRMMTEuOTI3MyA5LjkwMTU3QzExLjQyNDIgOS43NDExMyAxMC44NDI3IDkuODU2MDUgMTAuNDM2IDEwLjI2MjhMMTAuNDM1NSAxMC4yNjM0TDkuMjQyMjEgMTEuNDU5M0M3LjcwODI2IDEwLjU3MzQgNi40Mjk0NSA5LjI5NDcgNS41NDM2NCA3Ljc2MzA1TDYuNzM3MjggNi41NjM5NUM2LjczNzU2IDYuNTYzNjggNi43Mzc4MyA2LjU2MzQgNi43MzgxMSA2LjU2MzEzQzcuMTQ0MTYgNi4xNTY0NSA3LjI1ODczIDUuNTc1NTMgNy4wOTg0OSA1LjA3MjgxTDcuMDk4NTMgNS4wNzI3OUw3LjA5NjA2IDUuMDY1MzJDNi44NTM4MSA0LjMzMjAxIDYuNzIyMjUgMy41NDExMiA2LjcyMjI1IDIuNzIyMjRMNi43MjIyNCAyLjcyMjE4QzYuNzIyMTggMS45MDcxOCA2LjA2NTA4IDEuMjUgNS4yNSAxLjI1SDIuNzIyMjFDMS45MTMyNCAxLjI1IDEuMjUgMS45MDQ3MiAxLjI1IDIuNzIyMjFDMS4yNSA5LjkxODA5IDcuMDgxOTEgMTUuNzUgMTQuMjc3OCAxNS43NUMxNS4wOTI4IDE1Ljc1IDE1Ljc1IDE1LjA5MjggMTUuNzUgMTQuMjc3OFYxMS43NUMxNS43NSAxMC45MzUgMTUuMDkyOCAxMC4yNzc4IDE0LjI3NzggMTAuMjc3OEMxMy40NTg5IDEwLjI3NzggMTIuNjY4IDEwLjE0NjIgMTEuOTM0NyA5LjkwMzk3WiIgc3Ryb2tlPSIjOTA4RjlEIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K); background-size: 17px; background-repeat: no-repeat; background-position: center; } .mobile-topline__logo { text-decoration: none; display: inline-block; } .mobile-topline__logo img { max-width: 86px; } .header .header__mid .container { padding: 0 !important; } .main-search .search-hover { background-color: #fff; border: 1px solid #B9BBCC; padding-right: 43px; } .header-cropped .main-search .search-hover__field, .header-cropped .title-search.ready .search-hover__field { padding-left: 15px; line-height: 35px; } .header-cropped .title-search.ready.start .search-hover__field { padding-left: 45px; } .search-hover__submit { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljg4ODk0IDEwLjc3NzlDOC41ODkwMiAxMC43Nzc5IDEwLjc3NzkgOC41ODkwMiAxMC43Nzc5IDUuODg4OTRDMTAuNzc3OSAzLjE4ODg1IDguNTg5MDIgMSA1Ljg4ODk0IDFDMy4xODg4NSAxIDEgMy4xODg4NSAxIDUuODg4OTRDMSA4LjU4OTAyIDMuMTg4ODUgMTAuNzc3OSA1Ljg4ODk0IDEwLjc3NzlaIiBzdHJva2U9IiM5MDhGOUQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjk5ODIgMTEuOTk5N0w5LjMzOTg0IDkuMzQxMzEiIHN0cm9rZT0iIzkwOEY5RCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .header-cropped .main-search .search-hover__submit { height: 33px; right: 3px; } .header-cropped .header__mid { height: 45px; position: absolute; left: 0; top: 0; width: 100%; } .header-cropped .header__mid.invis { top: -60px; } .header-cropped .header__mid.fixed { top: -60px; height: 60px; position: fixed; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .header-cropped .header__mid.out { top: 0; } .header__mid.fixed .main-search .title-search { padding: 10px 6px; border-bottom: 1px solid #ECECEE; background-color: #fff; } .main-search .title-search { padding: 0 6px 6px; } .header-cropped { -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 6px; } .wrapper.wrapper-header-1 { overflow: hidden; } .header-cropped { z-index: 999; } .header-cropped .search-hover__field::placeholder { line-height: 33px !important; padding-top: 2px !important; color: #7d7f8c; } .bxmaker__geoip__popup { z-index: 999999; } .bxmaker__geoip__popup-options { overflow: auto; } .basketnew__top-text { display: none; } .topline__callback{ position: absolute; right: 6px; width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; } .topline__callback-icon{ width: 17px; height: 17px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQ5NjggMC4wMjczNDM4SDIuNTAzODZDMS4xMjY3NCAwLjAyNzM0MzggMCAxLjE1NDA4IDAgMi41MzEyVjkuMDk2NjRDMCAxMC40NzM4IDEuMTI2NzQgMTEuNjAwNSAyLjUwMzg2IDExLjYwMDVINC44MTg5OVYxNC45NzEzTDguOTkxOTkgMTEuNjAwNUgxMi40OTU4QzEzLjg3MjYgMTEuNjAwNSAxNC45OTk3IDEwLjQ3MzggMTQuOTk5NyA5LjA5NjY0VjIuNTMxMkMxNS4wMDA2IDEuMTU0MDggMTMuODczOSAwLjAyNzM0MzggMTIuNDk2OCAwLjAyNzM0MzhaTTEzLjQzNTcgOS4wOTYzMkMxMy40MzU3IDkuNjA1NTUgMTMuMDA1NyAxMC4wMzUzIDEyLjQ5NjggMTAuMDM1M0g4Ljk5MTk5SDguNDM4NjNMOC4wMDgyOCAxMC4zODI3TDYuMzgzNTkgMTEuNjk1VjExLjU5OTZWMTAuMDM0Nkg0LjgxODY4SDIuNTAzODZDMS45OTQ5NSAxMC4wMzQ2IDEuNTY0OTEgOS42MDQ5MiAxLjU2NDkxIDkuMDk1N1YyLjUzMTJDMS41NjQ5MSAyLjAyMjI5IDEuOTk0OTUgMS41OTIyNiAyLjUwMzg2IDEuNTkyMjZIMTIuNDk2OEMxMy4wMDU3IDEuNTkyMjYgMTMuNDM1NyAyLjAyMjI5IDEzLjQzNTcgMi41MzEyVjkuMDk2MzJaIiBmaWxsPSIjOEZCQzYyIi8+CjxwYXRoIGQ9Ik00LjI5MDYyIDYuNzI1NzhDNC43OTQxNSA2LjcyNTc4IDUuMjAyMzQgNi4zMTc1OSA1LjIwMjM0IDUuODE0MDZDNS4yMDIzNCA1LjMxMDUzIDQuNzk0MTUgNC45MDIzNCA0LjI5MDYyIDQuOTAyMzRDMy43ODcxIDQuOTAyMzQgMy4zNzg5MSA1LjMxMDUzIDMuMzc4OTEgNS44MTQwNkMzLjM3ODkxIDYuMzE3NTkgMy43ODcxIDYuNzI1NzggNC4yOTA2MiA2LjcyNTc4WiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBkPSJNNy40OTk2MSA2LjcyNTc4QzguMDAzMTQgNi43MjU3OCA4LjQxMTMzIDYuMzE3NTkgOC40MTEzMyA1LjgxNDA2QzguNDExMzMgNS4zMTA1MyA4LjAwMzE0IDQuOTAyMzQgNy40OTk2MSA0LjkwMjM0QzYuOTk2MDggNC45MDIzNCA2LjU4Nzg5IDUuMzEwNTMgNi41ODc4OSA1LjgxNDA2QzYuNTg3ODkgNi4zMTc1OSA2Ljk5NjA4IDYuNzI1NzggNy40OTk2MSA2LjcyNTc4WiIgZmlsbD0iIzhGQkM2MiIvPgo8cGF0aCBkPSJNMTAuNzEwNSA2LjcyNTc4QzExLjIxNDEgNi43MjU3OCAxMS42MjIzIDYuMzE3NTkgMTEuNjIyMyA1LjgxNDA2QzExLjYyMjMgNS4zMTA1MyAxMS4yMTQxIDQuOTAyMzQgMTAuNzEwNSA0LjkwMjM0QzEwLjIwNyA0LjkwMjM0IDkuNzk4ODMgNS4zMTA1MyA5Ljc5ODgzIDUuODE0MDZDOS43OTg4MyA2LjMxNzU5IDEwLjIwNyA2LjcyNTc4IDEwLjcxMDUgNi43MjU3OFoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==); background-size: cover; } } @media all and (max-width: 767px) { .city-clarify__wrapper { height: auto; max-height: 160px; } } @media all and (max-width: 360px) { .city-clarify__choose-another { padding-left: 25px; padding-right: 25px; } } /*Новое десктоп меню*/ .i-over { position: fixed; /*height: 100%; width: 100%;*/ right: 0; bottom: 0; top: 0; z-index: 4; background-color: #00000070; left: 0; display: none; } .i-over.show { display: block; } .desktop-menu__submenu-title.solo { margin-bottom: 40px; } .desktop-menu__brand-wrapper { height: 100%; } .desktop-menu__brand-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: calc(100% - 50px); } .desktop-menu__brand-item { width: 85px; -ms-flex-negative: 0; flex-shrink: 0; height: 63px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; } .desktop-menu__brand-item img { max-width: 100%; max-height: 100%; } .desktop-menu__brand-more { font-size: 16px; font-weight: bold; color: #141517; text-decoration: none; margin-top: 30px; display: block; } body.has-banner .wrapper.wrapper-header-1 { position: absolute !important; top: -40px !important; } @media all and (max-width: 767px) { body.has-banner .wrapper.wrapper-header-1 { position: relative !important; top: 0 !important; } .city-clarify__wrapper.mobile{ display: block; } } .basketnew__gift { display: none !important; } .hide-opacity{ opacity: 0; pointer-events: none; visibility: hidden; } @media (max-width: 767px){ .multisearch body:not(.search-fixed) body .multi-search{ overflow: hidden; } .multisearch body{ padding-right: 0 !important; } body:not(.search-fixed) .multi-search{ position: absolute; top: 70px; height: calc(100% - 70px); } body:not(.search-fixed) .multi-theme-compact .multi-results{ position: absolute; top: 60px; height: calc(100% - 60px); background: #fff; overflow: auto; margin: 0; width: 100%; } body:not(.search-fixed) .multi-grid{ margin: 0; display: block; } body:not(.search-fixed) .multi-cell.multi-sidebar{ padding: 0; margin: 0; } body:not(.search-fixed) .multi-cell.multi-lists{ padding: 0; margin: 0; padding-top: 30px; } body:not(.search-fixed) .multi-grid{ margin: 0; } body:not(.search-fixed) .multi-cell{ padding: 0; } body:not(.search-fixed) .multi-cell .multi-pagination{ margin-right: 110px; margin-bottom: 4px; } } /* End */ /* Start:/bitrix/templates/empty/css/base.css?17571579199024*/ * { outline: none; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { padding: 0; margin: 0; height: 100%; } body { min-width: 320px; overflow-x: hidden; background-color: #fff; padding: 0; margin: 0; position: relative; color: #000; font-family: "HelveticaNeueCyr", sans-serif; font-size: 14px; } b { font-weight: bold; } article, aside, footer, header, nav, section { display: block; } h1, h2 { margin: 0; line-height: 1.6em; } img { max-width: 100%; vertical-align: middle; border: none; } .hidden { display: none; } .container { max-width: 1205px; margin: 0 auto; width: 100%; } @-webkit-keyframes autofill { to { background: transparent; } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } .active { -webkit-box-shadow: none !important; box-shadow: none !important; } ._rub { font-family: ptsansrub!important; line-height: 1; } /*.feedback_ {*/ /* -webkit-box-sizing: content-box;*/ /* box-sizing: content-box;*/ /*}*/ .mn-product { margin: 0 12.5px 35px; display: inline-block; width: 180px; } .mn-product__pic { height: 180px; margin-bottom: 15px; position: relative; width: 100%; text-align: center; background-color: #fff; overflow: hidden; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .mn-product__pic img { max-width: 100%; max-height: 100%; margin: auto; height: auto; vertical-align: middle; border: 0; } .mn-product__title { text-decoration: none; color: #141517; font-size: 12px; overflow: hidden; height: 30px; line-height: 15px; position: relative; display: block; } .mn-product__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #141517; } .mn-product__all-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .mn-product__price { font-weight: bold; font-size: 18px; margin-right: 5px; } .mn-product__old-price { color: #6C6D79; font-size: 12px; position: relative; /* text-decoration: line-through; */ } .mn-product__old-price:before{ content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-color: #6C6D79; } .mn-product__add-to-cart { cursor: pointer; width: 30px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mn-product__add-to-cart img { width: 16px; margin: auto; } .mn-product__add-to-cart:hover .shopping-bag { display: none; } .mn-product__add-to-cart:hover .shopping-bag-in { display: block; } .mn-product__add-to-cart input { display: none; } .mn-product__add-to-cart .mn-counter { width: 84px; height: 24px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #8FBC62; border-radius: 5px; border: 1px solid #8FBC62; overflow: hidden; } .mn-product__add-to-cart .mn-count { width: 21px; height: 100%; background-color: #8FBC62; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .mn-product__add-to-cart .mn-count:before { content: ''; background-position: center; background-repeat: no-repeat; background-size: 10px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .mn-product__add-to-cart .minus:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIxIiB5MT0iMSIgeDI9IjkiIHkyPSIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .mn-product__add-to-cart .plus:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjEiIHkxPSI1IiB4Mj0iOSIgeTI9IjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSI1IiB5MT0iMSIgeDI9IjUiIHkyPSI5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .mn-product__add-to-cart .num { height: 22px; background-color: #fff; border: none; color: #141517; font-size: 14px; text-align: center; width: 40px; display: block !important; border-radius: 0; -webkit-appearance: none; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 0; } .mn-btn { -ms-flex-negative: 0; flex-shrink: 0; height: 40px; width: 200px; background: #8FBC62; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; cursor: pointer; text-decoration: none; border: none; } .products-show-more { margin: auto; font-size: 16px; } .mn-product__tooltip { position: relative; } .tooltip_new { position: absolute; font-size: 12px; color: #9A9AA2; background-color: #fff; z-index: 20; text-align: center; padding: 10px 11px; border: 1px solid #DADADA; width: 140px; top: -43px; right: -7px; } .tooltip_new:after { content: ''; position: absolute; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid #DADADA; border-right: 1px solid #DADADA; right: 15px; bottom: -6px; background-color: #fff; z-index: 21; } .mn-product__info > form { display: flex; align-items: center; justify-content: space-between; width: 100%; } .shopping-bag-in, .slick-slide .shopping-bag-in { display: none; } .mn-product__add-to-cart.in_cart .shopping-bag-in, .slick-slide .mn-product__add-to-cart.in_cart .shopping-bag-in { display: block; } .mn-product__add-to-cart.in_cart .shopping-bag, .slick-slide .mn-product__add-to-cart.in_cart .shopping-bag { display: none; } /* progress bar */ #nprogress { pointer-events: none; } #nprogress .bar { background: #8FBC62; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 4px; display: none; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #8FBC62, 0 0 5px #8FBC62; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: none; position: fixed; z-index: 1031; top: 15px; right: 15px; } .nprogress-custom-parent { overflow: hidden; position: relative; } .fade { transition: all 200ms linear 700ms; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .fade.out { opacity: 0; } img[src*='px.adhigh.net'] { display: none !important; } @media all and (max-width: 1279px) { .container { padding: 0 12px; } .mn-product__pic { max-width: 157px; margin-left: auto; margin-right: auto; height: 175px; } } @media all and (max-width: 1023px) { .container { padding: 0 28px; } .mn-product__pic { height: 141px; max-width: 141px; } .mn-product__price { font-size: 13px; } } @media all and (max-width: 767px) { .header .container { padding: 0 10px; } .container { padding: 0 15px; } .mn-show-more { margin-left: auto; font-size: 13px; } .mn-product__price { font-size: 16px; } } /* End */ /* Start:/bitrix/templates/empty/css/new-catalog.css?1757157919138826*/ .n-page .active { box-shadow: none; } .mn-product-catalog .mn-product__title { height: 45px; } .n-filter-mobile-btn.hidden, .hidden { display: none !important; } .main-catalog { padding: 0 !important; max-width: 100% !important; width: 100% !important; } .main-catalog:after { display: none !important; } .n-breadcrumb { color: #8f91a3; border: none; } .n-breadcrumbs a { display: inline-block; position: relative; margin-right: 15px; margin-bottom: 5px; text-decoration: none; color: #000; border-bottom: 1px dashed #000; position: relative; } .n-breadcrumbs a:last-child { margin-right: 18px; } .n-breadcrumbs a:hover { color: #8fbc62; border-color: #8fbc62; } .n-breadcrumbs a:before { content: '/'; display: inline-block; color: #000; position: absolute; right: -12px; top: 0; } .n-breadcrumbs span { opacity: 0; } .n-page h1, .n-page h2 { margin: 0; line-height: 1.6em; padding: 0; } .n-title span { padding: 0 !important; } .n-catalog__banner a { display: block; height: 100%; } .main-catalog .main-catalog-filter { padding-left: 0; } .n-breadcrumbs { list-style-type: none; padding: 10px 0 0; margin: 0 0 5px; font-size: 14px; color: #8f91a3; } .n-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 18px } .n-title h1 { font-size: 32px; font-weight: 400; margin-right: 20px } .n-title .n-catalog-products { font-size: 18px; color: #8f91a3 } .n-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .n-catalog__banner img { max-width: 100%; margin-bottom: 25px } .n-catalog__sort { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex } .n-catalog__sort b { margin-right: 20px; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0 } .n-catalog__sort-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap } .n-catalog__sort-link { text-decoration: none; margin-right: 20px; display: inline-block; color: #141517; margin-bottom: 5px } .n-catalog__sort-link.active { color: #8fbc62 } .n-catalog__sort-link:hover { color: #8fbc62 } .n-catalog__sort-link:last-child { margin-right: 0 !important; } .n-catalog__filter { width: 204px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px } .n-catalog__filter-title { font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; margin-bottom: 18px } .n-catalog__content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .mn-product__favorites { margin-left: auto; position: relative; width: 30px; height: 34px; cursor: pointer } .mn-product__favorites:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iI0RBREFEQSIvPgo8L3N2Zz4K); background-size: 23px; background-repeat: no-repeat; background-position: center } .mn-product__favorites:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .mn-discount { background-color: #ff343c; color: #fff; border-radius: 5px; font-size: 12px; font-weight: 700; /* line-height: 15px; */ height: 16px; width: 34px; text-align: center; position: absolute; bottom: -10px; left: 0; display: inline-flex; justify-content: center; align-items: center; line-height: 1; } .n-catalog__products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -9px; margin-right: -9px; margin-bottom: 55px } .mn-product.mn-product-catalog { width: calc(25% - 18px); margin: 0 9px 22px; position: relative } .mn-product.mn-product-catalog .mn-product__pic { height: 239px; position: relative; overflow: unset } .mn-product.mn-product-catalog .mn-product__add-to-cart img { width: 20px } .n-pagination-wrapper { text-align: right; } .n-pagination { list-style-type: none; padding: 0; margin: 0 0 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 14px } .n-pagination__item { margin: 0 20px; cursor: pointer } .n-pagination__item.active .n-pagination__link { color: #141517 } .n-pagination__link { text-decoration: none; border: none; color: #8f91a3 } .n-pagination__break { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .n-pagination__link:hover { color: #8FBC62; } .n-pagination__break .n-pagination__link:hover { color:#8f91a3; } .n-pagination__item-all { margin: 0 0 0 13px; } .n-pagination__arrow { width: 30px; height: 30px; background-size: 14px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zLjI5NjgzIDcuNjkzMDdMOS4zMTY2MiAxMy43MTI3QzkuNjk5NTUgMTQuMDk1OCAxMC4zMjA0IDE0LjA5NTggMTAuNzAzMiAxMy43MTI3QzExLjA4NTkgMTMuMzI5OSAxMS4wODU5IDEyLjcwOTEgMTAuNzAzMiAxMi4zMjYzTDUuMzc2NTcgNi45OTk5TDEwLjcwMyAxLjY3MzY3QzExLjA4NTggMS4yOTA3NCAxMS4wODU4IDAuNjY5OTczIDEwLjcwMyAwLjI4NzE5OEMxMC4zMjAyIC0wLjA5NTczMjYgOS42OTkzOSAtMC4wOTU3MzI2IDkuMzE2NDYgMC4yODcxOThMMy4yOTY2NyA2LjMwNjg4QzMuMTA1MjggNi40OTgzNiAzLjAwOTcgNi43NDkwNSAzLjAwOTcgNi45OTk4N0MzLjAwOTcgNy4yNTA4MSAzLjEwNTQ3IDcuNTAxNjggMy4yOTY4MyA3LjY5MzA3WiIgZmlsbD0iIzZDNkQ3OSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNCAwKSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) } .n-pagination__arrow:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zLjI5NjgzIDcuNjkzMDdMOS4zMTY2MiAxMy43MTI3QzkuNjk5NTUgMTQuMDk1OCAxMC4zMjA0IDE0LjA5NTggMTAuNzAzMiAxMy43MTI3QzExLjA4NTkgMTMuMzI5OSAxMS4wODU5IDEyLjcwOTEgMTAuNzAzMiAxMi4zMjYzTDUuMzc2NTcgNi45OTk5TDEwLjcwMyAxLjY3MzY3QzExLjA4NTggMS4yOTA3NCAxMS4wODU4IDAuNjY5OTczIDEwLjcwMyAwLjI4NzE5OEMxMC4zMjAyIC0wLjA5NTczMjYgOS42OTkzOSAtMC4wOTU3MzI2IDkuMzE2NDYgMC4yODcxOThMMy4yOTY2NyA2LjMwNjg4QzMuMTA1MjggNi40OTgzNiAzLjAwOTcgNi43NDkwNSAzLjAwOTcgNi45OTk4N0MzLjAwOTcgNy4yNTA4MSAzLjEwNTQ3IDcuNTAxNjggMy4yOTY4MyA3LjY5MzA3WiIgZmlsbD0iIzhGQkM2MiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxNCAwKSIgZmlsbD0iIzhGQkM2MiIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) } .n-pagination__arrow--left { margin-left: 0 } .n-pagination__arrow--right { margin-right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .n-filter__title { position: relative; font-size: 14px; font-weight: 700; color: #141517; padding-right: 10px; cursor: pointer; margin-bottom: 15px } .n-filter__title:after { content: ''; position: absolute; width: 12px; height: 7px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwNDk1IDUuNjQ1MUwwLjcwNTI0MiAxLjM0NTI1QzAuNDMxNTg3IDEuMDcxNzMgMC40MzE1ODcgMC42MjgyNTkgMC43MDUyNDIgMC4zNTQ4NjlDMC45Nzg2NTMgMC4wODE0NTc0IDEuNDIyMSAwLjA4MTQ1NzUgMS42OTU0OSAwLjM1NDg2OUw1LjUwMDA3IDQuMTU5NTdMOS4zMDQ1MiAwLjM1NDk4QzkuNTc4MDUgMC4wODE1Njg0IDEwLjAyMTQgMC4wODE1Njg0IDEwLjI5NDkgMC4zNTQ5OEMxMC41Njg0IDAuNjI4MzkyIDEwLjU2ODQgMS4wNzE4NCAxMC4yOTQ5IDEuMzQ1MzZMNS45OTUwOCA1LjY0NTIxQzUuODU4MzEgNS43ODE5MiA1LjY3OTI1IDUuODUwMTkgNS41MDAwOSA1Ljg1MDE5QzUuMzIwODUgNS44NTAxOSA1LjE0MTY1IDUuNzgxNzggNS4wMDQ5NSA1LjY0NTFaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; right: 0; top: 5px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } .n-catalog__filter .n-filter__selected.on { padding: 15px 10px 15px 22px; margin: 0 0 20px; border: 1px solid #ececee; border-radius: 4px; width: 100%; box-shadow: none; } .n-catalog__filter .filter-active_box.on p { float: none; width: auto; cursor: pointer; color: #141517; padding-right: 30px; display: inline-block; border: 1px solid #ececee; border-radius: 50px; padding: 6px 45px 6px 7px; position: relative; font-size: 14px; line-height: 16px; margin: 0 0 9px; } .n-filter__selected-item:after { content: ''; position: absolute; width: 30px; height: 100%; border-left: 1px solid #ececee; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Ljg4MTkzIDAuMTE4NTU5QzkuNzI0MTggLTAuMDM5MTk0MyA5LjQ2ODQyIC0wLjAzOTE5NDMgOS4zMTA2NiAwLjExODU1OUwwLjExODU1OSA5LjMxMDY0Qy0wLjAzOTE5NDMgOS40Njg0IC0wLjAzOTE5NDMgOS43MjQxNiAwLjExODU1OSA5Ljg4MTkxQzAuMTk3NDI3IDkuOTYwODIgMC4zMDA4MjUgMTAuMDAwMiAwLjQwNDIwNCAxMC4wMDAyQzAuNTA3NTgzIDEwLjAwMDIgMC42MTA5NjEgOS45NjA4IDAuNjg5ODQ4IDkuODgxODlMOS44ODE5MyAwLjY4OTgwOUMxMC4wMzk3IDAuNTMyMDc1IDEwLjAzOTcgMC4yNzYzMTMgOS44ODE5MyAwLjExODU1OVoiIGZpbGw9IiMxNDE1MTciLz4KPHBhdGggZD0iTTkuODgxNzMgOS4zMTA2NUwwLjY4OTYyNiAwLjExODU2QzAuNTMxODkyIC0wLjAzOTE5NDMgMC4yNzYxMTEgLTAuMDM5MTk0MyAwLjExODM3NiAwLjExODU2Qy0wLjAzOTM3NzQgMC4yNzYyOTQgLTAuMDM5Mzc3NCAwLjUzMjA1NiAwLjExODM3NiAwLjY4OTgwOUw5LjMxMDQ4IDkuODgxOTJDOS4zODkzNSA5Ljk2MDggOS40OTI3NSAxMC4wMDAyIDkuNTk2MTMgMTAuMDAwMkM5LjY5OTUxIDEwLjAwMDIgOS44MDI5MSA5Ljk2MDggOS44ODE3NSA5Ljg4MTk0QzEwLjAzOTUgOS43MjQxNiAxMC4wMzk1IDkuNDY4NCA5Ljg4MTczIDkuMzEwNjVaIiBmaWxsPSIjMTQxNTE3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); background-size: 10px; background-repeat: no-repeat; background-position: center; right: 0; top: 0 } .n-catalog__filter .filter-active_box a label p:after { padding: 0; float: none; margin: 0; transform: none; } .n-catalog__filter .filter-active_box a label p:before { display: none; } .n-catalog__filter .filter-active_box.on .niz { margin: 0; padding: 0; } .n-catalog__filter .filter-active_box.on .niz .element { color: #8f91a3; font-size: 12px; display: block; margin-bottom: 8px; width: 100%; float: none; } .n-catalog__filter .filter-active_box.on .niz .sbros { width: 100%; float: none; font-size: 12px; } .n-catalog__filter .filter-active_box.on .niz .sbros a { transform: none; position: relative; display: inline-block; border-bottom: 1px dashed #8fbc62; text-decoration: none; color: #8fbc62; font-size: 14px; } .n-filter__selected-count { color: #8f91a3; font-size: 12px; display: block; margin-bottom: 8px } .n-filter__selected-clear { display: inline-block; border-bottom: 1px dashed #8fbc62; text-decoration: none; color: #8fbc62; font-size: 14px } .n-filter__group { margin-bottom: 35px } .n-filter__group.open { padding-bottom: 20px; border-bottom: 1px solid #ececee } .n-filter__group.open .n-filter-container, .n-filter__group.open .n-filter__search { display: block } .n-filter__group.open .n-filter__title:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .n-filter__scroll { /*overflow-y: auto; overflow-x: hidden;*/ position: relative; } .n-filter-container { max-height: 440px; width: 100%; padding-top: 0px; overflow: hidden; } .filter-BAKALEYA .n-filter-container { max-height: 100%; } .filter-UPAKOVKA .n-filter-container { max-height: 480px; } .n-filter__list { width: 100%; list-style-type: none; padding: 0; margin: 0; font-size: 14px } .n-filter__item { display: block; margin-bottom: 16px } .n-filter__item-link { color: #141517; text-decoration: none; display: block; padding-right: 10px; } .n-filter__search { margin-bottom: 21px; display: none } .n-filter__search input { width: 100%; height: 23px; border: 1px solid #ececee; border-radius: 100px; color: #6c6d79; font-size: 12px; padding-left: 23px } .n-filter__mobile-only { display: none } .n-checkbox { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex } .n-checkbox input { display: none } .n-checkbox input:checked+.n-checkbox__pseudo { background-color: #141517; border-color: #141517 } .n-checkbox input:checked+.n-checkbox__pseudo:after { display: block } .n-checkbox__pseudo { width: 12px; height: 12px; border-radius: 2px; border: 1px solid #d8d8d8; margin-right: 11px; position: relative; margin-top: 2px; -ms-flex-negative: 0; flex-shrink: 0 } .n-filter__selected-title { font-weight: 700; margin-bottom: 17px } .n-filter__selected-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .n-filter__selected-item { display: inline-block; border: 1px solid #ececee; border-radius: 50px; padding: 6px 45px 6px 7px; margin-bottom: 9px; position: relative; font-size: 14px; line-height: 16px } .n-checkbox__pseudo:after { content: ''; position: absolute; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMi44NzE0OCA2LjcxNTA2QzIuNjMxMTEgNy4wNzk4IDIuMjExMyA3LjA4MDUzIDEuOTM0MzMgNi43MTY3TDAuMzc5MjY5IDQuNjc0OUMwLjEwMjE4MiA0LjMxMTI1IDAuMDcyMzgyMiAzLjcyMDE3IDAuMzEyNzU3IDMuMzU1NjFDMC41NTI5OTggMi45OTA4OCAwLjk3MjgxMiAyLjk5MDE0IDEuMjQ5OTEgMy4zNTM5N0wyLjE3NjQxIDQuNTcwMzFDMi4yNDYzNCA0LjY2MTk3IDIuMzUyMzYgNC42NjE3OCAyLjQxMzE2IDQuNTY5ODlMNC41ODkzMyAxLjI2Nzc0QzQuODI5NTggMC45MDMwMDYgNS4yNDkzOSAwLjkwMjI3MSA1LjUyNjQ5IDEuMjY2MUM1LjY1OTU1IDEuNDQwODIgNS43NDEzMiAxLjY3ODA0IDUuNzUzNzkgMS45MjU0MUM1Ljc2NjI2IDIuMTcyNzcgNS43MDg0MyAyLjQxMDI0IDUuNTkzIDIuNTg1MzlMMi44NzE0OCA2LjcxNTA2WiIgZmlsbD0iI0Y5RjhGNyIvPgo8L3N2Zz4K); left: 50%; top: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none } .n-checkbox__icon { background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 11px; display: inline-block; vertical-align: middle; margin-top: -4px } .n-checkbox__icon.icon-ves { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjg5NTg3IDE0LjEwNzNDMC42MzUxOTggMTMuODE2NSAwLjg1OTAyNiAxMy41OTAxIDEuMTM2MjQgMTMuNjI5MkMyLjEwOTcxIDEzLjc2NjcgMy41NDkwNSAxNC4wMzQ0IDQuOTcwMjkgMTQuNTMzMUM2LjQwMTE3IDE1LjAzNTIgNy43NTczOCAxNS43NTIyIDguNjIxMTggMTYuNzU0OUM5LjM1Mzc2IDE3LjYwNTMgOS45NDEyNyAxOC45MDE2IDEwLjM5MjMgMjAuMjU5M0MxMC44Mzk1IDIxLjYwNTggMTEuMTM2MyAyMi45NjE4IDExLjMxMDQgMjMuODkyN0MxMS4zNjQ4IDI0LjE4MzUgMTEuMTQxIDI0LjQwOTkgMTAuODYzOCAyNC4zNzA4QzkuODkwMjkgMjQuMjMzMyA4LjQ1MDk1IDIzLjk2NTYgNy4wMjk3MSAyMy40NjY5QzUuNTk4ODMgMjIuOTY0OCA0LjI0MjYyIDIyLjI0NzggMy4zNzg4MiAyMS4yNDUxQzIuNjQ2MjQgMjAuMzk0NyAyLjA1ODczIDE5LjA5ODQgMS42MDc3NCAxNy43NDA3QzEuMTYwNSAxNi4zOTQyIDAuODYzNjg2IDE1LjAzODIgMC42ODk1ODcgMTQuMTA3M1oiIHN0cm9rZT0iIzE0MTUxNyIvPgo8cGF0aCBkPSJNMjIuMzEwNCAxNC4xMDczQzIyLjM2NDggMTMuODE2NSAyMi4xNDEgMTMuNTkwMSAyMS44NjM4IDEzLjYyOTJDMjAuODkwMyAxMy43NjY3IDE5LjQ1MSAxNC4wMzQ0IDE4LjAyOTcgMTQuNTMzMUMxNi41OTg4IDE1LjAzNTIgMTUuMjQyNiAxNS43NTIyIDE0LjM3ODggMTYuNzU0OUMxMy42NDYyIDE3LjYwNTMgMTMuMDU4NyAxOC45MDE2IDEyLjYwNzcgMjAuMjU5M0MxMi4xNjA1IDIxLjYwNTggMTEuODYzNyAyMi45NjE4IDExLjY4OTYgMjMuODkyN0MxMS42MzUyIDI0LjE4MzUgMTEuODU5IDI0LjQwOTkgMTIuMTM2MiAyNC4zNzA4QzEzLjEwOTcgMjQuMjMzMyAxNC41NDkgMjMuOTY1NiAxNS45NzAzIDIzLjQ2NjlDMTcuNDAxMiAyMi45NjQ4IDE4Ljc1NzQgMjIuMjQ3OCAxOS42MjEyIDIxLjI0NTFDMjAuMzUzOCAyMC4zOTQ3IDIwLjk0MTMgMTkuMDk4NCAyMS4zOTIzIDE3Ljc0MDdDMjEuODM5NSAxNi4zOTQyIDIyLjEzNjMgMTUuMDM4MiAyMi4zMTA0IDE0LjEwNzNaIiBzdHJva2U9IiMxNDE1MTciLz4KPHBhdGggZD0iTTExLjc4MDcgMS4yNzA2MkMxMS42MTM1IDEuMDI2NTQgMTEuMjk1MSAxLjAyNDY5IDExLjEyNjggMS4yNDgzOUMxMC41MzU2IDIuMDMzOTEgOS43MDcxOCAzLjI0MSA5LjA1NDg1IDQuNTk4NkM4LjM5ODA5IDUuOTY1NDIgNy45NDYwNyA3LjQzMTM3IDguMDQ0MzIgOC43NTEyMUM4LjEyNzY0IDkuODcwNTYgOC42Mjg4MSAxMS4yMDI2IDkuMjY5OTcgMTIuNDgxNkM5LjkwNTggMTMuNzQ5OSAxMC42NTQ4IDE0LjkxODYgMTEuMTg5OSAxNS42OTk5QzExLjM1NzEgMTUuOTQ0IDExLjY3NTQgMTUuOTQ1OSAxMS44NDM4IDE1LjcyMjJDMTIuNDM1IDE0LjkzNjcgMTMuMjYzNCAxMy43Mjk2IDEzLjkxNTcgMTIuMzcyQzE0LjU3MjUgMTEuMDA1MSAxNS4wMjQ1IDkuNTM5MTkgMTQuOTI2MyA4LjIxOTM1QzE0Ljg0MjkgNy4xIDE0LjM0MTggNS43Njc5NiAxMy43MDA2IDQuNDg5QzEzLjA2NDggMy4yMjA2OSAxMi4zMTU4IDIuMDUxOTMgMTEuNzgwNyAxLjI3MDYyWiIgc3Ryb2tlPSIjMTQxNTE3Ii8+CjxsaW5lIHgxPSIxMS42NDY0IiB5MT0iMjQuMzUzNiIgeDI9IjAuNjQ2NDQ3IiB5Mj0iMTMuMzUzNiIgc3Ryb2tlPSIjMTQxNTE3Ii8+CjxsaW5lIHkxPSItMC41IiB4Mj0iMTUuNTU2MyIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA3IC0wLjcwNzEwNyAtMC43MDcxMDcgLTAuNzA3MTA3IDExIDI0KSIgc3Ryb2tlPSIjMTQxNTE3Ii8+Cjwvc3ZnPgo=); width: 22px; height: 24px } .n-checkbox__icon.icon-fasovka { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAzVjAuNUgxNy41VjNWMy4xODEwM0wxNy42MTUyIDMuMzE5MjhMMTcuNjE1NCAzLjMxOTU1TDE3LjYxNTYgMy4zMTk3OUwxNy42MTU5IDMuMzIwMDlMMTcuNjE4NSAzLjMyMzM0TDE3LjYzNDggMy4zNDM4NUMxNy42NTAxIDMuMzYzMjYgMTcuNjczOCAzLjM5NDEgMTcuNzA0OSAzLjQzNjI1QzE3Ljc2NyAzLjUyMDU2IDE3Ljg1ODMgMy42NTAwNCAxNy45NjkyIDMuODIzNzFDMTguMTkwOSA0LjE3MTExIDE4LjQ5MDYgNC42OTQ3NyAxOC43OTE1IDUuMzg2ODZDMTkuMzkyOSA2Ljc3MDIzIDIwIDguODI3NTYgMjAgMTEuNUMyMCAxNC4xNzI0IDE5LjM5MjkgMTYuMjI5OCAxOC43OTE1IDE3LjYxMzFDMTguNDkwNiAxOC4zMDUyIDE4LjE5MDkgMTguODI4OSAxNy45NjkyIDE5LjE3NjNDMTcuODU4MyAxOS4zNSAxNy43NjcgMTkuNDc5NCAxNy43MDQ5IDE5LjU2MzhDMTcuNjczOCAxOS42MDU5IDE3LjY1MDEgMTkuNjM2NyAxNy42MzQ4IDE5LjY1NjFMMTcuNjE4NSAxOS42NzY3TDE3LjYxNTkgMTkuNjc5OUwxNy42MTU2IDE5LjY4MDJMMTcuNjE1NCAxOS42ODA0TDE3LjYxNTIgMTkuNjgwN0wxNy41IDE5LjgxOVYyMFYyMi41SDMuNVYyMFYxOS44MTlMMy4zODQ2OCAxOS42ODA2TDMuMzg0NTEgMTkuNjgwNEwzLjM4NDM2IDE5LjY4MDJMMy4zODQzNCAxOS42ODAyTDMuMzg0MTEgMTkuNjc5OUwzLjM4MTA3IDE5LjY3NjJMMy4zNjQzNyAxOS42NTUzQzMuMzQ4ODcgMTkuNjM1NiAzLjMyNDg4IDE5LjYwNDcgMy4yOTM2IDE5LjU2MjdDMy4yMzEwMiAxOS40Nzg3IDMuMTM5MzQgMTkuMzUwNCAzLjAyODE4IDE5LjE4QzIuODA1NzYgMTguODM5IDIuNTA1OTUgMTguMzI5OCAyLjIwNTE4IDE3LjY2ODFDMS42MDM2OCAxNi4zNDQ4IDEgMTQuNDE1MyAxIDEyQzEgOC41NjAxMiAxLjYxNDA1IDYuMzgyNCAyLjIwNTE4IDUuMDgxOUMyLjUwMDk3IDQuNDMxMTggMi43OTIzOSAzLjk5Njk4IDMuMDAxODIgMy43MzE3QzMuMTA2NjQgMy41OTg5MiAzLjE5MTI3IDMuNTA4MDIgMy4yNDYxMyAzLjQ1MzE2QzMuMjczNTcgMy40MjU3MiAzLjI5MzYgMy40MDcyNiAzLjMwNTAzIDMuMzk3MDVMMy4zMTUzMyAzLjM4ODA1TDMuNSAzLjI0MDMxVjNaIiBzdHJva2U9IiMxNDE1MTciLz4KPHBhdGggZD0iTTMuNSAyMEMzLjUgMjAgNSAxNC44NzA3IDUgMTEuNUM1IDguMTI5MjUgMy41IDMgMy41IDMiIHN0cm9rZT0iIzE0MTUxNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIyIDIiLz4KPHBhdGggZD0iTTE3LjcyNzEgMjAuMDMzN0MxNy43MjcxIDIwLjAzMzcgMTYuMjI3MSAxNC45MDQ0IDE2LjIyNzEgMTEuNTMzN0MxNi4yMjcxIDguMTYyOTQgMTcuNzI3MSAzLjAzMzY5IDE3LjcyNzEgMy4wMzM2OSIgc3Ryb2tlPSIjMTQxNTE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjIgMiIvPgo8cGF0aCBkPSJNNy43MDQyNCA5LjA5MTU1QzcuNjQ0MjcgOC44MTIzMiA3Ljg1NzA3IDguNjA0MiA4LjExNjIzIDguNjUwNThDOC43MTA2NyA4Ljc1Njk2IDkuNDQ2MDggOC45MzA2NSAxMC4xNDE4IDkuMjA3MjRDMTAuODQzNSA5LjQ4NjIzIDExLjQ2NDQgOS44NTQxNCAxMS44NzEyIDEwLjMyNjNDMTIuMjE1NSAxMC43MjYgMTIuNTEyMSAxMS4zMjE3IDEyLjc1NjIgMTEuOTg5NkMxMi45OTc1IDEyLjY0OTggMTMuMTc0MyAxMy4zNDI5IDEzLjI5NTggMTMuOTA4NUMxMy4zNTU3IDE0LjE4NzcgMTMuMTQyOSAxNC4zOTU4IDEyLjg4MzggMTQuMzQ5NEMxMi4yODkzIDE0LjI0MyAxMS41NTM5IDE0LjA2OTQgMTAuODU4MiAxMy43OTI4QzEwLjE1NjUgMTMuNTEzOCA5LjUzNTU4IDEzLjE0NTkgOS4xMjg4MiAxMi42NzM3QzguNzg0NTEgMTIuMjc0IDguNDg3OTMgMTEuNjc4MyA4LjI0Mzc3IDExLjAxMDRDOC4wMDI0OCAxMC4zNTAyIDcuODI1NyA5LjY1NzEzIDcuNzA0MjQgOS4wOTE1NVoiIHN0cm9rZT0iIzE0MTUxNyIvPgo8L3N2Zz4K); width: 20px; height: 22px } .n-checkbox__icon.icon-podarok { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSI2LjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIyIiBzdHJva2U9IiMxNDE1MTciLz4KPHJlY3QgeD0iMS41IiB5PSI4LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgc3Ryb2tlPSIjMTQxNTE3Ii8+CjxsaW5lIHgxPSI2LjUiIHkxPSIxOSIgeDI9IjYuNSIgeTI9IjYiIHN0cm9rZT0iIzE0MTUxNyIvPgo8bGluZSB4MT0iOS41IiB5MT0iMTkiIHgyPSI5LjUiIHkyPSI2IiBzdHJva2U9IiMxNDE1MTciLz4KPHBhdGggZD0iTTEuNzMzMzMgMS4wODM4M0MxLjY2NzAxIDAuODE0MDczIDEuODcxMDggMC41ODg1NDkgMi4xNDgwMSAwLjYyOTQxNUMyLjgyOTk1IDAuNzMwMDUgMy43MDc1NyAwLjkwMTA4MiA0LjU0NjY2IDEuMTgzNzhDNS4zOTQ5OCAxLjQ2OTU4IDYuMTUzOCAxLjg1MzE3IDYuNjQzNyAyLjM1MDc4QzcuMDM4IDIuNzUxMjkgNy4zNzUxNSAzLjM0NDMgNy42NTIzIDQuMDA2OTRDNy45MjY3IDQuNjYzMDEgOC4xMjgwNSA1LjM1MjM4IDguMjY2NjYgNS45MTYxN0M4LjMzMjk5IDYuMTg1OTMgOC4xMjg5MiA2LjQxMTQ1IDcuODUxOTkgNi4zNzA1OEM3LjE3MDA1IDYuMjY5OTUgNi4yOTI0MyA2LjA5ODkyIDUuNDUzMzQgNS44MTYyMkM0LjYwNTAyIDUuNTMwNDIgMy44NDYyIDUuMTQ2ODMgMy4zNTYzIDQuNjQ5MjJDMi45NjIgNC4yNDg3MSAyLjYyNDg1IDMuNjU1NyAyLjM0NzcgMi45OTMwNkMyLjA3MzMgMi4zMzY5OSAxLjg3MTk1IDEuNjQ3NjIgMS43MzMzMyAxLjA4MzgzWiIgc3Ryb2tlPSIjMTQxNTE3Ii8+CjxwYXRoIGQ9Ik0xNC4yNjY3IDEuMDgzODNDMTQuMzMzIDAuODE0MDczIDE0LjEyODkgMC41ODg1NDkgMTMuODUyIDAuNjI5NDE1QzEzLjE3MDEgMC43MzAwNSAxMi4yOTI0IDAuOTAxMDgyIDExLjQ1MzMgMS4xODM3OEMxMC42MDUgMS40Njk1OCA5Ljg0NjIgMS44NTMxNyA5LjM1NjMgMi4zNTA3OEM4Ljk2MiAyLjc1MTI5IDguNjI0ODUgMy4zNDQzIDguMzQ3NyA0LjAwNjk0QzguMDczMyA0LjY2MzAxIDcuODcxOTUgNS4zNTIzOCA3LjczMzM0IDUuOTE2MTdDNy42NjcwMSA2LjE4NTkzIDcuODcxMDggNi40MTE0NSA4LjE0ODAxIDYuMzcwNThDOC44Mjk5NSA2LjI2OTk1IDkuNzA3NTcgNi4wOTg5MiAxMC41NDY3IDUuODE2MjJDMTEuMzk1IDUuNTMwNDIgMTIuMTUzOCA1LjE0NjgzIDEyLjY0MzcgNC42NDkyMkMxMy4wMzggNC4yNDg3MSAxMy4zNzUxIDMuNjU1NyAxMy42NTIzIDIuOTkzMDZDMTMuOTI2NyAyLjMzNjk5IDE0LjEyODEgMS42NDc2MiAxNC4yNjY3IDEuMDgzODNaIiBzdHJva2U9IiMxNDE1MTciLz4KPC9zdmc+Cg==); width: 16px; height: 19px } .n-filter__range { display: none } .filters-count { display: none } .mobile-filter { display: none } .n-filter-mobile-btn { display: none } .nicescroll-cursors { margin-right: 1px } .n-catalog__sort-mobile { display: none; } /* NEW STYLE */ .n-page .n-catalog__filter .kind { margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid #ececee; position: relative; } .n-page .n-catalog__filter .kind.active_div { margin-bottom: 35px; padding-bottom: 0; border-bottom: none; } .n-page .n-catalog__filter .kind.filter-FASOVKA { /*display: none;*/ } .filter_name { width: 100%; position: relative; font-size: 14px; font-weight: 700; color: #141517; padding-right: 10px; cursor: pointer; margin-bottom: 15px; padding: 0; border-bottom: none; } .filter_name:after { content: ''; position: absolute; width: 12px; height: 7px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwNDk1IDUuNjQ1MUwwLjcwNTI0MiAxLjM0NTI1QzAuNDMxNTg3IDEuMDcxNzMgMC40MzE1ODcgMC42MjgyNTkgMC43MDUyNDIgMC4zNTQ4NjlDMC45Nzg2NTMgMC4wODE0NTc0IDEuNDIyMSAwLjA4MTQ1NzUgMS42OTU0OSAwLjM1NDg2OUw1LjUwMDA3IDQuMTU5NTdMOS4zMDQ1MiAwLjM1NDk4QzkuNTc4MDUgMC4wODE1Njg0IDEwLjAyMTQgMC4wODE1Njg0IDEwLjI5NDkgMC4zNTQ5OEMxMC41Njg0IDAuNjI4MzkyIDEwLjU2ODQgMS4wNzE4NCAxMC4yOTQ5IDEuMzQ1MzZMNS45OTUwOCA1LjY0NTIxQzUuODU4MzEgNS43ODE5MiA1LjY3OTI1IDUuODUwMTkgNS41MDAwOSA1Ljg1MDE5QzUuMzIwODUgNS44NTAxOSA1LjE0MTY1IDUuNzgxNzggNS4wMDQ5NSA1LjY0NTFaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; float: none; transform: none; margin-top: 0; margin-right: 0; right: 0; top: 5px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .kind.active_div .filter_name:after { position: absolute; width: 12px; height: 7px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwNDk1IDUuNjQ1MUwwLjcwNTI0MiAxLjM0NTI1QzAuNDMxNTg3IDEuMDcxNzMgMC40MzE1ODcgMC42MjgyNTkgMC43MDUyNDIgMC4zNTQ4NjlDMC45Nzg2NTMgMC4wODE0NTc0IDEuNDIyMSAwLjA4MTQ1NzUgMS42OTU0OSAwLjM1NDg2OUw1LjUwMDA3IDQuMTU5NTdMOS4zMDQ1MiAwLjM1NDk4QzkuNTc4MDUgMC4wODE1Njg0IDEwLjAyMTQgMC4wODE1Njg0IDEwLjI5NDkgMC4zNTQ5OEMxMC41Njg0IDAuNjI4MzkyIDEwLjU2ODQgMS4wNzE4NCAxMC4yOTQ5IDEuMzQ1MzZMNS45OTUwOCA1LjY0NTIxQzUuODU4MzEgNS43ODE5MiA1LjY3OTI1IDUuODUwMTkgNS41MDAwOSA1Ljg1MDE5QzUuMzIwODUgNS44NTAxOSA1LjE0MTY1IDUuNzgxNzggNS4wMDQ5NSA1LjY0NTFaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; float: none; transform: none; margin-top: 0; margin-right: 0; right: 0; top: 5px; } .kind.filter-FASOVKA .filter_name { display: none; } .n-catalog .n-catalog__filter .kind label { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 16px; } .kind.filter-FASOVKA { font-weight: 400; } .filter-FASOVKA .n-filter-container { padding-top: 4px; } .filter-active_box.on .n-filter__item-title { display: block; display: inline-block; border: 1px solid #ececee; border-radius: 50px; padding: 6px 45px 6px 7px; margin-bottom: 9px; position: relative; font-size: 14px; line-height: 16px; } .filter-active_box.on .n-filter__item-title:after { content: ''; position: absolute; width: 30px; height: 100%; border-left: 1px solid #ececee; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05Ljg4MTkzIDAuMTE4NTU5QzkuNzI0MTggLTAuMDM5MTk0MyA5LjQ2ODQyIC0wLjAzOTE5NDMgOS4zMTA2NiAwLjExODU1OUwwLjExODU1OSA5LjMxMDY0Qy0wLjAzOTE5NDMgOS40Njg0IC0wLjAzOTE5NDMgOS43MjQxNiAwLjExODU1OSA5Ljg4MTkxQzAuMTk3NDI3IDkuOTYwODIgMC4zMDA4MjUgMTAuMDAwMiAwLjQwNDIwNCAxMC4wMDAyQzAuNTA3NTgzIDEwLjAwMDIgMC42MTA5NjEgOS45NjA4IDAuNjg5ODQ4IDkuODgxODlMOS44ODE5MyAwLjY4OTgwOUMxMC4wMzk3IDAuNTMyMDc1IDEwLjAzOTcgMC4yNzYzMTMgOS44ODE5MyAwLjExODU1OVoiIGZpbGw9IiMxNDE1MTciLz4KPHBhdGggZD0iTTkuODgxNzMgOS4zMTA2NUwwLjY4OTYyNiAwLjExODU2QzAuNTMxODkyIC0wLjAzOTE5NDMgMC4yNzYxMTEgLTAuMDM5MTk0MyAwLjExODM3NiAwLjExODU2Qy0wLjAzOTM3NzQgMC4yNzYyOTQgLTAuMDM5Mzc3NCAwLjUzMjA1NiAwLjExODM3NiAwLjY4OTgwOUw5LjMxMDQ4IDkuODgxOTJDOS4zODkzNSA5Ljk2MDggOS40OTI3NSAxMC4wMDAyIDkuNTk2MTMgMTAuMDAwMkM5LjY5OTUxIDEwLjAwMDIgOS44MDI5MSA5Ljk2MDggOS44ODE3NSA5Ljg4MTk0QzEwLjAzOTUgOS43MjQxNiAxMC4wMzk1IDkuNDY4NCA5Ljg4MTczIDkuMzEwNjVaIiBmaWxsPSIjMTQxNTE3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); background-size: 10px; background-repeat: no-repeat; background-position: center; right: 0; top: 0 } .kind.active_div .filter_name { margin-bottom: 0; } .mn-product__favorites .tooltip_new { width: 160px; } .n-page .n-catalog__filter .kind .n-filter__search { margin-bottom: 21px; display: block; padding-right: 10px } .n-page .n-catalog__filter .kind.active_div .n-filter__search { display: none; } .n-page .n-catalog__filter .kind.filtertwo { margin-bottom: 0; padding-bottom: 0; border: none; } .n-pagination__arrow .n-pagination__link { display: block; height: 100%; } .mn-product__main-img { display: block; } .mn-product__hidden-img { display: none } /*scrollbar*/ .mCSB_draggerContainer { width: 5px; background-color: #ECECEE; } .mCSB_scrollTools .mCSB_dragger { background-color: #8F91A3; width: 3px; left: 1px; border-radius: 10px; } .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 5px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 3px; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 3px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .filter-FASOVKA .n-filter__item-link { padding-right: 0; } .filter-active_box .two_filter label { padding-left: 0; } .mn-product__main-img { display: block; } .mn-product__hidden-img { display: none } .mn-product-catalog { position: relative; } .mn-product-catalog:hover .mn-product__dtlist { display: block; } .mn-product-catalog:hover .mn-product-catalog__body { z-index: 2; position: relative; } .mn-product__dtlist { position: absolute; top: -4px; left: -15px; right: -15px; bottom: -6px; background: transparent; display: none; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); border-radius: 5px 5px 0 0; } .mn-product__dtlist-bottom { position: absolute; left: 0; bottom: 0; right: 0; transform: translateY(100%); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 0 15px 18px; z-index: 2; border-radius: 0 0 5px 5px; } .mn-product__dtlist .mn-product__add-to-cart { width: 100%; height: 31px; background-color: #8FBC62; border: 1px solid #FFFFFF; border-radius: 5px; position: relative; width: 172px; } .mn-product__dtlist .mn-product__add-to-cart span { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; color: rgb(255, 255, 255); text-align: center; display: flex; justify-content: center; align-items: center; } .mn-product__dtlist .mn-product__info > form { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .mn-product__dtlist .mn-product__favorites { margin-left: 22px; -ms-flex-negative: 0; flex-shrink: 0; } .mn-product__dtlist .mn-product__favorites:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4Wk0xNS45NjkzIDguMTgwMThDMTQuNTA5NSAxMS41MTk2IDEwLjIwMTMgMTMuODIyOSA4Ljk5OTQ2IDE0LjQxMjhDNy43OTcyNCAxMy44MjM5IDMuNDkzODEgMTEuNTI3MSAyLjAzMDYyIDguMTgwMThDMC44ODMyMDIgNS41NTU2OSAxLjg4MzM1IDMuMTIwMjEgMy40NjQzIDIuMDcwOTdDNC4wMzc4IDEuNjkwMzEgNC42NjE2MSAxLjUwMzA4IDUuMzAzMTIgMS41MDMwOEM2LjM1NTY5IDEuNTAzMDggNy40NTU2MSAyLjAwNzQ1IDguNDU3MTYgMi45ODkzM0M4Ljc1NzA1IDMuMjgzMTkgOS4yNDI4NiAzLjI4MzE5IDkuNTQyNjEgMi45ODkzM0MxMS4xNTQ2IDEuNDA4OTkgMTMuMDIxMyAxLjA2NTgxIDE0LjUzNTUgMi4wNzA5N0MxNi4xMTY2IDMuMTIwMjEgMTcuMTE2NyA1LjU1NTY5IDE1Ljk2OTMgOC4xODAxOFoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==); } .mn-product__dtlist .mn-product__favorites.added:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .mn-product__dtlist .mn-product__add-to-cart:hover { background-color: #7fa955; } .mn-product-catalog-new .mn-product__title { font-size: 13px; } .mn-product-catalog-new .mn-product__all-price { margin-bottom: 7px; } .mn-product-catalog-new .mn-product__price { margin-right: 13px; } .mn-product-catalog-new .mn-product__price.is_discount { color: #FF343C; } .mn-product-catalog-new .mn-discount { border-radius: 4px; } .mn-product__pic img { padding: 0 5px; } .n-catalog .n-catalog__filter .kind label { position: relative; } .filter-BAKALEYA .n-checkbox__pseudo { width: 0; height: 0; position: absolute; right: 0; top: 1px; border: 0; } .filter-BAKALEYA .n-checkbox__pseudo:before { content: ''; position: absolute; width: 12px; height: 7px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwNDk1IDUuNjQ1MUwwLjcwNTI0MiAxLjM0NTI1QzAuNDMxNTg3IDEuMDcxNzMgMC40MzE1ODcgMC42MjgyNTkgMC43MDUyNDIgMC4zNTQ4NjlDMC45Nzg2NTMgMC4wODE0NTc0IDEuNDIyMSAwLjA4MTQ1NzUgMS42OTU0OSAwLjM1NDg2OUw1LjUwMDA3IDQuMTU5NTdMOS4zMDQ1MiAwLjM1NDk4QzkuNTc4MDUgMC4wODE1Njg0IDEwLjAyMTQgMC4wODE1Njg0IDEwLjI5NDkgMC4zNTQ5OEMxMC41Njg0IDAuNjI4MzkyIDEwLjU2ODQgMS4wNzE4NCAxMC4yOTQ5IDEuMzQ1MzZMNS45OTUwOCA1LjY0NTIxQzUuODU4MzEgNS43ODE5MiA1LjY3OTI1IDUuODUwMTkgNS41MDAwOSA1Ljg1MDE5QzUuMzIwODUgNS44NTAxOSA1LjE0MTY1IDUuNzgxNzggNS4wMDQ5NSA1LjY0NTFaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: cover; float: none; transform: none; margin-top: 0; margin-right: 0; right: -20px; top: 2px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .filter-BAKALEYA .n-checkbox input:checked+.n-checkbox__pseudo:after { display: none; } .filter-BAKALEYA .n-checkbox input:checked+.n-checkbox__pseudo:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter-BAKALEYA .two_filter .n-checkbox__pseudo:before { content: none; } .filter-BAKALEYA .n-checkbox input:checked ~ .n-filter__item-title { color: #8fbc62; } .preloader-catalog { margin-top: -35px; width: 100%; display: flex; align-items: center; justify-content: center; } .preloader-catalog__title { font-size: 14px; color: #8f91a3; font-weight: 700; padding: 10px 0px; } .preloader-catalog__img { margin-left: 10px; width: 30px; } .sort-margin { margin-bottom: 5px; } .mob-filter, .mob-filter-category { display: none; } .n-catalog-mobile-header { display: none; } .overflow-hidden { overflow: hidden !important; } .n-filter-category__back { font-weight: normal; position: relative; font-size: 14px; line-height: 1.2; color: #141517; padding: 5px 10px 5px 20px; display: block; width: 100%; min-height: 36px; display: flex; align-items: center; } .n-filter-category__back:before { content: ""; position: absolute; width: 6px; height: 10px; left: 6px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjM1NDg2OSA0LjUwNDk1TDQuNjU0NzIgMC4yMDUyNDRDNC45MjgyNCAtMC4wNjg0MSA1LjM3MTcxIC0wLjA2ODQxIDUuNjQ1MSAwLjIwNTI0NEM1LjkxODUxIDAuNDc4NjU2IDUuOTE4NTEgMC45MjIxMDIgNS42NDUxIDEuMTk1NDlMMS44NDA0IDUuMDAwMDdMNS42NDQ5OSA4LjgwNDUyQzUuOTE4NCA5LjA3ODA1IDUuOTE4NCA5LjUyMTQ1IDUuNjQ0OTkgOS43OTQ4NkM1LjM3MTU4IDEwLjA2ODQgNC45MjgxMyAxMC4wNjg0IDQuNjU0NjEgOS43OTQ4NkwwLjM1NDc1OCA1LjQ5NTA5QzAuMjE4MDUyIDUuMzU4MzEgMC4xNDk3NzcgNS4xNzkyNSAwLjE0OTc3NyA1LjAwMDFDMC4xNDk3NzcgNC44MjA4NSAwLjIxODE4NSA0LjY0MTY2IDAuMzU0ODY5IDQuNTA0OTVaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); } /* .n-filter-category__back-level3:before{ display:none; } */ .n-filter-category__root{ font-weight: bold; } .n-filter-category__current { font-size: 14px; line-height: 1.3; background-color: #ddebd0; color: #000000; border-radius: 5px; padding: 4px 27px 4px 7px; min-height: 34px; display: flex; align-items: center; } .n-filter-caregory__item { font-size: 14px; line-height: 1.2; color: #000000; border-bottom: 1px solid #ECECEE; width: 100%; display: flex; align-items: center; padding: 8px 4px 8px 20px; border-radius: 5px; } .n-filter-caregory__item:hover { background: #F7F6F7; } .n-filter-category { margin-bottom: 46px; } .n-filter-price { margin-bottom: 53px; position: relative; } .n-filter-price__title { font-weight: bold; font-size: 16px; margin-bottom: 20px; } .n-filter-price__input-box { display: flex; align-items: center; justify-content: space-between; } .n-filter-price__input-item { flex: 0 0 49%; max-width: 49%; position: relative; } .n-filter-price__input-item span { font-size: 12px; color: #141517; opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); left: 8px; margin-top: 1px; } .n-filter-price__input { width: 100%; background: #F2F2F2; border-radius: 5px; border: none; height: 35px; font-size: 14px; color: #141517; padding-left: 28px; } .n-filter-price__input::-webkit-outer-spin-button, .n-filter-price__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number].n-filter-price__input { -moz-appearance: textfield; } .n-catalog__sort-new { background-color: #F7F6F7; padding: 11px 0 11px 64px; font-size: 16px; position: relative; } .n-catalog__sort-new:before { content: ''; position: absolute; left: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 29px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 27px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjE1IiB5MT0iMSIgeDI9IjI4IiB5Mj0iMSIgc3Ryb2tlPSIjNkM2RDc5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTUiIHkxPSIxMCIgeDI9IjI0IiB5Mj0iMTAiIHN0cm9rZT0iIzZDNkQ3OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjY2NDMgNi43NTI2OUM5LjI1MTUxIDcuMTE5NiA4LjYxOTQ0IDcuMDgyNDEgOC4yNTI1MyA2LjY2OTYzTDUuOTk5NzkgNC4xMzUyMlYxNS44NzUxTDguMjUyNSAxMy4zNDA4QzguNjE5NDIgMTIuOTI4MSA5LjI1MTQ5IDEyLjg5MDkgOS42NjQyOCAxMy4yNTc4QzEwLjA3NzEgMTMuNjI0NyAxMC4xMTQyIDE0LjI1NjggOS43NDczMiAxNC42Njk2TDUuNzQ3MzIgMTkuMTY5Nkw0Ljk5OTkxIDIwLjAxMDRMNC4yNTI1IDE5LjE2OTZMMC4yNTI2MjUgMTQuNjY5N0MtMC4xMTQyOTIgMTQuMjU2OSAtMC4wNzcxMTAzIDEzLjYyNDggMC4zMzU2NzMgMTMuMjU3OUMwLjc0ODQ1NiAxMi44OTEgMS4zODA1MyAxMi45MjgyIDEuNzQ3NDUgMTMuMzQxTDMuOTk5NzkgMTUuODc0OVY0LjEzNTY2TDEuNzQ3NDIgNi42Njk1N0MxLjM4MDUgNy4wODIzNiAwLjc0ODQyOSA3LjExOTU0IDAuMzM1NjQ3IDYuNzUyNjJDLTAuMDc3MTM1NyA2LjM4NTcgLTAuMTE0MzE3IDUuNzUzNjMgMC4yNTI2MDEgNS4zNDA4NUw0LjI1MjYgMC44NDA4NDdMNS4wMDAwMiAwTDUuNzQ3NDMgMC44NDA4NThMOS43NDczNyA1LjM0MDkyQzEwLjExNDMgNS43NTM3MSAxMC4wNzcxIDYuMzg1NzggOS42NjQzIDYuNzUyNjlaIiBmaWxsPSIjNkM2RDc5Ii8+CjxsaW5lIHgxPSIxNSIgeTE9IjE5IiB4Mj0iMTgiIHkyPSIxOSIgc3Ryb2tlPSIjNkM2RDc5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K); } .n-catalog__sort-new .n-catalog__sort-wrapper { line-height: 1; } .n-catalog__sort-new .n-catalog__sort-link { margin-right: 49px; color: #8F91A3; border-bottom: 1px solid; } .n-catalog__sort-new .n-catalog__sort-link.active { color: #141517; } .n-catalog__tags-list { list-style-type: none; padding: 0; margin: 0 0 20px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding-right: 170px; position: relative; max-height: 40px; -webkit-transition: max-height .35s ease; -o-transition: max-height .35s ease; transition: max-height .35s ease; } .n-catalog__tags-list.all { max-height: 200px; padding-right: 0; } .n-catalog__tags-item--more { opacity: 0; -webkit-animation: showMe2 .4s .1s forwards; animation: showMe2 .4s .1s forwards; } .n-catalog__tags-list.all .n-catalog__tags-item--more { position: static; opacity: 0; -webkit-animation: showMe .35s .1s forwards; animation: showMe .35s .1s forwards; } @-webkit-keyframes showMe { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showMe { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes showMe2 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showMe2 { 0% { opacity: 0; } 100% { opacity: 1; } } .n-catalog__tags-item { border-radius: 50px; border: 1px solid #8FBC62; background-color: #fff; position: relative; margin-right: 15px; margin-bottom: 15px; } .n-catalog__tags-item--more { position: absolute; right: 0; border-color: #DADADA; background-color: rgba(218, 218, 218, .2) !important; margin-right: 0; margin-bottom: 0; } .n-catalog__tags-item:hover { background-color: rgba(143, 188, 98, .1); } .n-catalog__tags-link { padding: 9px 22px; display: block; text-decoration: none; color: #141517; } .n-filter-price__range { margin-bottom: 10px; } .js-range-slider-desktop { display: none; } .n-filter-price__range .n-filter__range { display: block; margin-top: -22px; } .n-filter__range { padding: 0 0 10px; display: block; width: 100%; } .n-filter__range .irs { height: 50px; padding: 0; } .n-filter__range .irs-bar { position: absolute; display: block; left: 0; width: 0; height: 4px; top: 33px; background: #8FBC62; } .n-filter__range .irs-line { height: 4px; top: 33px; background: #ececee; border-radius: 2px; margin-right: 1px; } .n-filter__range .irs-max, .n-filter__range .irs-min { display: none } .n-filter__range .irs-from, .n-filter__range .irs-single, .n-filter__range .irs-to { display: none !important; color: #000; font-size: 14px; position: absolute; top: 6px!important; text-align: center; line-height: 1; display: block; background-color: transparent; background-repeat: no-repeat; border-radius: 0; font-family: HelveticaNeueCyr, sans-serif } .n-filter__range .irs-from:before, .n-filter__range .irs-single:before, .n-filter__range .irs-to:before { display: none } .n-filter__range .irs-single:before { display: none } .n-filter__range .irs-slider { top: 36px } .n-filter__range .irs--flat .irs-handle { width: 20px; height: 20px; top: 24px; border-radius: 50%; background: #F2F2F2; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-radius: 50%; } .n-filter__range .irs--flat .irs-handle:before { content: ""; position: absolute; width: 7px; height: 7px; background: #8FBC62; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .n-filter__range .irs--flat .irs-handle i { display: none } .n-filter__range .irs-line-mid { height: 4px } .n-catalog-filter-btns { display: flex; flex-wrap: wrap; margin-bottom: 0px; } .n-filter-btn { color: #141517; font-size: 14px; background: #F7F6F7; border-radius: 50px; padding: 9px 13px 9px 15px; position: relative; margin-right: 9px; margin-bottom: 8px; display: flex; align-items: center; } .n-filter-btn__name { display: inline-block; margin-right: 9px; } .n-filter-btn__del { display: inline-block; width: 18px; height: 18px; background: #8F91A3; opacity: 0.5; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); position: relative; border-radius: 50%; } .n-filter-btn__del:before { content: ""; position: absolute; width: 6px; height: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMTQ2NTE4IDUuODUzNDZDMC4yNDQxNDQgNS45NTExOSAwLjM3MTk5NyA2IDAuNDk5OTU3IDZDMC42Mjc5MTcgNiAwLjc1NTg3NyA1Ljk1MTE5IDAuODUzNTAzIDUuODUzNDZMMy4wMDAwMSAzLjcwNjk1TDUuMTQ2NDcgNS44NTM0MkM1LjI0NDEgNS45NTExNSA1LjM3MjA2IDUuOTk5OTYgNS41MDAwMiA1Ljk5OTk2QzUuNjI3OTggNS45OTk5NiA1Ljc1NTgzIDUuOTUxMTUgNS44NTM0NiA1Ljg1MzQyQzYuMDQ4ODEgNS42NTgxNiA2LjA0ODgxIDUuMzQxNzkgNS44NTM0NiA1LjE0NjQzTDMuNzA2OTkgMi45OTk5N0w1Ljg1MzQ1IDAuODUzNTA0QzYuMDQ4ODEgMC42NTgyNTIgNi4wNDg3IDAuMzQxNzcgNS44NTM0NSAwLjE0NjUxOUM1LjY1ODIgLTAuMDQ4ODM5NSA1LjM0MTgyIC0wLjA0ODgzOTUgNS4xNDY0NyAwLjE0NjUxOUwzLjAwMDAxIDIuMjkyOThMMC44NTM1MDQgMC4xNDY0NzlDMC42NTgyNTIgLTAuMDQ4ODc5NiAwLjM0MTc3IC0wLjA0ODc3MjggMC4xNDY1MTkgMC4xNDY0NzlDLTAuMDQ4ODM5NSAwLjM0MTczIC0wLjA0ODgzOTUgMC42NTgxMDYgMC4xNDY1MTkgMC44NTM0NjRMMi4yOTMwMiAyLjk5OTk3TDAuMTQ2NTE4IDUuMTQ2NDdDLTAuMDQ4ODM5NSA1LjM0MTcyIC0wLjA0ODgzOTUgNS42NTgyIDAuMTQ2NTE4IDUuODUzNDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .n-catalog-new-sort__current { font-size: 14px; color: #141517; } .n-catalog-new-sort { width: 275px; height: 34px; display: flex; align-items: center; padding-left: 15px; padding-right: 30px; position: relative; background: #FFFFFF; border: 1px solid #DADADA; border-radius: 5px; margin-bottom: 20px; cursor: pointer; } .n-catalog-new-sort.active { border: 1px solid #8FBC62; } .n-catalog-new-sort.active:before { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .n-catalog-new-sort:before { content: ""; position: absolute; width: 11px; height: 6px; right: 14px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjA0NDU2IDUuNzg0MTNMMTAuNzc0MiAxLjI1ODI3QzExLjA3NTMgMC45NzAzNzUgMTEuMDc1MyAwLjUwMzU5NiAxMC43NzQyIDAuMjE1ODM3QzEwLjQ3MzUgLTAuMDcxOTQ1MiA5Ljk4NTY5IC0wLjA3MTk0NTIgOS42ODQ5NiAwLjIxNTgzN0w1LjQ5OTkyIDQuMjIwNTJMMS4zMTUwMiAwLjIxNTk1M0MxLjAxNDE1IC0wLjA3MTgyOTIgMC41MjY0MDggLTAuMDcxODI5MiAwLjIyNTY1NSAwLjIxNTk1M0MtMC4wNzUyMTg1IDAuNTAzNzM2IC0wLjA3NTIxODYgMC45NzA0OTEgMC4yMjU2NTUgMS4yNTgzOUw0Ljk1NTQxIDUuNzg0MjRDNS4xMDU4NiA1LjkyODE0IDUuMzAyODMgNiA1LjQ5OTkgNkM1LjY5NzA2IDYgNS44OTQxOCA1LjkyOCA2LjA0NDU2IDUuNzg0MTNaIiBmaWxsPSIjNkM2RDc5Ii8+Cjwvc3ZnPgo=); } .n-catalog-new-sort__list { position: absolute; z-index: 22; bottom: -1px; left: 0px; transform: translateY(100%); background: #FFFFFF; border: 1px solid #DADADA; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; width: calc(100% + 2px); display: none; } .n-catalog-new-sort.active .n-catalog-new-sort__list { display: block; } .n-catalog-new-sort__link { width: 100%; display: block; color: #141517; background: #FFFFFF; position: relative; height: 34px; display: flex; align-items: center; padding: 0 15px; } .n-catalog-new-sort__link:hover { background: #F9F8F7; } .n-catalog-new-sort__list li:first-child .n-catalog-new-sort__link { border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } .n-catalog-new-sort__list li:last-child .n-catalog-new-sort__link { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; } .n-catalog-new-sort__link.current:before { content: ""; position: absolute; width: 12px; height: 12px; right: 14px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00LjU5NTAyIDEwLjQ4MjlDNC40ODA0NyAxMC41OTgxIDQuMzI0MTkgMTAuNjYyNCA0LjE2MTg1IDEwLjY2MjRDMy45OTk1MSAxMC42NjI0IDMuODQzMjIgMTAuNTk4MSAzLjcyODY4IDEwLjQ4MjlMMC4yNjkyNTkgNy4wMjI5MkMtMC4wODk3NTMgNi42NjM5MSAtMC4wODk3NTMgNi4wODE3NSAwLjI2OTI1OSA1LjcyMzQxTDAuNzAyNDI5IDUuMjkwMTNDMS4wNjE1NSA0LjkzMTEyIDEuNjQzMDQgNC45MzExMiAyLjAwMjA1IDUuMjkwMTNMNC4xNjE4NSA3LjQ1MDA0TDkuOTk3OTIgMS42MTM4NUMxMC4zNTcgMS4yNTQ4NCAxMC45MzkxIDEuMjU0ODQgMTEuMjk3NSAxLjYxMzg1TDExLjczMDcgMi4wNDcxM0MxMi4wODk3IDIuNDA2MTQgMTIuMDg5NyAyLjk4ODE5IDExLjczMDcgMy4zNDY2NEw0LjU5NTAyIDEwLjQ4MjlaIiBmaWxsPSIjOEZCQzYyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .filter-popup-result { background: #2C2E3F; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; display: flex; align-items: center; font-size: 14px; color: #FFF; position: absolute; top: 17%; left: 111%; white-space: nowrap; padding: 20px 13px 23px; z-index: 2222; } .filter-popup-result__text { margin-right: 10px; position: relative; } .filter-popup-result__link { font-weight: bold; font-size: 14px; color: #8FBC62; text-decoration: underline; } .filter-popup-result:before { content: ""; position: absolute; width: 20px; height: 20px; border-top-right-radius: 29%; transform: rotate(-147deg) skewX(-30deg) scale(1,.866); background: #2C2E3F; border: 1px solid #2C2E3F; top: 50%; left: -11px; margin-top: -11px; border-left-color: transparent; border-bottom-color: transparent; } .n-filter__clear { font-size: 12px; color: #8F91A3; margin-left: 10px; text-decoration: underline; font-weight: 400; } .n-filter-category-3 .n-filter-category__root { padding: 5px 10px 5px 15px; font-weight: normal; color: #141517; position: relative } .n-filter-category-3 .n-filter-category__back { font-weight: normal; position: relative; padding: 5px 10px 5px 15px; } .n-filter-category-3 .n-filter-category__root:before { content: ""; position: absolute; width: 6px; left: 0; height: 10px; left: 0px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url( data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjM1NDg2OSA0LjUwNDk1TDQuNjU0NzIgMC4yMDUyNDRDNC45MjgyNCAtMC4wNjg0MSA1LjM3MTcxIC0wLjA2ODQxIDUuNjQ1MSAwLjIwNTI0NEM1LjkxODUxIDAuNDc4NjU2IDUuOTE4NTEgMC45MjIxMDIgNS42NDUxIDEuMTk1NDlMMS44NDA0IDUuMDAwMDdMNS42NDQ5OSA4LjgwNDUyQzUuOTE4NCA5LjA3ODA1IDUuOTE4NCA5LjUyMTQ1IDUuNjQ0OTkgOS43OTQ4NkM1LjM3MTU4IDEwLjA2ODQgNC45MjgxMyAxMC4wNjg0IDQuNjU0NjEgOS43OTQ4NkwwLjM1NDc1OCA1LjQ5NTA5QzAuMjE4MDUyIDUuMzU4MzEgMC4xNDk3NzcgNS4xNzkyNSAwLjE0OTc3NyA1LjAwMDFDMC4xNDk3NzcgNC44MjA4NSAwLjIxODE4NSA0LjY0MTY2IDAuMzU0ODY5IDQuNTA0OTVaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); } .n-filter-category-3 .n-filter-category__back:before { content: ""; position: absolute; width: 6px; left: 0; height: 10px; left: 0px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url( data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjM1NDg2OSA0LjUwNDk1TDQuNjU0NzIgMC4yMDUyNDRDNC45MjgyNCAtMC4wNjg0MSA1LjM3MTcxIC0wLjA2ODQxIDUuNjQ1MSAwLjIwNTI0NEM1LjkxODUxIDAuNDc4NjU2IDUuOTE4NTEgMC45MjIxMDIgNS42NDUxIDEuMTk1NDlMMS44NDA0IDUuMDAwMDdMNS42NDQ5OSA4LjgwNDUyQzUuOTE4NCA5LjA3ODA1IDUuOTE4NCA5LjUyMTQ1IDUuNjQ0OTkgOS43OTQ4NkM1LjM3MTU4IDEwLjA2ODQgNC45MjgxMyAxMC4wNjg0IDQuNjU0NjEgOS43OTQ4NkwwLjM1NDc1OCA1LjQ5NTA5QzAuMjE4MDUyIDUuMzU4MzEgMC4xNDk3NzcgNS4xNzkyNSAwLjE0OTc3NyA1LjAwMDFDMC4xNDk3NzcgNC44MjA4NSAwLjIxODE4NSA0LjY0MTY2IDAuMzU0ODY5IDQuNTA0OTVaIiBmaWxsPSIjOEY5MUEzIi8+Cjwvc3ZnPgo=); } .n-filter-category-3 .n-filter-category__current { padding-left: 15px; padding-right: 10px; background-color: #ddebd0; color: #000000; position: relative; } .n-filter-category-2 .n-filter-category__current { background-color: #ddebd0; color: #000000; } .mn-product__dtlist .mn-product__add-to-cart.in_cart { background-color: #719948; } .mn-product__dtlist .mn-product__add-to-cart:before { content: ""; position: absolute; width: 8px; height: 6px; background-repeat: no-repeat; background-position: center; left: 18px; top: 50%; transform: translateY(-50%); opacity: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjgwOTk0IDYuNzE0NjFDNC40NzU1OCA3LjA3OTk0IDMuOTAzNTkgNy4wODE1OSAzLjUzMzA4IDYuNzE4MjdMMS40NTI4NiA0LjY3OTM4QzEuMDgyMiA0LjMxNjI1IDEuMDUyNzQgMy43MjUxIDEuMzg3MTEgMy4zNTk5NEMxLjcyMTMgMi45OTQ2MSAyLjI5MzI5IDIuOTkyOTcgMi42NjM5NiAzLjM1NjI4TDMuOTAzMzYgNC41NzA4OEMzLjk5NjkxIDQuNjYyNDEgNC4xNDEzNSA0LjY2MTk5IDQuMjI1OTMgNC41Njk5NUw3LjI1MzEgMS4yNjIzNkM3LjU4NzI5IDAuODk3MDI4IDguMTU5MjggMC44OTUzODUgOC41Mjk5NSAxLjI1ODdDOC43MDc5NiAxLjQzMzE2IDguODE0ODkgMS42NzAyNiA4LjgyNzIyIDEuOTE3NjZDOC44Mzk1NSAyLjE2NTA1IDguNzU2MjggMi40MDI3IDguNTk1NzEgMi41NzgxNEw0LjgwOTk0IDYuNzE0NjFaIiBmaWxsPSIjRjlGOEY3Ii8+Cjwvc3ZnPgo=); } .mn-product__dtlist .mn-product__add-to-cart.in_cart:before{ animation: addToCartAnim .3s ease; opacity: 1; } @keyframes addToCartAnim{ 0%{ transform: scale(0) translateY(-50%); opacity: 0; } 100%{ transform: scale(1) translateY(-50%); opacity: 1; } } .filter_name1 { border-bottom: 1px solid #ECECEE; overflow: hidden; width: 100%; font-weight: bold; color: #000; } .filter_name1 a { color: #000; padding: 11px 0; display: block; } .filter_name_wrap { margin-bottom: 46px; } .mn-label-new { background-color: #7534ff; color: #fff; font-weight: 700; font-size: 11px; /* line-height: 15px; */ text-transform: uppercase; height: 16px; width: 34px; text-align: center; border-radius: 4px; position: absolute; bottom: -10px; display: inline-flex; justify-content: center; align-items: center; line-height: 1; } .mn-new__products .labels{ bottom: -2px; } @media (max-width: 767px){ .mn-label-new { bottom: -5px; } .mn-new__products .labels{ bottom: -2px; } } .labels-new { position: absolute; bottom: 0; left: 0; } .labels-new-double .mn-label-new { bottom: 8px; } @media (max-width: 767px){ .labels-new-double .mn-label-new { bottom: 13px; } } .n-catalog__products .label-is-out { z-index: 4; } /* .n-catalog__tags.mob_tagurl { display: none !important; } .n-catalog__tags .mob_tagurl { display: none !important; } /* нет в наличии */ .mn-product-catalog.is-out .mn-product__dtlist .mn-product__add-to-cart { opacity: 0; visibility: hidden; } .mn-product-catalog.is-out .mn-product__price { color: #DADADA; } .label-is-out { position: absolute; top: 15px; left: 10px; font-size: 14px; color: #FFFFFF; background: rgba(144, 143, 157, 0.9); border-radius: 5px; z-index: 5; padding: 8px 10px; } .to-top { width: 57px; height: 57px; position: fixed; left: 45px; bottom: 50px; display: none; cursor: pointer; background-color: #8FBC62; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 20px; background-image: url(/bitrix/templates/empty/images/totop.svg); z-index: 1; -webkit-transition: bottom .4s .2s ease-in-out; -o-transition: bottom .4s .2s ease-in-out; transition: bottom .4s .2s ease-in-out; } .arrow-rails { position: relative; width: 100%; height: 1px; } .to-top.abs { position: absolute; bottom: 0 !important; } /*MEDIA*/ @media all and (min-width: 768px) { .n-catalog__tags.mob_tagurl { display: none !important; } .n-catalog__tags .mob_tagurl { display: none !important; } } @media all and (max-width:1279px) { .mn-product.mn-product-catalog .mn-product__pic { max-width: 100%; height: 200px } .mn-product__dtlist { position: relative; display: block; top: auto; left: auto; right: auto; bottom: auto; box-shadow: none; padding-top: 4px; } .mn-product__dtlist-bottom { position: relative; left: auto; right: auto; bottom: auto; padding: 0; transform: none; background-color: transparent; box-shadow: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px ) and (max-width: 1399px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 768px ) and (max-width: 1399px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 768px ) and (max-width: 1399px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 768px ) and (max-width: 1399px), only screen and ( min-resolution: 192dpi) and (min-width: 768px ) and (max-width: 1399px), only screen and ( min-resolution: 2dppx) and (min-width: 768px ) and (max-width: 1399px) { .mn-product__dtlist { position: relative; display: block; top: auto; left: auto; right: auto; bottom: auto; box-shadow: none; padding-top: 4px; } .mn-product__dtlist-bottom { position: relative; left: auto; right: auto; bottom: auto; padding: 0; transform: none; background-color: transparent; box-shadow: none; } } @media all and (min-width : 768px) and (max-width : 874px) { .mn-product__dtlist .mn-product__add-to-cart.in_cart:before { display: none !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .tooltip_new { display: none !important; } } @media all and (max-width:1023px) { .mn-product.mn-product-catalog { width: calc(33.333% - 18px); margin: 0 9px 10px; } .mn-product.mn-product-catalog .mn-product__pic { height: 170px } .n-pagination__arrow--right { margin-left: 10px; } .n-pagination__arrow--left { margin-right: 10px; } .mn-product.mn-product-catalog { margin: 0 9px 18px; } .n-catalog__sort-new { font-size: 13px; padding-left: 50px; } .n-catalog__sort-new .n-catalog__sort-link { margin-right: 2vw; } } @media all and (max-width:767px) { .n-page { overflow: hidden; } .n-page.main-catalog { overflow: visible; } .n-breadcrumbs { margin: 0 0 10px; } .n-catalog__banner { display: none } .n-catalog { display: block } .n-title { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .n-title h1 { line-height: 1; margin-bottom: 10px; margin-right: 15px; } .mobile-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mobile-filter.open .mobile-filter-open { background-color: #8fbc62; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjAuNSIgeTE9Ii0wLjUiIHgyPSIyNy4xNDg5IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjkwNDc1IC0wLjcyMzM1NiAwLjY5MDQ3NSAtMC43MjMzNTYgMjAgMjApIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNSIgeTE9Ii0wLjUiIHgyPSIyNy4xNDg5IiB5Mj0iLTAuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjkwNDc1IDAuNzIzMzU2IC0wLjY5MDQ3NSAtMC43MjMzNTYgMTkuMDkxOCAwKSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); background-size: 20px } .mobile-filter.open .mobile-filter-close { display: block } .mobile-filter-open { display: inline-block; width: 38px; height: 38px; border: 1px solid #dcd7d1; border-radius: 4px; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iMy41IiByPSIzIiBzdHJva2U9ImJsYWNrIi8+CjxjaXJjbGUgY3g9IjYuNSIgY3k9IjE4LjUiIHI9IjMiIHN0cm9rZT0iYmxhY2siLz4KPGNpcmNsZSByPSIzIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMy41IDExLjUpIiBzdHJva2U9ImJsYWNrIi8+CjxsaW5lIHgxPSIxMS41IiB5MT0iMy41IiB4Mj0iMjAuNSIgeTI9IjMuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSI5LjUiIHkxPSIxOC41IiB4Mj0iMjAuNSIgeTI9IjE4LjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTAuNSIgeTE9IjExLjUiIHgyPSIwLjUiIHkyPSIxMS41IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNSIgeTE9IjMuNSIgeDI9IjUuNSIgeTI9IjMuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIwLjUiIHkxPSIxOC41IiB4Mj0iMy41IiB5Mj0iMTguNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIyMC41IiB5MT0iMTEuNSIgeDI9IjE2LjUiIHkyPSIxMS41IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); background-size: 21px; background-position: center; background-repeat: no-repeat } .mobile-filter-close { color: #8f91a3; display: none; margin-right: 5px } .n-checkbox__pseudo { margin-top: 1px } .n-catalog__filter { position: absolute; width: calc(100% + 30px); left: -15px; right: -15px; top: 45px; background-color: #fff; z-index: 3; padding: 0; display: none; padding: 20px 10px; } .n-catalog__filter.mobile-open { display: block } .n-filter__selected { display: none } .n-catalog__sort { position: relative; display: inline-block; z-index: 3; margin-bottom: 0; display: none; } .n-catalog__sort.open b:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .n-catalog__sort.open .n-catalog__sort-wrapper { display: block; } .n-catalog__sort.open .n-catalog__sort-link.active { display: none; } .n-catalog__sort b { border: 1px solid #dcd7d1; border-radius: 4px; padding: 0 42px 0 7px; line-height: 36px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; position: relative; font-weight: 400; display: inline-block; width: 100%; } .n-catalog__sort b:after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMC41TDUuNSA1LjVMMTAuNSAwLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: cover; width: 11px; height: 6px; position: absolute; right: 15px; top: 50%; margin-top: -3px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .n-catalog__sort-wrapper { position: absolute; background-color: #fff; width: 100%; top: calc(100% - 3px); border: 1px solid #dcd7d1; border-top: none; border-radius: 4px; padding: 7px; display: none; } .n-catalog__sort-link { margin-bottom: 10px; } .n-catalog-mobile-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .n-filter__mobile-only { display: block; } .n-catalog__filter-title { display: none; } .n-filter__group { padding-top: 16px; padding-bottom: 20px; border-bottom: 1px solid #ececee; margin-bottom: 0; } .n-filter__group.open .n-filter__title { margin-bottom: 15px; } .n-filter__title { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .n-filter-container { max-height: unset; } .n-filter-mobile-btn { width: 100%; margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .n-filter__search input { height: 43px; } /*.n-filter__range { padding: 0 0 10px; display: block; width: 100%; } .n-filter__range .irs { height: 50px; padding: 0; } .n-filter__range .irs-bar { position: absolute; display: block; left: 0; width: 0; height: 4px; top: 33px; background: #8FBC62; } .n-filter__range .irs-line { height: 4px; top: 33px; background: #ececee; border-radius: 2px; margin-right: 1px; } .n-filter__range .irs-max, .n-filter__range .irs-min { display: none } .n-filter__range .irs-from, .n-filter__range .irs-single, .n-filter__range .irs-to { display: none !important; color: #000; font-size: 14px; position: absolute; top: 6px!important; text-align: center; line-height: 1; display: block; background-color: transparent; background-repeat: no-repeat; border-radius: 0; font-family: HelveticaNeueCyr, sans-serif } .n-filter__range .irs-from:before, .n-filter__range .irs-single:before, .n-filter__range .irs-to:before { display: none } .n-filter__range .irs-single:before { display: none } .n-filter__range .irs-slider { top: 36px } .n-filter__range .irs--flat .irs-handle { width: 20px; height: 20px; top: 24px; border-radius: 50%; background: #F2F2F2; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-radius: 50%; } .n-filter__range .irs--flat .irs-handle:before { content: ""; position: absolute; width: 7px; height: 7px; background: #8FBC62; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .n-filter__range .irs--flat .irs-handle i { display: none } .n-filter__range .irs-line-mid { height: 4px }*/ .mn-product.mn-product-catalog { width: calc(50% - 18px); margin-bottom: 5px; } .n-pagination-wrapper { text-align: center } .n-pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 370px; margin-left: auto; margin-right: auto } .n-pagination__item { margin: 0 auto } .filters-count { margin-left: auto; margin-right: 15px; display: inline-block; color: #fff; position: relative; font-size: 11px; line-height: 1; min-width: 14px; display: none } .filters-count:before { content: ''; position: absolute; width: 14px; height: 14px; background-color: #8f91a3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .filters-count span { position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .n-catalog__sort-mobile { position: relative; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 170px; cursor: pointer; } .sort-mobile-el { border: none; padding: 0 7px 0 41px; line-height: 36px; position: relative; font-weight: 400; display: inline-block; width: 100%; } .sort-mobile-el:after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjE5LjUiIHkxPSI4LjUiIHgyPSIxMS41IiB5Mj0iOC41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjAiIGhlaWdodD0iMCIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgd2lkdGg9IjAiIGhlaWdodD0iMCIvPgo8L21hc2s+CjxwYXRoIGQ9Ik00Ljg1MzU1IDAuMTQ2NDQ3QzQuNjU4MjkgLTAuMDQ4ODE1NiA0LjM0MTcxIC0wLjA0ODgxNTYgNC4xNDY0NSAwLjE0NjQ0N0wwLjk2NDQ2NiAzLjMyODQzQzAuNzY5MjA0IDMuNTIzNjkgMC43NjkyMDQgMy44NDAyNyAwLjk2NDQ2NiA0LjAzNTUzQzEuMTU5NzMgNC4yMzA4IDEuNDc2MzEgNC4yMzA4IDEuNjcxNTcgNC4wMzU1M0w0LjUgMS4yMDcxMUw3LjMyODQzIDQuMDM1NTNDNy41MjM2OSA0LjIzMDggNy44NDAyNyA0LjIzMDggOC4wMzU1MyA0LjAzNTUzQzguMjMwOCAzLjg0MDI3IDguMjMwOCAzLjUyMzY5IDguMDM1NTMgMy4zMjg0M0w0Ljg1MzU1IDAuMTQ2NDQ3Wk00LjE0NjQ1IDE1Ljg1MzZDNC4zNDE3MSAxNi4wNDg4IDQuNjU4MjkgMTYuMDQ4OCA0Ljg1MzU1IDE1Ljg1MzZMOC4wMzU1MyAxMi42NzE2QzguMjMwOCAxMi40NzYzIDguMjMwOCAxMi4xNTk3IDguMDM1NTMgMTEuOTY0NUM3Ljg0MDI3IDExLjc2OTIgNy41MjM2OSAxMS43NjkyIDcuMzI4NDMgMTEuOTY0NUw0LjUgMTQuNzkyOUwxLjY3MTU3IDExLjk2NDVDMS40NzYzMSAxMS43NjkyIDEuMTU5NzMgMTEuNzY5MiAwLjk2NDQ2NyAxMS45NjQ1QzAuNzY5MjA0IDEyLjE1OTcgMC43NjkyMDQgMTIuNDc2MyAwLjk2NDQ2NyAxMi42NzE2TDQuMTQ2NDUgMTUuODUzNlpNNCAwLjVMNCAxNS41TDUgMTUuNUw1IDAuNUw0IDAuNVoiIGZpbGw9IndoaXRlIiBtYXNrPSJ1cmwoIykiLz4KPGxpbmUgeDE9IjExLjUiIHkxPSIwLjUiIHgyPSIyMi41IiB5Mj0iMC41MDAwMDIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTEuNSIgeTE9IjE1LjUiIHgyPSIxNC41IiB5Mj0iMTUuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); background-size: cover; width: 26px; height: 100%; background-size: contain; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; } .sort-mobile-el-action { border: 1px solid #dcd7d1; border-radius: 4px; padding: 0 42px 0 7px; line-height: 36px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; position: relative; font-weight: 400; display: inline-block; width: 100%; } .sort-mobile-el-action:after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMC41TDUuNSA1LjVMMTAuNSAwLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: cover; width: 11px; height: 6px; position: absolute; right: 15px; top: 50%; margin-top: -3px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .n-catalog__sort-mobile select { font-family: "HelveticaNeueCyr", sans-serif; font-size: 16px; display: block; opacity: 0; top: 0; right: 0; left: 0; bottom: 0; width: 100%; position: absolute; cursor: pointer; } .kind.filter-FASOVKA .filter_name { display: flex; } .n-page .n-catalog__filter .kind, .n-page .n-catalog__filter .kind.active_div { margin-top: 0; margin-bottom: 0; padding-top: 16px; padding-bottom: 20px; border-bottom: 1px solid #ececee; } .filter-FASOVKA.active_div .n-filter-container { padding-top: 0; } .mn-product__tooltip .tooltip_new { display: none !important; } .mn-discount { /* line-height: 14px; */ } .footer { margin-top: 15px; } .footer-shadow { position: relative; } .n-catalog-shadow { position: relative; } .n-catalog-shadow:before { content: ""; position: absolute; width: calc(100% + 30px); height: 100%; background-position: center; background-size: cover; position: absolute; background: rgb(0, 0, 0, 0.4); top: 45px; left: -15px; right: 0; bottom: 0; z-index: 2; } .footer-shadow:before { content: ""; position: absolute; width: 100%; height: calc(100% + 15px); background-position: center; background-size: cover; position: absolute; background: rgb(0, 0, 0, 0.4); top: -15px; left: 0; right: 0; bottom: 0; z-index: 2; } .n-catalog__products { margin-bottom: 0px; margin-left: -12px; margin-right: -12px; padding-bottom: 23px; } .n-pagination-wrapper { margin-left: -9px; margin-right: -9px; } .n-pagination { margin-bottom: 35px; } .mn-product__favorites:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iI0RBREFEQSIvPgo8L3N2Zz4K); } .mn-product__favorites.added:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .n-pagination__item-all { margin: 0 0 0 13px; } .n-pagination { max-width: 500px; } .n-pagination__arrow--left { margin: 0; width: 16px; height: 22px; } .n-pagination__arrow--right { margin: 0; width: 16px; height: 22px; } .mn-product-catalog:hover .mn-product__dtlist { /*display: none;*/ } .mn-product-catalog:hover .mn-product-catalog__body { z-index: 1; } .mn-product__pic img { padding: 0; } .mn-product.mn-product-catalog { margin: 0 9px 10px; } .n-page .kind.filtertwo { padding-top: 0; } .catalog-top-banner-mobile img { width: 100%; } /* mobil filter */ .admin-body #bx-panel { display: none !important; } .mob-filter-wrapper, .mob-filter-category-wrapper { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 202101; overflow-y: auto; overflow-x: hidden; } .mob-filter-category-wrapper.filter-active, .mob-filter-wrapper.filter-active { display: block; } .mob-filter, .mob-filter-category { position: absolute; top: 0; right: 0; left: 0; z-index: 110; display: flex; flex-direction: column; min-height: 100%; background: #fff; /* opacity: 0; */ transition: opacity .15s,transform .15s; /* transform: scale(.5); */ opacity: 1; transform: scale(1); } .mob-filter-container, .mob-filter-category-container { display: flex; flex: 1 1; flex-direction: column; width: 100%; position: relative; } .mob-filter-header { position: relative; background: #8FBC62; color: #fff; min-width: 320px; max-width: 1024px; } .mob-filter-header__container { display: flex; align-items: center; justify-content: center; height: 50px; margin: 0 10px; } .mob-filer-header__clear { position: absolute; border: 1px solid #FFFFFF; color: #fff; border-radius: 5px; font-size: 14px; left: 10px; top: 50%; transform: translateY(-50%); width: 100px; height: 32px; display: flex; align-items: center; justify-content: center; } .mob-filter-detail-title__clear { border: 1px solid #FFFFFF; color: #fff; border-radius: 5px; font-size: 14px; display: none; width: 100px; height: 32px; } .mob-filter-header__title { font-weight: bold; font-size: 16px; line-height: 26px; } .mob-filer-header__close { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; display: block; color: #fff; } .mob-filer-header__close-text { font-size: 14px; line-height: 28px; position: relative; padding-right: 20px; } .mob-filer-header__close-text:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 11px; height: 11px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI2ODYyIDExLjczMTRDMS40NDc2IDExLjkxMDYgMS42ODIgMTIgMS45MTY1OSAxMkMyLjE1MTE5IDEyIDIuMzg1NzggMTEuOTEwNiAyLjU2NDc2IDExLjczMTRMNi41MDAwNCA3Ljc5NjExTDEwLjQzNTIgMTEuNzMxM0MxMC42MTQyIDExLjkxMDUgMTAuODQ4OCAxMiAxMS4wODM0IDEyQzExLjMxOCAxMiAxMS41NTI0IDExLjkxMDUgMTEuNzMxNCAxMS43MzEzQzEyLjA4OTUgMTEuMzczMyAxMi4wODk1IDEwLjc5MzMgMTEuNzMxNCAxMC40MzUyTDcuNzk2MTggNi40OTk5NkwxMS43MzE0IDIuNTY0NzZDMTIuMDg5NSAyLjIwNjggMTIuMDg5MyAxLjYyNjU4IDExLjczMTQgMS4yNjg2MkMxMS4zNzM0IDAuOTEwNDYgMTAuNzkzNCAwLjkxMDQ2IDEwLjQzNTIgMS4yNjg2Mkw2LjUwMDA0IDUuMjAzODJMMi41NjQ3NiAxLjI2ODU1QzIuMjA2OCAwLjkxMDM4NyAxLjYyNjU4IDAuOTEwNTgzIDEuMjY4NjIgMS4yNjg1NUMwLjkxMDQ2IDEuNjI2NTEgMC45MTA0NiAyLjIwNjUzIDEuMjY4NjIgMi41NjQ2OUw1LjIwMzg5IDYuNDk5OTZMMS4yNjg2MiAxMC40MzUyQzAuOTEwNDYgMTAuNzkzMiAwLjkxMDQ2IDExLjM3MzQgMS4yNjg2MiAxMS43MzE0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEuMjY4NjIgMTEuNzMxNEwxLjUxNjI0IDExLjQ4NEwxLjUxNjA0IDExLjQ4MzhMMS4yNjg2MiAxMS43MzE0Wk0yLjU2NDc2IDExLjczMTRMMi4zMTcyOCAxMS40ODM5TDIuMzE3MTQgMTEuNDg0TDIuNTY0NzYgMTEuNzMxNFpNNi41MDAwNCA3Ljc5NjExTDYuNzQ3NTIgNy41NDg2Mkw2LjUwMDA0IDcuMzAxMTNMNi4yNTI1NSA3LjU0ODYyTDYuNTAwMDQgNy43OTYxMVpNMTAuNDM1MiAxMS43MzEzTDEwLjY4MjkgMTEuNDg0TDEwLjY4MjcgMTEuNDgzOEwxMC40MzUyIDExLjczMTNaTTExLjczMTQgMTEuNzMxM0wxMS40ODQgMTEuNDgzOEwxMS40ODM4IDExLjQ4NEwxMS43MzE0IDExLjczMTNaTTExLjczMTQgMTAuNDM1MkwxMS45Nzg5IDEwLjE4NzdMMTEuNzMxNCAxMC40MzUyWk03Ljc5NjE4IDYuNDk5OTZMNy41NDg2OSA2LjI1MjQ3TDcuMzAxMjEgNi40OTk5Nkw3LjU0ODY5IDYuNzQ3NDVMNy43OTYxOCA2LjQ5OTk2Wk0xMS43MzE0IDIuNTY0NzZMMTEuNDg0IDIuMzE3MjFMMTEuNDgzOSAyLjMxNzI4TDExLjczMTQgMi41NjQ3NlpNMTEuNzMxNCAxLjI2ODYyTDExLjQ4MzggMS41MTYwNEwxMS40ODM5IDEuNTE2MTFMMTEuNzMxNCAxLjI2ODYyWk0xMC40MzUyIDEuMjY4NjJMMTAuMTg3NyAxLjAyMTEzVjEuMDIxMTNMMTAuNDM1MiAxLjI2ODYyWk02LjUwMDA0IDUuMjAzODJMNi4yNTI1NSA1LjQ1MTNMNi41MDAwNCA1LjY5ODc5TDYuNzQ3NTIgNS40NTEzTDYuNTAwMDQgNS4yMDM4MlpNMi41NjQ3NiAxLjI2ODU1TDIuMzE3MjEgMS41MTU5NkwyLjMxNzI4IDEuNTE2MDNMMi41NjQ3NiAxLjI2ODU1Wk0xLjI2ODYyIDEuMjY4NTVMMS41MTYwNCAxLjUxNjFMMS41MTYxMSAxLjUxNjAzTDEuMjY4NjIgMS4yNjg1NVpNMS4yNjg2MiAyLjU2NDY5TDEuNTE2MTEgMi4zMTcyTDEuMjY4NjIgMi41NjQ2OVpNNS4yMDM4OSA2LjQ5OTk2TDUuNDUxMzggNi43NDc0NUw1LjY5ODg3IDYuNDk5OTZMNS40NTEzOCA2LjI1MjQ3TDUuMjAzODkgNi40OTk5NlpNMS4yNjg2MiAxMC40MzUyTDEuNTE2MDQgMTAuNjgyOEwxLjUxNjExIDEwLjY4MjdMMS4yNjg2MiAxMC40MzUyWk0xLjkxNjU5IDExLjY1QzEuNzcxMTMgMTEuNjUgMS42MjY5NiAxMS41OTQ5IDEuNTE2MjQgMTEuNDg0TDEuMDIxIDExLjk3ODdDMS4yNjgyNCAxMi4yMjYyIDEuNTkyODcgMTIuMzUgMS45MTY1OSAxMi4zNVYxMS42NVpNMi4zMTcxNCAxMS40ODRDMi4yMDY0OCAxMS41OTQ4IDIuMDYyMTQgMTEuNjUgMS45MTY1OSAxMS42NVYxMi4zNUMyLjI0MDI0IDEyLjM1IDIuNTY1MDkgMTIuMjI2MyAyLjgxMjM5IDExLjk3ODdMMi4zMTcxNCAxMS40ODRaTTYuMjUyNTUgNy41NDg2MkwyLjMxNzI4IDExLjQ4MzlMMi44MTIyNSAxMS45Nzg5TDYuNzQ3NTIgOC4wNDM1OUw2LjI1MjU1IDcuNTQ4NjJaTTEwLjY4MjcgMTEuNDgzOEw2Ljc0NzUyIDcuNTQ4NjJMNi4yNTI1NSA4LjA0MzU5TDEwLjE4NzcgMTEuOTc4OEwxMC42ODI3IDExLjQ4MzhaTTExLjA4MzQgMTEuNjVDMTAuOTM3OSAxMS42NSAxMC43OTM1IDExLjU5NDcgMTAuNjgyOSAxMS40ODRMMTAuMTg3NiAxMS45Nzg3QzEwLjQzNDkgMTIuMjI2MiAxMC43NTk4IDEyLjM1IDExLjA4MzQgMTIuMzVWMTEuNjVaTTExLjQ4MzggMTEuNDg0QzExLjM3MyAxMS41OTQ4IDExLjIyODkgMTEuNjUgMTEuMDgzNCAxMS42NVYxMi4zNUMxMS40MDcxIDEyLjM1IDExLjczMTggMTIuMjI2MiAxMS45NzkgMTEuOTc4N0wxMS40ODM4IDExLjQ4NFpNMTEuNDgzOSAxMC42ODI2QzExLjcwNTQgMTAuOTA0MiAxMS43MDUzIDExLjI2MjUgMTEuNDg0IDExLjQ4MzhMMTEuOTc4OCAxMS45Nzg5QzEyLjQ3MzggMTEuNDg0MiAxMi40NzM3IDEwLjY4MjUgMTEuOTc4OSAxMC4xODc3TDExLjQ4MzkgMTAuNjgyNlpNNy41NDg2OSA2Ljc0NzQ1TDExLjQ4MzkgMTAuNjgyNkwxMS45Nzg5IDEwLjE4NzdMOC4wNDM2NyA2LjI1MjQ3TDcuNTQ4NjkgNi43NDc0NVpNMTEuNDgzOSAyLjMxNzI4TDcuNTQ4NjkgNi4yNTI0N0w4LjA0MzY3IDYuNzQ3NDVMMTEuOTc4OSAyLjgxMjI1TDExLjQ4MzkgMi4zMTcyOFpNMTEuNDgzOSAxLjUxNjExQzExLjcwNTMgMS43Mzc0NyAxMS43MDUzIDIuMDk2MDMgMTEuNDg0IDIuMzE3MjFMMTEuOTc4OCAyLjgxMjMyQzEyLjQ3MzggMi4zMTc1NyAxMi40NzM0IDEuNTE1NjkgMTEuOTc4OSAxLjAyMTEzTDExLjQ4MzkgMS41MTYxMVpNMTAuNjgyNyAxLjUxNjExQzEwLjkwNDIgMS4yOTQ1OSAxMS4yNjI2IDEuMjk0NjkgMTEuNDgzOCAxLjUxNjA0TDExLjk3ODkgMS4wMjEyQzExLjQ4NDIgMC41MjYyMyAxMC42ODI2IDAuNTI2MzI3IDEwLjE4NzcgMS4wMjExM0wxMC42ODI3IDEuNTE2MTFaTTYuNzQ3NTIgNS40NTEzTDEwLjY4MjcgMS41MTYxMUwxMC4xODc3IDEuMDIxMTNMNi4yNTI1NSA0Ljk1NjMzTDYuNzQ3NTIgNS40NTEzWk0yLjMxNzI4IDEuNTE2MDNMNi4yNTI1NSA1LjQ1MTNMNi43NDc1MiA0Ljk1NjMzTDIuODEyMjUgMS4wMjEwNkwyLjMxNzI4IDEuNTE2MDNaTTEuNTE2MTEgMS41MTYwM0MxLjczNzQ3IDEuMjk0NjcgMi4wOTYwMyAxLjI5NDY3IDIuMzE3MjEgMS41MTU5NkwyLjgxMjMyIDEuMDIxMTNDMi4zMTc1NyAwLjUyNjEwOCAxLjUxNTY5IDAuNTI2NDk4IDEuMDIxMTMgMS4wMjEwNkwxLjUxNjExIDEuNTE2MDNaTTEuNTE2MTEgMi4zMTcyQzEuMjk0NTkgMi4wOTU2OSAxLjI5NDY5IDEuNzM3MzMgMS41MTYwNCAxLjUxNjFMMS4wMjEyIDEuMDIwOTlDMC41MjYyMyAxLjUxNTY5IDAuNTI2MzI3IDIuMzE3MzcgMS4wMjExMyAyLjgxMjE4TDEuNTE2MTEgMi4zMTcyWk01LjQ1MTM4IDYuMjUyNDdMMS41MTYxMSAyLjMxNzJMMS4wMjExMyAyLjgxMjE4TDQuOTU2NCA2Ljc0NzQ1TDUuNDUxMzggNi4yNTI0N1pNMS41MTYxMSAxMC42ODI3TDUuNDUxMzggNi43NDc0NUw0Ljk1NjQgNi4yNTI0N0wxLjAyMTEzIDEwLjE4NzdMMS41MTYxMSAxMC42ODI3Wk0xLjUxNjA0IDExLjQ4MzhDMS4yOTQ2NSAxMS4yNjI2IDEuMjk0NjUgMTAuOTA0MSAxLjUxNjA0IDEwLjY4MjhMMS4wMjEyIDEwLjE4NzdDMC41MjYyNjcgMTAuNjgyMyAwLjUyNjI2NyAxMS40ODQzIDEuMDIxMiAxMS45Nzg5TDEuNTE2MDQgMTEuNDgzOFoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==); } .mob-filter-body { /* position: relative; */ flex-direction: column; display: flex; flex: 1 1; width: 100%; min-width: 320px; max-width: 1024px; margin: 0 auto; max-height: calc(100% - 50px); overflow: auto; } .mob-filter-item__link { display: flex; min-height: 54px; padding-left: 10px; padding-right: 24px; border-bottom: 1px solid #ECECEE; /*align-items: center;*/ position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .mob-filter-item__link:before, .mob-filter-category-item:before{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; transform: translateY(-50%); right: 10px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik03LjY0NTE5IDUuNDk1MDVMMy4zNDUzNCA5Ljc5NDc2QzMuMDcxODIgMTAuMDY4NCAyLjYyODM1IDEwLjA2ODQgMi4zNTQ5NiA5Ljc5NDc2QzIuMDgxNTUgOS41MjEzNCAyLjA4MTU1IDkuMDc3OSAyLjM1NDk2IDguODA0NTFMNi4xNTk2NiA0Ljk5OTkzTDIuMzU1MDcgMS4xOTU0OEMyLjA4MTY2IDAuOTIxOTU0IDIuMDgxNjYgMC40Nzg1NTIgMi4zNTUwNyAwLjIwNTE0MUMyLjYyODQ4IC0wLjA2ODM4MDQgMy4wNzE5MyAtMC4wNjgzODA0IDMuMzQ1NDUgMC4yMDUxNDFMNy42NDUzIDQuNTA0OTFDNy43ODIwMSA0LjY0MTY5IDcuODUwMjggNC44MjA3NSA3Ljg1MDI4IDQuOTk5OUM3Ljg1MDI4IDUuMTc5MTUgNy43ODE4OCA1LjM1ODM0IDcuNjQ1MTkgNS40OTUwNVoiIGZpbGw9IiM4RjkxQTMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .mob-filter-item__title { font-size: 14px; line-height: 1.2; color: #000000; } .mob-filter-item__value{ display: flex; flex-wrap: wrap; } .mob-filter-item { width: 100%; background: #FFF; } .mob-filter-item.active{ padding-top: 5px; } .mob-filter-price { padding: 6px 10px 20px; border-bottom: 1px solid #ECECEE; } .mob-filter-price__title { font-size: 14px; line-height: 36px; margin-bottom: 10px; } .mob-filter-ui-slider { height: 20px; width: 100%; display: flex; align-items: center; margin-bottom: 24px; } .mob-filter-ui-slider__line { width: 100%; height: 4px; background: #8FBC62; } .mob-filter-price-input-box { display: flex; margin-left: -10px; margin-right: -10px; } .mob-filter-price-input { flex: 0 0 50%; padding: 0 10px; max-width: 50%; position: relative; } .mob-filter-price-input__span { position: absolute; color: #141517; opacity: 0.5; left: 27px; top: 50%; transform: translateY(-50%); } .mob-filter-price-input__value { width: 100%; background: #F2F2F2; border-radius: 5px; border: none; height: 36px; padding-left: 65px; font-size: 14px; color: #141517; } .mob-filter-price-input__value::placeholder { font-size: 14px; color: #141517; } .mob-filter-price-input__value::-webkit-outer-spin-button, .mob-filter-price-input__value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number].mob-filter-price-input__value { -moz-appearance: textfield; } .mob-filter-detail-wrapper { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20150; overflow: auto; } .mob-filter-detail-wrapper.open { display: block; } .mob-filter-detail { position: absolute; top: 0; right: 0; left: 0; z-index: 20200; display: flex; flex-direction: column; min-height: 100%; background: #fff; } .mob-filter-detail-container { display: flex; flex: 1 1; flex-direction: column; width: 100%; } .mob-filter-detail-header { position: relative; } .mob-filter-detail-title, .mob-filter-detail-search-container { width: 100%; min-width: 320px; max-width: 1024px; margin: 0 auto; } .mob-filter-detail-title { background: #8FBC62; } .mob-filter-detail-title__box { display: flex; align-items: center; justify-content: space-between; height: 50px; margin: 0 10px; color: #fff; } .mob-filter-detail-title__back { display: block !important; width: 24px; height: 20px; margin-right: 16px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44Ij4KPHBhdGggZD0iTTEyLjk1MzcgNS40NTE2MUgzLjU4MDYyTDcuMjUxMyAxLjc5MTQ4QzcuNjYwODggMS4zODMwMyA3LjY2MjQ1IDAuNzE5MjQzIDcuMjU0ODEgMC4zMDg4NTFDNi44NDcxNiAtMC4xMDE1OTMgNi4xODQ2MyAtMC4xMDMxMTIgNS43NzUwNSAwLjMwNTI4N0wwLjMwNzg0NiA1Ljc1NjlMMC4zMDY5MDQgNS43NTc5Qy0wLjEwMTYzIDYuMTY2MzUgLTAuMTAyOTM4IDYuODMyMjkgMC4zMDY4IDcuMjQyMUwwLjMwNzc0MSA3LjI0MzFMNS43NzQ5NSAxMi42OTQ3QzYuMTg0NDggMTMuMTAzMSA2Ljg0NyAxMy4xMDE2IDcuMjU0NyAxMi42OTExQzcuNjYyMzUgMTIuMjgwOCA3LjY2MDc4IDExLjYxNyA3LjI1MTIgMTEuMjA4NUwzLjU4MDYyIDcuNTQ4MzlIMTIuOTUzN0MxMy41MzE2IDcuNTQ4MzkgMTQgNy4wNzkwMiAxNCA2LjVDMTQgNS45MjA5OCAxMy41MzE2IDUuNDUxNjEgMTIuOTUzNyA1LjQ1MTYxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K); } .mob-filter-detail-title__text { flex: 1 1; width: 100%; margin-bottom: 0; overflow: hidden; font-weight: bold; font-size: 16px; color: #fff; text-overflow: ellipsis; } .mob-filter-detail-search-container { border-bottom: 1px solid #ECECEE; } .mob-filter-detail-search-row { padding: 10px 10px 9px; } .mob-filter-detail-search { position: relative; } .mob-filter-detail-search:before { content: ""; position: absolute; width: 13px; height: 12px; top: 50%; transform: translateY(-50%); left: 14px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljg4OTA1IDEwLjc3ODFDOC41ODkyIDEwLjc3ODEgMTAuNzc4MSA4LjU4OTIgMTAuNzc4MSA1Ljg4OTA1QzEwLjc3ODEgMy4xODg5IDguNTg5MiAxIDUuODg5MDUgMUMzLjE4ODkgMSAxIDMuMTg4OSAxIDUuODg5MDVDMSA4LjU4OTIgMy4xODg5IDEwLjc3ODEgNS44ODkwNSAxMC43NzgxWiIgc3Ryb2tlPSIjMTQxNTE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjk5OTcgMTJMOS4zNDEzMSA5LjM0MTU1IiBzdHJva2U9IiMxNDE1MTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .mob-filter-detail-search-input { width: 100%; height: 35px; border: none; background: #F2F2F2; border-radius: 5px; font-size: 14px; color: #141517; padding-top: 4px; padding-bottom: 4px; padding-left: 37px; padding-right: 10px; } .mob-filter-detail-body { display: flex; flex: 1 1; flex-direction: column; position: relative; } .mob-filter-btn { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background: #8FBC62; border-radius: 5px; font-size: 16px; color: #FFFFFF; border: none; } .mob-filter-detail-body__box { display: flex; flex: 1 1; flex-direction: column; } .mob-filter-detail-body__box-inner { position: relative; display: flex; flex: 1 1; width: 100%; min-width: 320px; max-width: 1024px; margin: 0 auto; } .mob-filter-detail-items { overflow: auto; width: 100%; max-height: calc(100% - 105px); position: absolute; } .mob-filter-detail-item { display: flex; align-items: center; height: 54px; border-bottom: 1px solid #ECECEE; padding: 9px 17px 9px 10px; position: relative; } .mob-filter-detail-item.checked { background: rgb(56%, 74%, 38%, 0.2); } .mob-filter-detail-item-pseudo { width: 16px; height: 16px; border: 1px solid #D8D8D8; border-radius: 2px; display: block; position: relative; margin-left: 10px; } .mob-filter-detail-item-pseudo:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: none; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zLjgyOTE4IDguNzM1NzRDMy43MzM3MiA4LjgzMTc2IDMuNjAzNDkgOC44ODUzMyAzLjQ2ODIxIDguODg1MzNDMy4zMzI5MiA4Ljg4NTMzIDMuMjAyNjkgOC44MzE3NiAzLjEwNzIzIDguNzM1NzRMMC4yMjQzODMgNS44NTI0M0MtMC4wNzQ3OTQyIDUuNTUzMjUgLTAuMDc0Nzk0MiA1LjA2ODEyIDAuMjI0MzgzIDQuNzY5NUwwLjU4NTM1OCA0LjQwODQzQzAuODg0NjI4IDQuMTA5MjYgMS4zNjkyIDQuMTA5MjYgMS42NjgzOCA0LjQwODQzTDMuNDY4MjEgNi4yMDgzNkw4LjMzMTYgMS4zNDQ4N0M4LjYzMDg3IDEuMDQ1NjkgOS4xMTU5MSAxLjA0NTY5IDkuNDE0NjIgMS4zNDQ4N0w5Ljc3NTYgMS43MDU5M0MxMC4wNzQ4IDIuMDA1MTEgMTAuMDc0OCAyLjQ5MDE1IDkuNzc1NiAyLjc4ODg2TDMuODI5MTggOC43MzU3NFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .mob-filter-detail-item-checkbox { display: none; } .mob-filter-detail-item-checkbox:checked ~ .mob-filter-detail-item-pseudo { background: #8FBC62; border: 1px solid #8FBC62; } .mob-filter-detail-item-checkbox:checked ~ .mob-filter-detail-item-pseudo:before { display: block; } .mob-filter-detail-item-label { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: 0; margin: 0; display: flex; align-items: center; cursor: pointer; } .mob-filter-detail-item-row { display: flex; align-items: center; justify-content: space-between; font-size: 14px; line-height: 120%; color: #000000; width: 100%; padding-left: 40px; } .mob-filter-detail-item-count { opacity: 0.5; } .mob-filter-detail-body__btn, .mob-filter-btn-wrap { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 27px 10px; background: #FFF; /*display: none;*/ } .mob-filter-category-header { width: 100%; min-width: 320px; max-width: 1024px; margin: 0 auto; background: rgb(56%, 74%, 38%, 0.2); } .mob-filter-category-header__box { display: flex; align-items: center; justify-content: space-between; height: 50px; margin-left: 10px; color: #fff; } .mob-filter-category-header__title { width: 100%; font-weight: bold; font-size: 14px; color: #141517; } .mob-filter-category-header__close { position: relative; flex: 0 0 51px; width: 51px; height: 100%; border-left: 1px solid rgba(108, 143, 72, 0.2); } .mob-filter-category-header__close:before { content: ""; position: absolute; width: 100%; background-size: auto; height: 100%; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUxMjgyIDIxLjk4NzJDMi44NTQ1MSAyMi4zMjkyIDMuMzAyIDIyLjUwMDEgMy43NDk4NiAyMi41MDAxQzQuMTk3NzIgMjIuNTAwMSA0LjY0NTU4IDIyLjMyOTIgNC45ODcyNyAyMS45ODcyTDEyLjUwMDEgMTQuNDc0NEwyMC4wMTI3IDIxLjk4N0MyMC4zNTQ0IDIyLjMyOTEgMjAuODAyMyAyMi40OTk5IDIxLjI1MDEgMjIuNDk5OUMyMS42OTggMjIuNDk5OSAyMi4xNDU1IDIyLjMyOTEgMjIuNDg3MiAyMS45ODdDMjMuMTcwOSAyMS4zMDM3IDIzLjE3MDkgMjAuMTk2MyAyMi40ODcyIDE5LjUxMjZMMTQuOTc0NSAxMS45OTk5TDIyLjQ4NzIgNC40ODcyOEMyMy4xNzA5IDMuODAzODkgMjMuMTcwNiAyLjY5NjIgMjIuNDg3MiAyLjAxMjgyQzIxLjgwMzggMS4zMjkwNiAyMC42OTY1IDEuMzI5MDYgMjAuMDEyNyAyLjAxMjgyTDEyLjUwMDEgOS41MjU0N0w0Ljk4NzI4IDIuMDEyNjhDNC4zMDM4OSAxLjMyODkyIDMuMTk2MiAxLjMyOTI5IDIuNTEyODIgMi4wMTI2OEMxLjgyOTA2IDIuNjk2MDYgMS44MjkwNiAzLjgwMzM4IDIuNTEyODIgNC40ODcxM0wxMC4wMjU2IDExLjk5OTlMMi41MTI4MiAxOS41MTI3QzEuODI5MDYgMjAuMTk2MSAxLjgyOTA2IDIxLjMwMzggMi41MTI4MiAyMS45ODcyWiIgZmlsbD0iIzE0MTUxNyIvPgo8cGF0aCBkPSJNMi41MTI4MiAyMS45ODcyTDMuMzk3MTggMjEuMTAzOEwzLjM5NjQ2IDIxLjEwMzFMMi41MTI4MiAyMS45ODcyWk00Ljk4NzI3IDIxLjk4NzJMNC4xMDMzOSAyMS4xMDMzTDQuMTAyOTEgMjEuMTAzOEw0Ljk4NzI3IDIxLjk4NzJaTTEyLjUwMDEgMTQuNDc0NEwxMy4zODQgMTMuNTkwNUwxMi41MDAxIDEyLjcwNjZMMTEuNjE2MiAxMy41OTA1TDEyLjUwMDEgMTQuNDc0NFpNMjAuMDEyNyAyMS45ODdMMjAuODk3MSAyMS4xMDM2TDIwLjg5NjYgMjEuMTAzMkwyMC4wMTI3IDIxLjk4N1pNMjIuNDg3MiAyMS45ODdMMjEuNjAzNSAyMS4xMDI5TDIxLjYwMjggMjEuMTAzNkwyMi40ODcyIDIxLjk4N1pNMjIuNDg3MiAxOS41MTI2TDIzLjM3MTEgMTguNjI4N0wyMi40ODcyIDE5LjUxMjZaTTE0Ljk3NDUgMTEuOTk5OUwxNC4wOTA2IDExLjExNkwxMy4yMDY4IDExLjk5OTlMMTQuMDkwNiAxMi44ODM4TDE0Ljk3NDUgMTEuOTk5OVpNMjIuNDg3MiA0LjQ4NzI4TDIxLjYwMzUgMy42MDMxNUwyMS42MDMzIDMuNjAzMzlMMjIuNDg3MiA0LjQ4NzI4Wk0yMi40ODcyIDIuMDEyODJMMjEuNjAzMSAyLjg5NjQ2TDIxLjYwMzMgMi44OTY3TDIyLjQ4NzIgMi4wMTI4MlpNMjAuMDEyNyAyLjAxMjgyTDE5LjEyODggMS4xMjg5M0wxOS4xMjg4IDEuMTI4OTNMMjAuMDEyNyAyLjAxMjgyWk0xMi41MDAxIDkuNTI1NDdMMTEuNjE2MiAxMC40MDk0TDEyLjUwMDEgMTEuMjkzMkwxMy4zODQgMTAuNDA5NEwxMi41MDAxIDkuNTI1NDdaTTQuOTg3MjggMi4wMTI2OEw0LjEwMzE1IDIuODk2MzJMNC4xMDMzOSAyLjg5NjU2TDQuOTg3MjggMi4wMTI2OFpNMi41MTI4MiAyLjAxMjY4TDMuMzk2NDYgMi44OTY4TDMuMzk2NyAyLjg5NjU2TDIuNTEyODIgMi4wMTI2OFpNMi41MTI4MiA0LjQ4NzEzTDMuMzk2NyAzLjYwMzI1SDMuMzk2N0wyLjUxMjgyIDQuNDg3MTNaTTEwLjAyNTYgMTEuOTk5OUwxMC45MDk1IDEyLjg4MzhMMTEuNzkzNCAxMS45OTk5TDEwLjkwOTUgMTEuMTE2TDEwLjAyNTYgMTEuOTk5OVpNMi41MTI4MiAxOS41MTI3TDMuMzk2NDYgMjAuMzk2OEwzLjM5NjcgMjAuMzk2NkwyLjUxMjgyIDE5LjUxMjdaTTMuNzQ5ODYgMjEuMjUwMUMzLjYyMDMxIDIxLjI1MDEgMy40OTUwOCAyMS4yMDE4IDMuMzk3MTggMjEuMTAzOEwxLjYyODQ1IDIyLjg3MDZDMi4yMTM5NCAyMy40NTY3IDIuOTgzNjggMjMuNzUwMSAzLjc0OTg2IDIzLjc1MDFWMjEuMjUwMVpNNC4xMDI5MSAyMS4xMDM4QzQuMDA1MjEgMjEuMjAxNiAzLjg3OTY5IDIxLjI1MDEgMy43NDk4NiAyMS4yNTAxVjIzLjc1MDFDNC41MTU3NSAyMy43NTAxIDUuMjg1OTYgMjMuNDU2OSA1Ljg3MTY0IDIyLjg3MDZMNC4xMDI5MSAyMS4xMDM4Wk0xMS42MTYyIDEzLjU5MDVMNC4xMDMzOSAyMS4xMDMzTDUuODcxMTYgMjIuODcxMUwxMy4zODQgMTUuMzU4M0wxMS42MTYyIDEzLjU5MDVaTTIwLjg5NjYgMjEuMTAzMkwxMy4zODQgMTMuNTkwNUwxMS42MTYyIDE1LjM1ODNMMTkuMTI4OCAyMi44NzA5TDIwLjg5NjYgMjEuMTAzMlpNMjEuMjUwMSAyMS4yNDk5QzIxLjEyMDMgMjEuMjQ5OSAyMC45OTQ4IDIxLjIwMTQgMjAuODk3MSAyMS4xMDM2TDE5LjEyODQgMjIuODcwNEMxOS43MTQgMjMuNDU2OCAyMC40ODQzIDIzLjc0OTkgMjEuMjUwMSAyMy43NDk5VjIxLjI0OTlaTTIxLjYwMjggMjEuMTAzNkMyMS41MDQ5IDIxLjIwMTYgMjEuMzc5NyAyMS4yNDk5IDIxLjI1MDEgMjEuMjQ5OVYyMy43NDk5QzIyLjAxNjMgMjMuNzQ5OSAyMi43ODYxIDIzLjQ1NjYgMjMuMzcxNSAyMi44NzA0TDIxLjYwMjggMjEuMTAzNlpNMjEuNjAzMyAyMC4zOTY1QzIxLjc5OSAyMC41OTIyIDIxLjc5ODcgMjAuOTA3OSAyMS42MDM1IDIxLjEwMjlMMjMuMzcwOCAyMi44NzEyQzI0LjU0MzIgMjEuNjk5NCAyNC41NDI4IDE5LjgwMDUgMjMuMzcxMSAxOC42Mjg3TDIxLjYwMzMgMjAuMzk2NVpNMTQuMDkwNiAxMi44ODM4TDIxLjYwMzMgMjAuMzk2NUwyMy4zNzExIDE4LjYyODdMMTUuODU4NCAxMS4xMTZMMTQuMDkwNiAxMi44ODM4Wk0yMS42MDMzIDMuNjAzMzlMMTQuMDkwNiAxMS4xMTZMMTUuODU4NCAxMi44ODM4TDIzLjM3MTEgNS4zNzExNkwyMS42MDMzIDMuNjAzMzlaTTIxLjYwMzMgMi44OTY3QzIxLjc5ODggMy4wOTIyNCAyMS43OTg1IDMuNDA4MjkgMjEuNjAzNSAzLjYwMzE1TDIzLjM3MDggNS4zNzE0QzI0LjU0MzQgNC4xOTk1IDI0LjU0MjMgMi4zMDAxNiAyMy4zNzExIDEuMTI4OTNMMjEuNjAzMyAyLjg5NjdaTTIwLjg5NjYgMi44OTY3QzIxLjA5MjMgMi43MDA5NyAyMS40MDggMi43MDEzMSAyMS42MDMxIDIuODk2NDZMMjMuMzcxMyAxLjEyOTE4QzIyLjE5OTYgLTAuMDQzMTkyOSAyMC4zMDA2IC0wLjA0Mjg0MzUgMTkuMTI4OCAxLjEyODkzTDIwLjg5NjYgMi44OTY3Wk0xMy4zODQgMTAuNDA5NEwyMC44OTY2IDIuODk2N0wxOS4xMjg4IDEuMTI4OTNMMTEuNjE2MiA4LjY0MTU4TDEzLjM4NCAxMC40MDk0Wk00LjEwMzM5IDIuODk2NTZMMTEuNjE2MiAxMC40MDk0TDEzLjM4NCA4LjY0MTU4TDUuODcxMTYgMS4xMjg3OUw0LjEwMzM5IDIuODk2NTZaTTMuMzk2NyAyLjg5NjU2QzMuNTkyMjQgMi43MDEwMyAzLjkwODI5IDIuNzAxMzUgNC4xMDMxNSAyLjg5NjMyTDUuODcxNCAxLjEyOTA0QzQuNjk5NSAtMC4wNDM1MDYgMi44MDAxNiAtMC4wNDI0MzY4IDEuNjI4OTMgMS4xMjg3OUwzLjM5NjcgMi44OTY1NlpNMy4zOTY3IDMuNjAzMjVDMy4yMDA5NyAzLjQwNzUyIDMuMjAxMzEgMy4wOTE4NCAzLjM5NjQ2IDIuODk2OEwxLjYyOTE4IDEuMTI4NTVDMC40NTY4MDggMi4zMDAyOCAwLjQ1NzE1NiA0LjE5OTI0IDEuNjI4OTMgNS4zNzEwMkwzLjM5NjcgMy42MDMyNVpNMTAuOTA5NSAxMS4xMTZMMy4zOTY3IDMuNjAzMjVMMS42Mjg5MyA1LjM3MTAyTDkuMTQxNzMgMTIuODgzOEwxMC45MDk1IDExLjExNlpNMy4zOTY3IDIwLjM5NjZMMTAuOTA5NSAxMi44ODM4TDkuMTQxNzMgMTEuMTE2TDEuNjI4OTMgMTguNjI4OEwzLjM5NjcgMjAuMzk2NlpNMy4zOTY0NiAyMS4xMDMxQzMuMjAxMTggMjAuOTA3OSAzLjIwMTE4IDIwLjU5MiAzLjM5NjQ2IDIwLjM5NjhMMS42MjkxOCAxOC42Mjg2QzAuNDU2OTQxIDE5LjgwMDIgMC40NTY5NDMgMjEuNjk5NyAxLjYyOTE3IDIyLjg3MTNMMy4zOTY0NiAyMS4xMDMxWiIgZmlsbD0iI0U5RjJFMCIvPgo8L3N2Zz4K); } .mob-filter-category-body { display: flex; flex: 1 1; flex-direction: column; position: relative; width: 100%; min-width: 320px; max-width: 1024px; margin: 0 auto; } .mob-filter-category-items { /*overflow: auto;*/ width: 100%; /*max-height: calc(100vh - 50px);*/ } .mob-filter-category-item { line-height: 1.2; position: relative; color: #141517; display: flex; height: 54px; padding-left: 10px; padding-right: 24px; border-bottom: 1px solid #ECECEE; align-items: center; position: relative; } .mob-filter-category-item__all { font-weight: bold; } .mob-filter-category-item__all:before { display: none; } /* filter active */ .mob-filter-detail.active .mob-filter-detail-body__btn { display: block; } .mob-filter-detail.active .mob-filter-detail-items { max-height: calc(100vh - 199px); } .mob-filter-detail.active .mob-filter-detail-title__clear { display: flex; align-items: center; justify-content: center; } .mob-filter.active .mob-filer-header__clear { display: flex; align-items: center; justify-content: center; } .mob-filter.active .mob-filter-body { max-height: calc(100vh - 144px); } .mob-filter.active .mob-filter-btn-wrap { display: block; } /* catalog 3.0 */ .n-page__top { display: none !important; } .n-catalog-mobile-header { display: block; margin-left: -15px; margin-right: -15px; background: #8FBC62; color: #FFFFFF; margin-bottom: 15px; } .n-catalog-mobile-header__row { display: flex; justify-content: space-between; align-items: center; min-height: 52px; height: 100%; border-bottom: 1px solid rgb(42%, 56%, 28%, 0.5); padding-left: 10px; } .n-catalog-mobile-back { display: block; flex: 0 0 24px; width: 24px; height: 20px; margin-right: 16px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44Ij4KPHBhdGggZD0iTTEyLjk1MzcgNS40NTE2MUgzLjU4MDYyTDcuMjUxMyAxLjc5MTQ4QzcuNjYwODggMS4zODMwMyA3LjY2MjQ1IDAuNzE5MjQzIDcuMjU0ODEgMC4zMDg4NTFDNi44NDcxNiAtMC4xMDE1OTMgNi4xODQ2MyAtMC4xMDMxMTIgNS43NzUwNSAwLjMwNTI4N0wwLjMwNzg0NiA1Ljc1NjlMMC4zMDY5MDQgNS43NTc5Qy0wLjEwMTYzIDYuMTY2MzUgLTAuMTAyOTM4IDYuODMyMjkgMC4zMDY4IDcuMjQyMUwwLjMwNzc0MSA3LjI0MzFMNS43NzQ5NSAxMi42OTQ3QzYuMTg0NDggMTMuMTAzMSA2Ljg0NyAxMy4xMDE2IDcuMjU0NyAxMi42OTExQzcuNjYyMzUgMTIuMjgwOCA3LjY2MDc4IDExLjYxNyA3LjI1MTIgMTEuMjA4NUwzLjU4MDYyIDcuNTQ4MzlIMTIuOTUzN0MxMy41MzE2IDcuNTQ4MzkgMTQgNy4wNzkwMiAxNCA2LjVDMTQgNS45MjA5OCAxMy41MzE2IDUuNDUxNjEgMTIuOTUzNyA1LjQ1MTYxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K); } .n-catalog-mobile-title { width: 100%; padding: 0; border-right: 1px solid rgb(42%, 56%, 28%, 0.5); min-height: 51px; display: flex; flex-direction: column; justify-content: center; padding: 5px 0; } .n-catalog-mobile-title__name { font-weight: bold; font-size: 16px; margin-bottom: 4px; } .n-catalog-mobile-products { font-size: 12px; } .n-catalog-mobile-burger { flex: 0 0 51px; /* border-left: 1px solid rgb(42%, 56%, 28%, 0.5); */ width: 51px; display: block; height: 51px; position: relative; } .n-catalog-mobile-burger:before { content: ""; position: absolute; width: 100%; background-size: auto; height: 100%; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjAuNSIgeTE9IjE1LjUiIHgyPSIyMC41IiB5Mj0iMTUuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIyMC41IiB5MT0iOC41IiB4Mj0iMC41IiB5Mj0iOC41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNSIgeTE9IjAuNSIgeDI9IjIwLjUiIHkyPSIwLjUwMDAwMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); } .n-catalog-mobile-filter { height: 40px; font-size: 14px; display: flex; align-items: center; justify-content: center; padding-left: 34px; padding-right: 12px; position: relative; color: #FFFFFF; } .n-catalog-mobile-filter:before { content: ""; position: absolute; width: 21px; height: 22px; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iMy41IiByPSIzIiBzdHJva2U9IndoaXRlIi8+CjxjaXJjbGUgY3g9IjYuNSIgY3k9IjE4LjUiIHI9IjMiIHN0cm9rZT0id2hpdGUiLz4KPGNpcmNsZSByPSIzIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMy41IDExLjUpIiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHgxPSIxMS41IiB5MT0iMy41IiB4Mj0iMjAuNSIgeTI9IjMuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSI5LjUiIHkxPSIxOC41IiB4Mj0iMjAuNSIgeTI9IjE4LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTAuNSIgeTE9IjExLjUiIHgyPSIwLjUiIHkyPSIxMS41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjAuNSIgeTE9IjMuNSIgeDI9IjUuNSIgeTI9IjMuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIwLjUiIHkxPSIxOC41IiB4Mj0iMy41IiB5Mj0iMTguNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIyMC41IiB5MT0iMTEuNSIgeDI9IjE2LjUiIHkyPSIxMS41IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .n-page.main-catalog { background-color: #f2f2f2; } .mn-product.mn-product-catalog-new { background-color: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-radius: 5px; width: calc(50% - 6px); margin-left: 3px; margin-right: 3px; margin-bottom: 6px; padding: 13px 5px 10px; } .mn-product-catalog-new .mn-product__all-price { padding: 0 5px; } .mn-product-catalog-new .mn-product__title { font-size: 12px; padding: 0 5px; } .mn-product-catalog-new .mn-product__dtlist { padding: 4px 5px 0; } .mn-product-catalog-new .mn-product__title-crop:after { content: ''; position: absolute; height: 15px; width: 35px; right: 0; bottom: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 78%, rgba(255,255,255,0.83) 80%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 78%,rgba(255,255,255,0.83) 80%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 78%,rgba(255,255,255,0.83) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d4ffffff',GradientType=1 ); } .mn-product__dtlist .mn-product__favorites { margin-left: 12px; -ms-flex-negative: 0; flex-shrink: 0; } .mn-product.mn-product-catalog-new .mn-product__pic { height: 180px; margin-bottom: 10px; } .n-catalog__tags { margin: 15px -15px 0; } .n-catalog__tags-list { margin: 0; max-height: unset; padding: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; padding-bottom: 15px; } .n-catalog__tags-item { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border: none; font-size: 14px !important; font-family: HelveticaNeueCyr, sans-serif; } .n-catalog__tags-item--more { position: relative; right: auto; width: 1px; height: 1px; box-shadow: none; } .n-catalog__tags-item--more a { display: none; } .n-catalog-mobile-top { margin-bottom: 0; } .n-catalog-mobile-top-action { margin-bottom: 15px !important; } .n-catalog__tags-item:hover { background-color: #fff; } .n-catalog__tags-item:first-child { margin-left: 6px; } .main-catalog + .footer { margin-top: 0; } .mn-product__dtlist .mn-product__add-to-cart { width: 100%; } #mobile_submit { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 27px 10px; background: #FFF; } #mobile_submit > button { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background: #8FBC62; border-radius: 5px; font-size: 16px; color: #FFFFFF; border: none; } .footer { margin-top: 0 !important; margin-bottom: 70px; } .main-catalog { min-height: calc(100vh - 181px); } .mn-discount { left: 5px; } .mn-label-new { left: 5px; } .mn-product-catalog-new .mn-product__price ._rub { font-size: 15px; } body .comagic-c-sitephone-label { left: 10% !important; margin-top: -59px !important; } .to-top { width: 48px; height: 48px; background-size: 16px; right: 15px; left: auto; bottom: 80px !important; z-index: 3; } } @media all and (max-width:479px) { .step-hide { display: none; } .n-pagination[data-count-step="10"] .n-pagination__break { font-size: 10px; margin: 0 2px; } } @media all and (max-width:415px) { .mn-product__dtlist .mn-product__add-to-cart.in_cart span { padding-left: 14%; } .basketnew__slider-new .mn-product__dtlist .mn-product__add-to-cart.in_cart span { padding-left: 0; } .mn-product__dtlist .mn-product__add-to-cart.in_cart:before { left: 13px; } } @media all and (max-width:380px) { .mn-product__dtlist .mn-product__add-to-cart.in_cart span { padding-left: 0; } .mn-product__dtlist .mn-product__add-to-cart.in_cart:before { display: none; } .mob-filer-header__clear { width: 84px; font-size: 12px; } } /* @media all and (min-width : 1280px) { .mn-product__dtlist { bottom: -58px; z-index: 1; background: #FFF; } .mn-product__dtlist-bottom { box-shadow: none !important; bottom: 52px; } } */ .mn-product__favorites:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NCAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODQgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4Wk0xOS41MTggMTAuMzE4QzE3LjczMzggMTQuNDgxMiAxMi40NjgyIDE3LjM1MjggMTAuOTk5MyAxOC4wODgzQzkuNTI5OTUgMTcuMzU0IDQuMjcwMjIgMTQuNDkwNiAyLjQ4MTg3IDEwLjMxOEMxLjA3OTQ3IDcuMDQ1OTcgMi4zMDE4NyA0LjAwOTYzIDQuMjM0MTUgMi43MDE1M0M0LjkzNTA5IDIuMjI2OTYgNS42OTc1MiAxLjk5MzU0IDYuNDgxNiAxLjk5MzU0QzcuNzY4MDYgMS45OTM1NCA5LjExMjQxIDIuNjIyMzUgMTAuMzM2NSAzLjg0NjQ2QzEwLjcwMzEgNC4yMTI4MiAxMS4yOTY4IDQuMjEyODIgMTEuNjYzMiAzLjg0NjQ2QzEzLjYzMzQgMS44NzYyMyAxNS45MTQ5IDEuNDQ4MzggMTcuNzY1NiAyLjcwMTUzQzE5LjY5OCA0LjAwOTYzIDIwLjkyMDQgNy4wNDU5NyAxOS41MTggMTAuMzE4WiIgZmlsbD0iI0RBREFEQSIvPgo8L3N2Zz4K); background-size: 22px; background-repeat: no-repeat; background-position: center } .mn-product__favorites.added:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); } .mn-product__favorites:after{ content: ''; width: 100%; height: 100%; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K); background-size: 22px; background-repeat: no-repeat; background-position: center; transform: scale(0.2); opacity: 0; transition: all .2s ease; } .mn-product__favorites:hover:after { transform: scale(1); opacity: 1; } .mn-product__favorites.added:after{ opacity: 0; } .atb-basket.atb-favorite:before { content: ''; position: absolute; left: 0; top: 4px; width: 34px; height: 31px; background-size: cover; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzNSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjI0NDMgMS41OTgxNUMyNi4yODQxIC0wLjQwNTk0NCAyMS42Mzg0IC0xLjA0MDk2IDE3LjA5NTEgMi43ODI1MUMxMi41NTIgLTEuMDQxMjMgNy45MDU4MiAtMC40MDU5NDQgNC45NDU4NiAxLjU5ODE1QzAuOTUyMzU0IDQuMzAyMTIgLTEuNjI0NTcgMTAuNDU5OSAxLjE3NzExIDE2Ljk5NzdDNC44NDc2MyAyNS41NjE4IDE2LjAyMzkgMzAuNjYwNCAxNi40OTc3IDMwLjg3MzJDMTYuODc0MyAzMS4wNDI0IDE3LjMxNTYgMzEuMDQyNCAxNy42OTIyIDMwLjg3MzJDMTguMTY2MyAzMC42NjA0IDI5LjM0MjUgMjUuNTYxOCAzMy4wMTI4IDE2Ljk5NzdDMzUuODE0NyAxMC40NTk5IDMzLjIzNzggNC4zMDIxMiAyOS4yNDQzIDEuNTk4MTVaIiBmaWxsPSIjRTYyMTE3Ii8+Cjwvc3ZnPgo=); } @media all and (max-width:767px) { .mn-product__favorites:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4Wk0xNS45NjkzIDguMTgwMThDMTQuNTA5NSAxMS41MTk2IDEwLjIwMTMgMTMuODIyOSA4Ljk5OTQ2IDE0LjQxMjhDNy43OTcyNCAxMy44MjM5IDMuNDkzODEgMTEuNTI3MSAyLjAzMDYyIDguMTgwMThDMC44ODMyMDIgNS41NTU2OSAxLjg4MzM1IDMuMTIwMjEgMy40NjQzIDIuMDcwOTdDNC4wMzc4IDEuNjkwMzEgNC42NjE2MSAxLjUwMzA4IDUuMzAzMTIgMS41MDMwOEM2LjM1NTY5IDEuNTAzMDggNy40NTU2MSAyLjAwNzQ1IDguNDU3MTYgMi45ODkzM0M4Ljc1NzA1IDMuMjgzMTkgOS4yNDI4NiAzLjI4MzE5IDkuNTQyNjEgMi45ODkzM0MxMS4xNTQ2IDEuNDA4OTkgMTMuMDIxMyAxLjA2NTgxIDE0LjUzNTUgMi4wNzA5N0MxNi4xMTY2IDMuMTIwMjEgMTcuMTE2NyA1LjU1NTY5IDE1Ljk2OTMgOC4xODAxOFoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==) !important; } .mn-product__favorites:hover:after{ display: none; } .mn-product__favorites.added:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM5NjIgMC44MjQ4NDhDMTMuODM3NyAtMC4yMDk1MTkgMTEuMzkyIC0wLjUzNzI3MSA5LjAwMDAyIDEuNDM2MTNDNi42MDgyMiAtMC41Mzc0MDggNC4xNjIxNyAtMC4yMDk1MTkgMi42MDM4NCAwLjgyNDg0OEMwLjUwMTM4NSAyLjIyMDQ1IC0wLjg1NTI4MyA1LjM5ODYzIDAuNjE5NzEgOC43NzNDMi41NTIxMyAxMy4xOTMyIDguNDM2MDggMTUuODI0NyA4LjY4NTUyIDE1LjkzNDVDOC44ODM4MSAxNi4wMjE4IDkuMTE2MSAxNi4wMjE4IDkuMzE0MzkgMTUuOTM0NUM5LjU2Mzk3IDE1LjgyNDcgMTUuNDQ3OSAxMy4xOTMyIDE3LjM4MDIgOC43NzNDMTguODU1MyA1LjM5ODYzIDE3LjQ5ODcgMi4yMjA0NSAxNS4zOTYyIDAuODI0ODQ4WiIgZmlsbD0iIzhGQkM2MiIvPgo8L3N2Zz4K) !important; } .add_to_basket_spec_fav:before { content: ""; position: absolute; width: 22px; height: 19px; left: -14px; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjgxNzYgMS4xNDc5OEMxNi45MTI4IC0wLjE0MTU4MSAxMy45MjM1IC0wLjU1MDE5MiAxMSAxLjkxMDA3QzguMDc2NzEgLTAuNTUwMzY0IDUuMDg3MSAtMC4xNDE1ODEgMy4xODI0NyAxLjE0Nzk4QzAuNjEyODA0IDIuODg3ODggLTEuMDQ1MzUgNi44NTAxNiAwLjc1NzQyNCAxMS4wNTdDMy4xMTkyNyAxNi41Njc3IDEwLjMxMDggMTkuODQ4NSAxMC42MTU2IDE5Ljk4NTNDMTAuODU4IDIwLjA5NDIgMTEuMTQxOSAyMC4wOTQyIDExLjM4NDMgMTkuOTg1M0MxMS42ODkzIDE5Ljg0ODUgMTguODgwOCAxNi41Njc3IDIxLjI0MjUgMTEuMDU3QzIzLjA0NTQgNi44NTAxNiAyMS4zODczIDIuODg3ODggMTguODE3NiAxLjE0Nzk4WiIgZmlsbD0iI0U2MjExNyIvPgo8L3N2Zz4K); } } /* new pagination */ .n-pagination-new { width: 100%; font-weight: 400; } .n-pagination-new .n-pagination__item { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid #ECECEE; color: #141517; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -1px; } .n-pagination-new .n-pagination__item .n-pagination__link { color: #141517; } .n-pagination-new .n-pagination__item.n-pagination__item-all { font-size: 16px; margin: 0 0 0 auto; width: 135px; background: #ECECEE; border-radius: 5px; } .n-pagination-new .n-pagination__item.n-pagination__break { border: 1px solid transparent; } .n-pagination-new .n-pagination__item.n-pagination__item-all .n-pagination__link { color: #141517; font-size: 16px; } .n-pagination-new .n-pagination__item.n-pagination__arrow { display: none; } .n-pagination-new .n-pagination__item.active { background: #8FBC62; font-weight: bold; } .n-pagination-new .n-pagination__item.active .n-pagination__link, .n-pagination-new .n-pagination__item.active span { color: #FFFFFF; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc { margin-left: 15px; width: 223px; justify-content: flex-start; padding-left: 13px; padding-right: 31px; border: 2px solid #8FBC62; box-sizing: border-box; border-radius: 5px; position: relative; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc:before { content: ""; position: absolute; width: 12px; height: 12px; right: 12px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik05LjE3NDE1IDYuNTk0MDZMNC4wMTQzMyAxMS43NTM3QzMuNjg2MTEgMTIuMDgyMSAzLjE1Mzk0IDEyLjA4MjEgMi44MjU4NyAxMS43NTM3QzIuNDk3NzggMTEuNDI1NiAyLjQ5Nzc4IDEwLjg5MzUgMi44MjU4NyAxMC41NjU0TDcuMzkxNTIgNS45OTk5MUwyLjgyNjAxIDEuNDM0NTdDMi40OTc5MSAxLjEwNjM1IDIuNDk3OTEgMC41NzQyNjMgMi44MjYwMSAwLjI0NjE3QzMuMTU0MSAtMC4wODIwNTY1IDMuNjg2MjQgLTAuMDgyMDU2NSA0LjAxNDQ3IDAuMjQ2MTdMOS4xNzQyOSA1LjQwNTlDOS4zMzgzMyA1LjU3MDAyIDkuNDIwMjYgNS43ODQ5IDkuNDIwMjYgNS45OTk4OUM5LjQyMDI2IDYuMjE0OTggOS4zMzgxNyA2LjQzMDAyIDkuMTc0MTUgNi41OTQwNloiIGZpbGw9IiM4RkJDNjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc .n-pagination__link { font-weight: 500; font-size: 16px; color: #8FBC62; } .n-pagination__item-catalog a{ padding: 15px 0; display: table-cell; text-align: center; width:100%; height:100%; } @media all and (max-width:996px) { .n-pagination-new .n-pagination__item.n-pagination__arrow-desc .n-pagination__link span { display: none; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc { width: 170px; } } @media all and (max-width:902px) { .n-pagination-new .n-pagination__item { width: 40px; height: 40px; } .n-pagination-new .n-pagination__item.n-pagination__break { width: 25px; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc { margin-left: 8px; width: 146px; padding-left: 13px; padding-right: 13px; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc .n-pagination__link { font-size: 14px; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc:before { right: 6px; background-size: 9px; } .n-pagination-new .n-pagination__item.n-pagination__item-all { font-size: 14px; width: 106px; } .n-pagination-new .n-pagination__item.n-pagination__item-all .n-pagination__link { font-size: 14px; } } @media all and (max-width:767px) { .n-filter-btn{ padding: 4px 13px 5px 15px; margin-top: 7px; } .n-catalog-new-sort{ display:none; } .n-pagination-new { max-width: 100%; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } .n-pagination-new .n-pagination__item.n-pagination__item-all { font-size: 16px; background: #FFFFFF; border-color: #FFFFFF; border-radius: 5px; width: 100%; margin-top: 30px; } .n-pagination-new .n-pagination__item.n-pagination__arrow { display: block; border: 2px solid #8FBC62; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yLjgyNTgyIDYuNTk0MDZMNy45ODU2NCAxMS43NTM3QzguMzEzODYgMTIuMDgyMSA4Ljg0NjAzIDEyLjA4MjEgOS4xNzQxIDExLjc1MzdDOS41MDIxOSAxMS40MjU2IDkuNTAyMTkgMTAuODkzNSA5LjE3NDEgMTAuNTY1NEw0LjYwODQ1IDUuOTk5OTFMOS4xNzM5NiAxLjQzNDU3QzkuNTAyMDYgMS4xMDYzNSA5LjUwMjA2IDAuNTc0MjYzIDkuMTczOTYgMC4yNDYxN0M4Ljg0NTg3IC0wLjA4MjA1NjUgOC4zMTM3MyAtMC4wODIwNTY1IDcuOTg1NSAwLjI0NjE3TDIuODI1NjggNS40MDU5QzIuNjYxNjQgNS41NzAwMiAyLjU3OTcxIDUuNzg0OSAyLjU3OTcxIDUuOTk5ODlDMi41Nzk3MSA2LjIxNDk4IDIuNjYxOCA2LjQzMDAyIDIuODI1ODIgNi41OTQwNloiIGZpbGw9IiM4RkJDNjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDEyIDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .n-pagination-new .n-pagination__item { width: 44px; height: 44px; background: #FFFFFF; border: 1px solid #ECECEE; border-radius: 5px; } .n-pagination-new .n-pagination__item.n-pagination__arrow-desc { display: none; } .n-pagination-new .n-pagination__item.n-pagination__break { display: none; } .n-pagination-new .n-pagination__item.n-pagination__item-all .n-pagination__link { font-size: 16px; color: #141517; } .n-catalog-mobile-filter .icon-count { position: absolute; color: #000; font-size: 9px; font-weight: 700; top: 7px; left: 19px; display: none; } .n-catalog-mobile-filter .icon-count { background-color: transparent; height: 14px; right: auto; text-align: center; width: 14px; line-height: 10px; } .n-catalog-mobile-filter .icon-count:after { content: ''; } .n-catalog-mobile-filter .icon-count:last-child { display: block; } .mn-product-catalog-new .mn-discount { /* padding-top: 1px; */ bottom: -5px; } .n-catalog-mobile-filter .icon-count:after { width: 14px; height: 14px; background-color: #ffffff; left: 50%; top: 5px; } } @media all and (max-width:380px) { .n-pagination-new .n-pagination__item { width: 38px; height: 38px; } .n-pagination__item-catalog a { padding: 10px 0; } } @media (min-width: 1280px){ .mn-product-catalog-new:hover .mn-product__dtlist-bottom{ z-index: 5; } } /* Фикс копеек */ @media all and (max-width:767px) { .scroll-slider .mn-product-catalog-new .mn-product__price, .mn-actual__noslider .mn-product-catalog-new .mn-product__price{ margin-right: 5px; } .scroll-slider .mn-product__old-price, .mn-actual__noslider .mn-product__old-price{ font-size: 10px; white-space: nowrap; } .mn-product__price{ font-size: 15px; white-space: nowrap; } } .kind.mob-filter-item[data-filter="CML2_MANUFACTURER"] { display: none !important; } .kind.mob-filter-item[data-filter="PROIZVODITEL"] { display: none !important; } .kind.mob-filter-item[data-filter="TIP"], .kind.mob-filter-item[data-filter="SORT"], .kind.mob-filter-item[data-filter="GOD"], .kind.mob-filter-item[data-filter="STRANA_VYRASHCHIVANIYA"], .kind.mob-filter-item[data-filter="UPAKOVKA"], .kind.mob-filter-item[data-filter="WEIGHT"], .kind.mob-filter-item[data-filter="PRICE"], .kind.mob-filter-item[data-filter="COMPOSITION"], .kind.mob-filter-item[data-filter="VID"], .kind.mob-filter-item[data-filter="OBZHARKA"], .kind.mob-filter-item[data-filter="METOD"] { display: none !important; } /* End */ /* Start:/bitrix/templates/empty/components/bitrix/main.feedback/template3/style.css?17571579181036*/ div.mfeedback {} div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;} div.mf-name input, div.mf-email input {width:60%;} div.mf-message textarea {width: 60%;} span.mf-req {color:red;} div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;} .feedback_ { max-width: 350px; height: 200px; text-align: center; padding: 15px; border: 1px solid #cecece; background: #ffffff; border-radius: 10px; position: fixed; top: 0; right: 0; z-index: 10; display: none; bottom: 0; left: 0; margin: auto; } .b-form__row input[type=text] { display: inline-block; width: 100%; vertical-align: top; box-sizing: border-box; background-color: transparent; outline: none; border: 0; border-bottom: 1px solid #b9b9b9; font-size: 16px; line-height: 20px; color: #000; padding-bottom: 3px; transition: all 0.3s ease; } .input2__wrap .b-form__row input[type=text] { width: calc(100% - 70px); } /* End */ /* Start:/local/components/marconi/popup_auth/templates/.default/style.css?175715784529459*/ .popup_auth { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.7); z-index: 200; /* width: 400px; */ /* height: 500px; */ display: none; z-index: 1000022; } .popup_auth_outer { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background: #fff; border: 2px solid #ececee; padding: 94px 100px 50px; } .popup_auth .card_auth { margin-top: 7px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); background-color: #8FBC62; text-transform: lowercase; display: inline-block; padding: 0 0px; border-radius: 50px; cursor: pointer; color: #fff; text-align: center; font-weight: 600; font-size: 14px; text-transform: uppercase; height: 62px; width: 100%; line-height: 62px; } .auth_bottom { padding-top: 5px; padding-left: 11px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .popup_v.in_vosstanovlenie { float: right; /* border-bottom: 1px dotted #8FBC62; */ border-bottom: none; padding: 0px; font-weight: 100; width: unset; font-size: 16px; color: #8FBC62; position: relative; } .popup_v.in_vosstanovlenie:before { content: ''; position: absolute; bottom: -3px; left: 1px; width: 98%; border-bottom: 1px dashed #8FBC62; } .popup_auth_wraper { width: 388px; margin: 0 auto; } .err_auth { padding: 10px; text-align: center; color: #c71f1f; } .popup_v { width: 50%; cursor: pointer; float: left; text-align: center; font-size: 24px; padding: 12px 0; font-weight: bold; border-bottom: 1px solid #8F91A3; color: #8F91A3; /*color: 3px solid #8F91A3;*/ } .popup_v.active{ border-color: #141517; color: #141517; /*color: 3px solid #000;*/ box-shadow: none; } .popup_auth input[type="password"] { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 100%; max-width: 98%; height: 100%; background-color: transparent !important; padding-left: 0; } .popup_auth .popup_content{ display: none; } .hide_class { display: none!important; } .popup_auth .popup_content.active { box-shadow: none; display: inline-block; width: 100%; margin-top: 22px; } .popup_auth .popup_content._vosstanovlenie.active, .popup_auth .popup_content.register_.active { margin-top: 19px; } .popup_content.active .auth_chb_text { margin-top: 1px; } .popup_auth_close { width: 20px; height: 20px; background-image: url(/bitrix/templates/empty/images/close.svg); -webkit-filter: grayscale(1); filter: grayscale(1); background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #fff; cursor: pointer; z-index: 2; } div.bx-auth { width: 100%; margin: 0 auto 20px !important; display: flex; justify-content: center; } .bx-system-auth-form { margin-left: 0 !important; } .soc_seti_auth { margin-bottom: 4px; margin-left: 24px; } .main-checkout * { -webkit-box-sizing: border-box; box-sizing: border-box; } .auth_chb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .auth_remember { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .auth_chb_input { display: none; } .auth_chb_input:checked + .auth_chb_pseudo { background-color: #8FBC62; border-color: #8FBC62; } .auth_chb_input:checked + .auth_chb_pseudo:after { opacity: 1; } .auth_chb_pseudo { position: relative; border: 1px solid #B6B0AC; width: 13px; height: 13px; border-radius: 3px; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; } .auth_chb_pseudo:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(/local/components/bitrix/sale.order.ajax/templates/new/images/check-white.svg); background-repeat: no-repeat; background-position: center; background-size: 7px; opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .auth_chb_text { margin-left: 12px; font-size: 15px; color: #8F91A3; } .auth_registr_chb { margin-bottom: 20px; } .auth_registr_chb .auth_chb_text { font-size: 14px; } .auth_registr_chb a { color: #8FBC62; text-decoration: underline; } .auth_restore_back { font-size: 14px !important; margin-bottom: 30px; float: none; border: none; padding: 0; width: 100%; color: #8FBC62; font-weight: normal; display: flex; align-items: center; height: 15px; justify-content: center; } .auth_restore_back img, .auth_restore_back span { display: inline-block; vertical-align: middle; } .auth_restore_back span { margin-left: 9px; } .auth_restore_title { text-align: center; font-weight: bold; font-size: 24px; color: #141517; margin-bottom: 20px; } .auth_restore_text { font-size: 15px; color: #8F91A3; margin-bottom: 27px; } .auth_restore_back_text { position: relative; } .auth_restore_back_text:before { content: ''; position: absolute; bottom: -3px; left: 1px; width: 98%; border-bottom: 1px dashed #8FBC62; } .auth_restore_question { margin-top: 30px; text-align: center; } .auth_restore_question .auth_restore_title { margin-bottom: 12px; } .auth_restore_question .auth_restore_text { text-align: center; } .auth_restore_phone { font-size: 17px; color: #79A151; position: relative; font-weight: 400; } .auth_restore_phone:before { content: ''; position: absolute; bottom: -3px; left: 1px; width: 98%; border-bottom: 1px dashed #8FBC62; } .ch-input__outer.ch-input__name-inside { border-radius: 70px; border: 1px solid #8F91A3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 23px; height: 60px; margin-bottom: 18px; position: relative; } .ch-input__outer.error { border-color: red; } .ch-input__outer.error .ch-input input[type='text'] { border-color: red !important; } .ch-input__outer.ch-input__name-inside .ch-input__name { -ms-flex-negative: 0; flex-shrink: 0; color: #828282; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; } .ch-input__outer.ch-input__name-inside .ch-input { width: 100%; height: 100%; } .ch-input__outer.ch-input__name-inside .ch-input input[type='text'] { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 100%; max-width: 98%; height: 100%; background-color: transparent !important; padding-left: 15px; } .ch-input input[type='text'] { height: 50px; border-radius: 70px !important; border: 1px solid #8F91A3 !important; max-width: 100% !important; /*font-size: 16px;*/ } @-webkit-keyframes autofill { to { background: transparent; } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } .ch-input__outer.ch-input__name-inside .ch-input__name.focus { font-size: 12px; top: 4px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .popup_auth_topline { position: absolute; top: 0; width: 100%; left: 0; padding: 19px 23px 21px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .popup_auth_topline > img { max-width: 75px; } .popup_auth_topline_title { font-size: 24px; font-weight: bold; color: #6C6D79; margin-left: -50px; } /*NEW POPUP STYLES*/ .reg-popup .popup_auth_outer { padding: 35px 31px 0; overflow: auto; max-height: 100%; } .authpopup .popup_auth_wraper { width: 428px; } .authpopup .enter_phone_title { text-align: center; font-size: 22px; } .authpopup .enter-sms_title { font-size: 22px; } .authpopup__inside { max-width: 300px; margin: 0 auto; } .authpopup .ch-input__name-phone { max-width: 300px; margin: 0 auto; } .authpopup__input .ch-input__name { font-size: 14px; color: #141517; margin-bottom: 5px; } .authpopup .authpopup__input-name span { font-size: 14px !important; } .authpopup .authpopup__input-name.focus span { font-size: 14px !important; color: #141517; } .authpopup__input .ch-input input[type='text'], .authpopup__input .ch-input input[type='password'] { height: 40px; border: 1px solid #DADADA !important; border-radius: 5px !important; color: #141517; width: 100%; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding-top: 0; } .authpopup__input .ch-input input[type='text'].phone-prefix { width: 46px; border-right: 1px solid #DADADA !important; position: absolute; left: 0; top: 0; padding-left: 6px; border-radius: 5px 0 0 5px !important; } .popup_left_col .authpopup__input .ch-input input[type='text'].phone-prefix{ width: 63px; } .authpopup__input-phone--prefix { position: relative; } .authpopup__input-phone--prefix .phone-auth { padding-left: 50px !important; } .authpopup.popup_auth .card_auth_new, .authpopup.popup_auth .card_auth { height: 40px; max-width: 300px; border-radius: 5px; color: #fff; line-height: 40px; text-transform: none; font-size: 16px; font-weight: 500; } .authpopup .auth_chb_pseudo { width: 20px; height: 20px; } .authpopup .auth_chb_pseudo:after { background-size: 12px; } .authpopup .auth_chb_text { font-size: 13px; color: #141517; } .authpopup .auth_chb { margin-bottom: 10px; } .authpopup .in_site_auth { position: relative; bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 25px; text-align: center; } .authpopup .in_site_auth_or { color: #6C6D79; margin-bottom: 25px; } .authpopup .in_site_auth_body a { color: #000; border-bottom: 1px solid; } .authpopup .in_site_auth_body a:before, .authpopup .in_site_auth_body a:after { display: none; } .authpopup .auth_bottom { padding: 0; max-width: 300px; margin: 0 auto; } .authpopup__input .ch-input input { padding-left: 12px; } .authpopup__input { margin-bottom: 20px; } .authpopup .popup_v.in_vosstanovlenie { display: inline-block; float: right; margin-bottom: 10px; margin-top: 14px; clear: both; font-size: 14px; color: #000; border-bottom: 1px solid #000; } .authpopup .popup_v.in_vosstanovlenie:before { display: none; } .authpopup-reg { max-width: 300px; margin: 50px auto 20px; color: #000; text-align: center; } .authpopup-reg .popup_v { font-size: 14px; color: #000; font-weight: normal; border-bottom: 1px solid; padding: 0; } .authpopup .auth_chb_text a { color: #000; text-decoration: underline; } .authpopup .auth_email { text-align: center; font-size: 14px; margin: 37px 0; cursor: pointer; } .authpopup .auth_email span { display: inline-block; border-bottom: 1px solid #000; } .authpopup .enter_email .card_auth { margin-bottom: 15px; } .authpopup .auth_restore_back { font-size: 12px !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #6C6D79; font-weight: normal; } .authpopup .auth_restore_back_text:before { display: none; } .authpopup .auth_restore_back_arrow { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); width: 22px; height: 17px; border: none; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxNCA3LjY4MzQxIC0wLjA5NzYzMTUgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzFMNi42NTY4NSAxNS4wNzExQzcuMDQ3MzggMTUuNDYxNiA3LjY4MDU0IDE1LjQ2MTYgOC4wNzEwNyAxNS4wNzExQzguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE0LjA0NzQgOC4wNzEwNyAxMy42NTY5TDIuNDE0MjEgOEw4LjA3MTA3IDIuMzQzMTRDOC40NjE1OSAxLjk1MjYyIDguNDYxNTkgMS4zMTk0NSA4LjA3MTA3IDAuOTI4OTNDNy42ODA1NCAwLjUzODQwNSA3LjA0NzM4IDAuNTM4NDA1IDYuNjU2ODYgMC45Mjg5M0wwLjI5Mjg5MyA3LjI5Mjg5Wk0yMSA3TDEgN0wxIDlMMjEgOUwyMSA3WiIgZmlsbD0iIzZDNkQ3OSIvPgo8L3N2Zz4K); } .authpopup .auth_restore_back_arrow:before { display: none; } .authpopup .auth_restore_text { font-size: 14px; color: #141517; margin-bottom: 40px; } .authpopup .enter-sms_change { display: inline-block; color: #141517; border-bottom: 1px solid; float: left; margin-left: 20px; cursor: pointer; } .authpopup .error-code_sms { text-align: center; color: #000; margin-bottom: 30px; margin-top: 30px; } .authpopup .error-code_sms span { display: inline-block; border-bottom: 1px solid #000; } .authpopup .enter-phone_sms { width: 424px; text-align: center; margin-left: -62px; margin-bottom: 40px; } .authpopup .enter-sms_subtitle-new { font-size: 14px; color: #141517; } .authpopup .enter-sms_title { margin-bottom: 30px; } .authpopup .ch-input__outer.ch-input__name-inside.ch-input__name-outside.authpopup__input.code_sms { border: none; border-radius: 0; display: block; padding: 0; height: auto; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text'] { height: 40px; border: 1px solid #DADADA !important; border-radius: 5px !important; color: #141517; width: 100%; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; padding-top: 0; padding-left: 12px; font-size: 14px; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-webkit-input-placeholder { padding-left: 12px; color: #B9BBCC; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-moz-placeholder { padding-left: 12px; color: #B9BBCC; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']:-ms-input-placeholder { padding-left: 12px; color: #B9BBCC; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-ms-input-placeholder { padding-left: 12px; color: #B9BBCC; } .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::placeholder { padding-left: 12px; color: #B9BBCC; } .timer_sms { font-size: 13px; text-align: center; color: #6C6D79; } .popup_content.register_ .enter_phone_title, .popup_content._vosstanovlenie .auth_restore_title { max-width: 300px; text-align: left; margin-left: auto; margin-right: auto; } .in_site_auth_body a { margin-left: 0; } .card_auth_new.inactive_check { background-color: #DADADA !important; pointer-events: none; box-shadow: none !important; } .popup_auth input[type="password"] { max-width: 100% !important; } .popup_auth .card_auth_new { margin-top: 7px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); background-color: #8FBC62; text-transform: lowercase; display: inline-block; padding: 0 0px; border-radius: 50px; cursor: pointer; color: #fff; text-align: center; font-weight: 600; font-size: 14px; text-transform: uppercase; height: 62px; width: 100%; line-height: 62px; }.card_auth_new.deactive { background-color: #DADADA; pointer-events: none; box-shadow: none; } .auth_bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup_auth_close { position: absolute; right: 15px; top: 15px; } .enter-soc { display: none; } .reg-popup .enter_phone_title { margin-bottom: 50px; } .reg-popup .email_auth { margin-top: 50px; } .reg-popup .enter_phone_title { margin-bottom: 28px; } .reg-popup .enter_email .card_auth { margin-top: 0; } .reg-popup .enter_email .authpopup__input:nth-child(2) { margin-bottom: 5px; } .reg-popup .authpopup__input { margin-bottom: 15px; } .reg-popup .authpopup-reg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px auto; white-space: nowrap; } .reg-popup .authpopup-reg span { width: auto; margin-left: 5px; } .enter-soc { position: relative; padding-top: 5px; } .enter-soc:before { content: ''; position: absolute; width: calc(100% + 62px); left: -31px; height: 1px; background-color: #ECECEE; top: -5px; } .enter-soc .soc_seti_auth, .enter-soc .bx-system-auth-form { max-width: 300px; margin: 0 auto !important; } .enter-soc .bx-system-auth-form { -webkit-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); } .reg-popup .popup_auth_wraper { min-height: 0; } .reg-popup .auth_bottom_main { display: none !important; } .auth_bottom_main.hide_checkboxes { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; } .reg-popup ._site .email_auth { margin-bottom: 70px; } .reg-popup ._site .phone_auth { margin-bottom: 30px; } .reg-popup ._site .in_site_auth { margin-top: 0; } .reg-popup .register_ .phone_auth { margin-bottom: 50px; } .reg-popup ._vosstanovlenie { margin-bottom: 60px; } .reg-popup .timer_sms { margin-bottom: 0; font-size: 14px; } .reg-popup .enter-sms_subtitle-new { max-width: 250px; margin: 0 auto 10px; text-align: center; } .reg-popup .enter-sms_change { float: none; margin-left: 0px; } .reg-popup .auth_restore_back { position: absolute; left: -55px; top: 0px; width: 30px; margin: 0; height: 30px; } .reg-popup .auth_restore_back_text { display: none; } ._vosstanovlenie .authpopup__inside { position: relative; } .auth_restore_back.register-back { position: relative; left: auto; top: auto; margin-right: 17px; display: inline-block; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-left: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important; } .auth_restore_back.register-back span { border: none !important; } .reg-popup .in_site_auth_body a { margin-left: 0px; } .reg-popup .ch-input input[type='password'] { padding-left: 15px !important; } .reg-popup .popup_v.in_vosstanovlenie { font-weight: 400; } @media all and (max-width: 1023px) { .popup_auth_outer { padding: 60px 25px 40px; } .popup_v { font-size: 20px; } .popup_auth_topline { padding: 15px; } .popup_auth_topline > img { width: 65px; } .popup_auth_topline_title { font-size: 18px; margin-left: -20px; } } @media all and (max-width: 767px) { .popup_auth { width: 100%; height: 100%; background-color: #fff; overflow: auto; } .popup_auth_outer { border: none; /*width: 100%;*/ height: 100%; position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: flex; -ms-align-items: center; align-items: center; min-height: 0; justify-content: center; flex-direction: column; /*overflow: auto;*/ padding: 40px 15px; } .popup_auth_wraper { min-height: 0; } } @media all and (max-width: 767px) { .authpopup .enter_phone_title { font-size: 18px; } .authpopup .enter-phone_sms { width: 100%; margin-left: 0; text-align: left; margin-bottom: 30px; } .authpopup .enter-sms_title { font-size: 18px; } .authpopup .enter-sms_change { float: none; margin-left: 0; } input:not([type=checkbox]):not([type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header .container { padding-left: 10px !important; padding-right: 10px !important; } .header__top { /* display: none !important; */ } /* .footer__wrapper { display: none !important; }*/ .footer__top { padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } .footer__bot-text { padding: 0 10px; max-width: 100%; } .header-scroll.fixed { position: relative !important; top: auto !important; } .footer__bot .container { padding: 0 !important; } .footer__bot-text span { display: block; } .popup_content._site .enter_phone_title { max-width: 300px; text-align: left; margin-left: auto; margin-right: auto; } .authpopup .popup_auth_wraper { width: 100%; } .popup_content._site .enter_phone_title { max-width: 308px; } .authpopup__inside { max-width: 308px; } .enter-soc { width: 100%; } .enter-soc:before { width: calc(100% + 30px); left: -15px; } .enter-soc div.bx-auth { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .reg-popup .authpopup__input .ch-input input[type=password] { padding-left: 15px !important; } .reg-popup .enter-sms_subtitle-new { max-width: 100%; text-align: left; } .authpopup.popup_auth .card_auth { max-width: 100%; width: 100%; } .reg-popup .auth_restore_title { margin-left: 0 !important; } } @media all and (min-width: 1024px) and (max-height: 750px) { .popup_content .ch-input__outer { margin-bottom: 15px; } .auth_registr_chb { margin-bottom: 5px; } .auth_restore_back { margin-bottom: 10px; } .auth_restore_question { margin-top: 0; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) { .popup_auth input[type="text"], .popup_auth input[type="password"] { font-size: 16px !important; } } @media only screen and (max-device-width: 1023px) and (orientation: landscape) { .popup_auth_outer { padding: 50px 0; } .popup_auth .popup_content.active { padding: 30px 0; } } .in_site_auth { position: absolute; left: 50%; transform: translateX(-50%); bottom: -16px; } .in_site_auth_body { text-align: center; } .in_site_auth_body a { display: inline-block; font-size: 16px; color: #8FBC62; position: relative; margin-left: 15px; } .in_site_auth_body a:before { content: ''; position: absolute; bottom: -3px; left: 1px; width: 98%; border-bottom: 1px dashed #8FBC62; } .in_site_auth_body .phone_auth:after { content: ""; position: absolute; top: 2px; left: -19px; width: 13px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjExLjUiIGN5PSIxLjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iNi41IiBjeT0iMS41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjxjaXJjbGUgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxMS41IiBjeT0iNi41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjxjaXJjbGUgY3g9IjYuNSIgY3k9IjYuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxLjUiIGN5PSI2LjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iMTEuNSIgY3k9IjExLjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iNi41IiBjeT0iMTEuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxLjUiIGN5PSIxMS41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; } .in_site_auth_body .email_auth:after { content: "@"; position: absolute; top: 2px; left: -18px; width: 13px; height: 15px; color: #8F91A3; font-weight: bold; line-height: 15px; font-size: 16px; } .enter_phone { margin-top: -10px; } .enter_phone_title { font-size: 24px; font-weight: bold; line-height: 25px; color: #141517; margin-bottom: 45px; } .popup_auth .ch-input__outer.ch-input__name-inside .ch-input__name.focus { top: 8px; } .popup_auth .ch-input__outer.ch-input__name-inside .ch-input input[type='text'], .popup_auth input[type="password"] { padding-left: 0px; line-height: 20px; padding-top: 22px; height: 22px; border-radius: 0 !important; font-size: 16px; color: #141517; box-sizing: content-box; } .popup_auth input::placeholder { color: #141517; } .popup_auth input::placeholder {color: #141517;} .popup_auth input::placeholder {color: #141517;} .popup_auth input::placeholder {color: #141517;} .popup_auth input::placeholder {color: #141517;} .card_auth.deactive { background-color: #DADADA; pointer-events: none; box-shadow: none; } .popup_auth_wraper { min-height: 468px; position: relative; } .enter-sms_title { font-size: 24px; font-weight: bold; line-height: 25px; color: #141517; margin-bottom: 9px; } .enter-sms_subtitle { font-size: 16px; line-height: 20px; color: #141517; } .enter-phone_sms { margin-bottom: 21px; } .timer_sms { margin-bottom: 35px; color: #6C6D79; font-size: 16px; line-height: 20px; } .enter-sms_value { font-weight: 600; } .popup_v.register_site.active ~ .in_site_auth { display: none !important; } /*.popup_auth .bx_block span { font-size: 15px !important; transition: .2s ease-in-out; color: #141517; }*/ /*.popup_auth .bx_block.focus span { font-size: 13px !important; color: #79A151; }*/ .auth_restore_back_arrow { transform: rotate(-135deg); width: 8px; height: 8px; border-width: 1px 1px 0 0; border-style: solid; margin: 0 !important; position: relative; display: inline-block; vertical-align: middle; color: #8FBC62; } .auth_restore_back_arrow:before { content: ""; right: 0px; top: -1px; position: absolute; height: 1px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 13px; -webkit-transform-origin: right top; transform-origin: right top; } body.newFont .popup_auth { z-index: 1000022; } .ch-input__name-phone { position: relative; } .ch-input__name-phone.complete .ch-input__name-inside { border-color: #8FBC62; } .ch-input__name-phone.complete:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 23px; width: 16px; height: 12px; background-repeat: no-repeat; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzc2NTcgMTAuNzQ4MUM2Ljc0NzE3IDExLjM4ODIgNS43MTczIDExLjM5NjggNS4wNzc1NyAxMC43Njc0TDEuNDg1NzMgNy4yMzUxOUMwLjg0NTY5OSA2LjYwNjA5IDAuODM3MDY2IDUuNTc2MTkgMS40NjY0NiA0LjkzNjQ1QzIuMDk1NTUgNC4yOTY0MSAzLjEyNTQyIDQuMjg3NzggMy43NjU0NSA0LjkxNzE4TDUuOTA1NDggNy4wMjEzOEM2LjA2NzAzIDcuMTc5OTQgNi4zMjcxMSA3LjE3Nzc2IDYuNDg2MjggNy4wMTY1MUwxMi4xODQ1IDEuMjIxOEMxMi44MTM2IDAuNTgxNzYgMTMuODQzNSAwLjU3MzEyNyAxNC40ODM1IDEuMjAyNTNDMTQuNzkwOSAxLjUwNDc4IDE0Ljk2NTYgMS45MTY5IDE0Ljk2OTIgMi4zNDc5MUMxNC45NzI4IDIuNzc4OTIgMTQuODA1IDMuMTkzOTEgMTQuNTAyOCAzLjUwMTI3TDcuMzc2NTcgMTAuNzQ4MVoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==); } @media all and (max-width: 767px) { .popup_auth .popup_content.active { margin-top: 12px; } div.bx-auth { margin: 0 auto 16px !important; } .popup_auth .card_auth { margin-top: 0; } .in_site_auth { bottom: -35px; } .popup_auth_wraper { min-height: 450px; } .popup_v { padding: 16px 0; } .popup_auth_outer { padding: 60px 15px !important; } .in_site_auth_body a { font-size: 15px; } .enter_phone_title { font-size: 22px; margin-bottom: 25px; } .enter_phone { margin-top: 0; } } .popup_v_wrap { width: 100%; } @media all and (max-width: 479px) { .popup_auth_wraper { margin-top: 36px; width: 100%; min-height: 598px; padding: 0 15px; padding-top: 0px; padding-bottom: 50px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; } .popup_auth_wraper * { box-sizing: border-box; } .popup_auth_close { width: 15px; height: 15px; right: 10px; top: 10px; } .bx_auth_serv_info { margin: 10px 7px !important; } .popup_auth_outer { justify-content: flex-start; padding: 0 0 20px !important; } .popup_auth_topline { position: relative; } .in_site_auth { bottom: 16px; } .popup_auth .popup_content._vosstanovlenie.active, .popup_auth .popup_content.register_.active { margin-top: 18px; } .popup_auth .popup_content.active { margin-top: 18px; } .popup_v_wrap { display: flex; } .popup_v { float: none; } .reg-popup .popup_auth_wraper { display: block; } .reg-popup .auth_restore_back { left: 0; top: -50px; } .reg-popup .auth_email.auth_restore_back { top: 0; } .reg-popup ._vosstanovlenie .authpopup__inside { position: static; } .reg-popup ._vosstanovlenie .auth_restore_back { left: 15px; top: -34px; } .reg-popup .auth_email.auth_restore_back { position: absolute; top: -25px; left: 7px; } .reg-popup .popup_content.register_ .enter_phone_title { margin-left: 0; } } .authpopup__input.show{ display: block !important; } /* End */ /* Start:/bitrix/templates/empty/styles.css?17571579172704*/ .add_to_cart.in_cart { background: #8753EE; } .min-price { font-size: 18px; font-family: Roboto-Regular; color: #212121; border: 0; background-color: transparent; display: inline-block; outline: none; width: 23%; text-align: right; } .max-price { font-size: 18px; font-family: Roboto-Regular; color: #212121; border: 0; background-color: transparent; display: inline-block; outline: none; width: 28%; } .fast-serch-2, fast-serch-3, fast-serch-4, fast-serch-5{ display: none; } .menu-serch a{ color: #757575; } .filter-parameters-box{ position: absolute; top: 36px; background: #fafafa; width: 100%; z-index: 3; font-size: 0; } .bx-filter .bx-ui-slider-handle.right{ margin-right: -14px!important; } .bx-filter .bx-ui-slider-handle.left{ margin-left: -14px!important; } .b-tabs__quote{ border-left: 3px solid #86af49; padding: 20px 0px 20px 30px; margin-top: 20px; } .b-tabs__quote li { list-style-type: none; } .bx-auth-table { margin-left: 12px; } .bx-auth-table input[type="checkbox"] { display: none; } .bx-auth-table input[type="checkbox"]:checked + label::before { -webkit-transform: scale(1); transform: scale(1); } .bx-auth-table label { position: relative; padding-left: 45px; font-weight: bold; } .bx-auth-table label::before { content: '\2713'; position: absolute; left: 28px; top: -2px; color: #86af49; font-size: 15px; font-weight: bold; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; } .bx-auth-table label::after { content: ''; position: absolute; left: 25px; top: 0; width: 15px; height: 15px; border: 1px solid #86af49; cursor: pointer; } .mb-50 { margin-bottom: 50px; } .mt-50 { margin-top: 50px; } .pb-10 { padding-bottom: 10px; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ''; } .text-insert { padding-left: 22px; margin-bottom: 25px; font-style: italic; position: relative; } .text-insert:before { position: absolute; content: ""; width: 4px; height: 100%; left: 0; top: 0; background: #8FBC62; } .blog-detail-body-img p, .blog-slider-text p { color: rgba(0,0,0,.6); font-style: italic; } .adm-detail-content .bxhtmled-iframe-cnt { height: 100% !important; } .adm-detail-content .bxhtmled-area-cnt { height: 100% !important; } .adm-detail-content .bx-html-editor { height: auto !important; min-height: 450px !important; } .adm-detail-content .bxhtmled-taskbar-cnt { right: 15px; } /* End */ /* /bitrix/templates/empty/css/slick.min.css?17571579195073 */ /* /bitrix/templates/empty/css/main/main.css?1757157919283992 */ /* /bitrix/templates/empty/css/footer.css?175715791943542 */ /* /bitrix/templates/empty/css/multisearch.css?175715791919374 */ /* /bitrix/templates/empty/css/hover.css?175715791935127 */ /* /bitrix/templates/empty/css/header.css?1757157919114930 */ /* /bitrix/templates/empty/css/base.css?17571579199024 */ /* /bitrix/templates/empty/css/new-catalog.css?1757157919138826 */ /* /bitrix/templates/empty/components/bitrix/main.feedback/template3/style.css?17571579181036 */ /* /local/components/marconi/popup_auth/templates/.default/style.css?175715784529459 */ /* /bitrix/templates/empty/styles.css?17571579172704 */