html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .simple-content .simplecheckout .content{ color: white; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol{ padding-left: 30px; } ul{ padding-left: 30px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-XLight.eot); src: local('Gotham ExtraLight'), local('Gotham-XLight'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-XLight.eot#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-XLight.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-XLight.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-XLight.ttf) format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Thin.eot); src: local('Gotham Thin'), local('Gotham-Thin'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Thin.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Thin.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Thin.ttf) format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Book.eot); src: local('Gotham Book'), local('Gotham-Book'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Book.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Book.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Book.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Light.eot); src: local('Gotham Light'), local('Gotham-Light'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Light.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Light.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Light.ttf) format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Bold.eot); src: local('Gotham Bold'), local('Gotham-Bold'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Bold.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Bold.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Bold.ttf) format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Medium.eot); src: local('Gotham Medium'), local('Gotham-Medium'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Medium.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Medium.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Medium.ttf) format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham Ultra'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Ultra.eot); src: local('Gotham Ultra'), local('Gotham-Ultra'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Ultra.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Ultra.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Ultra.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Ultra.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Black.eot); src: local('Gotham Black'), local('Gotham-Black'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Black.woff2) format('woff2'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Black.woff) format('woff'), url(/catalog/view/theme/default/stylesheet/fonts/Gotham-Black.ttf) format('truetype'); font-weight: 900; font-style: normal; } .bloc_aj_all{background-color: #000000; color: #ffffff; font-weight: 400; border-width: 1px; border-style: solid; padding: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center} .aj_bloc_txt{background-color: #000000; color: #ffffff; font-weight: 400; border-style: solid;} .ajx_total_prod{background-color: #000000; color: #ffffff; font-weight: 400; border-style: solid;} .aj_bloc_btn{background-color: #158967!important; color: #ffffff; font-weight: 400; border-radius: 10px; border-style: solid; padding: 3px; cursor: pointer;} .aj_blc_del{background-color: #ffffff; -webkit-transform: rotate(45deg)!important; -ms-transform: rotate(45deg)!important; transform: rotate(45deg)!important; margin: 0 10px!important; position: relative; color: #ffffff; font-weight: 400; width: 1px!important; height: 20px!important; cursor: pointer!important} .aj_bloc_btn:hover{background: #096c50!important;} .aj_blc_del:before{ content: ''!important; position: absolute!important; width: 1px!important; height: 20px!important; left: 0!important; background: #ffffff!important; -webkit-transform: rotate(270deg)!important; -ms-transform: rotate(270deg)!important; transform: rotate(270deg)!important; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .btn-primary{ background: #096c50; width: 266px; height: 50px; text-transform: uppercase; border: none; outline: none; border-radius: 25px; color: #fff; text-align: center; font-size: 14px; 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; } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [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 } * { -webkit-box-sizing: border-box; box-sizing: border-box } body { font-family: Gotham, sans-serif } .main { width: 100%; height: 100%; overflow-x: hidden; position: relative } .p_0 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 } li { font-weight: 500; font-size: 14px; line-height: 17px; color: #fff } a, a:hover { font-size: 12px; font-weight: 500; text-decoration: none; color: #fff } a:hover { color: #fff } p { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-align: left; color: #fff } h1 { font-size: 26px; font-style: normal; font-weight: 500; line-height: 31px; text-transform: uppercase; color: #fff } h2 { font-size: 26px; font-style: normal; font-weight: 500; text-transform: uppercase; color: #fff } h3 { font-size: 24px; font-weight: 500; line-height: 38px; text-align: left; color: #fff } h4 { font-size: 20px; font-weight: 500; text-align: left; text-transform: uppercase; color: #fff } h5 { font-size: 22px; font-weight: 500; text-align: left; color: #fff } .content { width: 1170px; margin: 0 auto } .main .hide { display: none !important } body.over { overflow-x: hidden !important; overflow-y: hidden !important } .content_wrapper { background: url("/image/background.png") center center no-repeat; width: 100%; height: 100%; background-size: cover } .content_wrapper.about_wrapper { background: url("/image/background.png") center center; width: 100%; height: 100%; background-size: 100%; } .main.over { overflow: hidden } .main button.disable { background: #2f2f2f !important; color: #fff !important; cursor: context-menu; } .order_btn { background: #096c50; width: 266px; height: 50px; text-transform: uppercase; border: none; outline: none; border-radius: 25px; color: #fff; text-align: center; font-size: 14px; 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 } .order_btn:hover { font-size: 14px } .btn-primary:hover { font-size: 14px!important; font-weight: 700; background: #096c50; } .modal_product_wrap{ position: fixed; background: #161616; box-shadow: 0 10px 16px #000; width: 450px; height: 100px; bottom: 10%; left: 3%; display: none; z-index: 10; padding: 5px; } .mod_prod_wrap{ display: flex; flex-direction: row; } .modal_product_wrap.active{ display: flex; } .modal_product_wrap img{ border-radius: 5px; width: 90px; height: 90px; } .modal_product{ padding: 0 10px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; } .modal_product a{ color: rgba(21,137,103, 1); } .modal_product_close{ position: absolute; top: 5%; right: 3%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3Ljk5OSAyLjE2ODc3TDI1LjgzNDcgMEwxNC4wMDEgMTEuODMzN0wyLjE2ODIzIDBMMC4wMDE5NTMxMiAyLjE2Nzc3TDExLjgzNDcgMTRMMC4wMDE5NTMxMiAyNS44MzIyTDIuMTY4MjMgMjhMMTQuMDAxIDE2LjE2NTJMMjUuODM0NyAyOEwyNy45OTkgMjUuODMxMkwxNi4xNjc3IDE0TDI3Ljk5OSAyLjE2ODc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; border: none; width: 15px; height: 15px; background-size: cover; } @media screen and (max-width: 1200px) { .content { width: 960px; margin: 0 auto } } @media screen and (max-width: 1024px) { h2 { font-size: 22px } } @media screen and (max-width: 960px) { .content { width: 768px; margin: 0 auto } .order_btn { width: 200px; height: 40px; font-size: 12px } .order_btn:hover { font-size: 12px } h4 { font-size: 18px; line-height: 20px } h2 { font-size: 20px } } @media screen and (max-width: 768px) { .content { width: 576px; margin: 0 auto } .content_wrapper.main_page .catalog_content_wrapper .row .col-sm-6 { width: 25%; } .content_wrapper.main_page .catalog_content_wrapper .product_card a:nth-child(2) { font-size: 12px; font-weight: 400; } .modal_product_wrap { bottom: 2%; } } @media screen and (max-width: 575px) { .content { width: 480px; margin: 0 auto } h3 { font-size: 18px; line-height: 20px } .order_btn { width: 160px; height: 30px; font-size: 10px } .order_btn:hover { font-size: 10px } .content_wrapper { margin-top: 72px } } @media screen and (max-width: 480px) { .content { width: 375px } h5 { font-size: 20px } } @media screen and (max-width: 375px) { .content { width: 320px } .order_btn { width: 120px; height: 20px; font-size: 8px } .order_btn:hover { font-size: 8px } } @media screen and (max-width: 320px) { .content { padding: 0 10px } } header { background: url("/image/header/head_back.svg") center center no-repeat; width: 100%; position: relative; background-size: cover; z-index: 3 } header .header_wrapper { max-width: 1170px; margin: 0 auto } header .header_wrapper .logo_main { padding: 18px 0 44px 0 } header .header_wrapper .top_header_info { display: flex; flex-direction: row; justify-content: space-between; align-content: flex-end; height: 100%; align-items: center } header .header_wrapper .top_header_info .header_phone { position: relative; top: -15px; left: -45px; } header .header_wrapper .top_header_info .header_phone a { font-size: 20px; font-weight: 500; line-height: 24px; padding-left: 26px; position: relative } header .header_wrapper .top_header_info .header_phone a:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjIgNy43OUM1LjA2IDEwLjYyIDcuMzggMTIuOTMgMTAuMjEgMTQuMzhMMTIuNDEgMTIuMThDMTIuNjggMTEuOTEgMTMuMDggMTEuODIgMTMuNDMgMTEuOTRDMTQuNTUgMTIuMzEgMTUuNzYgMTIuNTEgMTcgMTIuNTFDMTcuNTUgMTIuNTEgMTggMTIuOTYgMTggMTMuNTFWMTdDMTggMTcuNTUgMTcuNTUgMTggMTcgMThDNy42MSAxOCAwIDEwLjM5IDAgMC45OTk5OTlDMCAwLjQ1IDAuNDUgMCAwLjk5OTk5OSAwSDQuNUM1LjA1IDAgNS41IDAuNDUgNS41IDAuOTk5OTk5QzUuNSAyLjI1IDUuNyAzLjQ1IDYuMDcgNC41N0M2LjE4IDQuOTIgNi4xIDUuMzEgNS44MiA1LjU5TDMuNjIgNy43OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 18px; height: 18px; left: 0; top: 15% } header .header_wrapper .top_header_info .header_lang { position: relative; padding-left: 26px; top: -15px; left: -25px; } header .header_wrapper .top_header_info .header_lang select { background: transparent; border: none; outline: none; color: #fff; font-size: 14px; font-weight: 500; padding-right: 10px } header .header_wrapper .top_header_info .header_lang select option { background: #096c50; font-size: 14px; font-weight: 500 } header .header_wrapper .top_header_info .header_lang:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5OTYgMC42NjY5OTJDNC40MDQ5NiAwLjY2Njk5MiAwLjY2NjYyNiA0LjQwNTMzIDAuNjY2NjI2IDkuMDAwMzNDMC42NjY2MjYgMTMuNTk1MyA0LjQwNDk2IDE3LjMzMzcgOC45OTk5NiAxNy4zMzM3QzEzLjU5NSAxNy4zMzM3IDE3LjMzMzMgMTMuNTk1MyAxNy4zMzMzIDkuMDAwMzNDMTcuMzMzMyA0LjQwNTMzIDEzLjU5NSAwLjY2Njk5MiA4Ljk5OTk2IDAuNjY2OTkyWk0yLjMzMzI5IDkuMDAwMzNDMi4zMzMyOSA4LjI1MTE2IDIuNDYzMjkgNy41MzE5OSAyLjY5MjQ2IDYuODU5NDlMMy45OTk5NiA4LjE2Njk5TDUuNjY2NjMgOS44MzM2NlYxMS41MDAzTDcuMzMzMjkgMTMuMTY3TDguMTY2NjMgMTQuMDAwM1YxNS42MDk1QzQuODg0MTMgMTUuMTk3IDIuMzMzMjkgMTIuMzkzNyAyLjMzMzI5IDkuMDAwMzNaTTE0LjI3NSAxMy4wNjEyQzEzLjczMDggMTIuNjIyOCAxMi45MDU4IDEyLjMzMzcgMTIuMzMzMyAxMi4zMzM3VjExLjUwMDNDMTIuMzMzMyAxMS4wNTgzIDEyLjE1NzcgMTAuNjM0NCAxMS44NDUxIDEwLjMyMThDMTEuNTMyNiAxMC4wMDkzIDExLjEwODcgOS44MzM2NiAxMC42NjY2IDkuODMzNjZINy4zMzMyOVY3LjMzMzY2QzcuNzc1MzIgNy4zMzM2NiA4LjE5OTI0IDcuMTU4MDYgOC41MTE4IDYuODQ1NUM4LjgyNDM2IDYuNTMyOTQgOC45OTk5NiA2LjEwOTAyIDguOTk5OTYgNS42NjY5OVY0LjgzMzY2SDkuODMzMjlDMTAuMjc1MyA0LjgzMzY2IDEwLjY5OTIgNC42NTgwNiAxMS4wMTE4IDQuMzQ1NUMxMS4zMjQ0IDQuMDMyOTQgMTEuNSAzLjYwOTAyIDExLjUgMy4xNjY5OVYyLjgyNDQ5QzEzLjk0IDMuODE1MzMgMTUuNjY2NiA2LjIwODY2IDE1LjY2NjYgOS4wMDAzM0MxNS42NjY1IDEwLjQ3MDkgMTUuMTc2OSAxMS44OTk2IDE0LjI3NSAxMy4wNjEyVjEzLjA2MTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat; width: 18px; height: 18px; left: 0; top: 5% } header .header_wrapper .top_header_info .header_basket { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA4IiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgMjA4IDQ5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDAuOTYxMyAwLjU0NDM4M0MzMi4wNDI3IDMuNTkzMjcgMjAuNzMxNCA2LjUzMzI3IDE3LjQ2ODUgNi41MzMyN0M4LjMzMjQgNi41MzMyNyA3LjQ2MjMgOS4xNDY2MSAxNi4wNTQ2IDEwLjk5NzdDMjEuMjc1MiAxMi4xOTU1IDIxLjkyNzggMTIuNTIyMiAyMC4yOTYzIDEzLjcxOTlDMTguODgyNCAxNC44MDg4IDE4Ljc3MzYgMTUuNDYyMiAxOS43NTI1IDE3LjMxMzNDMjAuNDA1MSAxOC42MTk5IDIxLjM4MzkgMTkuNTk5OSAyMi4wMzY1IDE5LjU5OTlDMjQuNTM4MSAxOS41OTk5IDIyLjI1NCAyMy4zMDIyIDE5LjIwODcgMjQuMDY0NEMxNi4xNjMzIDI0LjkzNTUgMTUuMDc1NyAyNC4zOTExIDEzLjk4ODEgMjEuMzQyMkMxMy40NDQzIDE5LjU5OTkgNy41NzEwNiAyMS43Nzc3IDcuMDI3MjQgMjMuODQ2NkM2LjcwMDk2IDI1LjA0NDQgNC43NDMyMiAyNi42Nzc3IDIuNTY3OTcgMjcuNTQ4OEMtMS4yMzg3NCAyOS4wNzMzIDAuMDY2NDE4NiAyOS4xODIyIDIyLjM2MjggMjkuMjkxQzQzLjM1NCAyOS4zOTk5IDQ1Ljk2NDQgMjkuNjE3NyA0NC43NjggMzEuMDMzM0M0My42ODAzIDMyLjMzOTkgNDMuNjgwMyAzMi42NjY2IDQ1LjA5NDMgMzIuNjY2NkM0NS45NjQ0IDMyLjY2NjYgNDcuMjY5NSAzMS45MDQ0IDQ4LjAzMDkgMzEuMDMzM0M0OC43OTIyIDMwLjE2MjIgNTAuNTMyNCAyOS4zOTk5IDUyLjA1NTEgMjkuMzk5OUM1NC45OTE3IDI5LjM5OTkgNTYuNjIzMSAzMi4xMjIyIDU0LjY2NTQgMzQuMDgyMkM1My4wMzM5IDM1LjcxNTUgNTMuMTQyNyAzOS4xOTk5IDU0Ljk5MTcgMzkuODUzM0M1NS44NjE4IDQwLjE3OTkgNTcuODE5NSAzOS42MzU1IDU5LjM0MjIgMzguNjU1NUM2MS42MjYyIDM3LjEzMTEgNjIuNDk2MyAzNy4wMjIyIDYzLjY5MjcgMzguMTExMUM2NS40MzI5IDM5LjUyNjYgODcuMjk0MyAzOC42NTU1IDk1LjM0MjcgMzYuOTEzM0M5OC4wNjE4IDM2LjM2ODggMTAzLjgyNiAzNi40Nzc3IDExMC42NzggMzcuMjM5OUMxMjAuMjQ5IDM4LjMyODggMTIyLjA5OCAzOC4yMTk5IDEyNS4xNDQgMzYuNjk1NUMxMjguNDA3IDM1LjA2MjIgMTMwLjAzOCAzNS4wNjIyIDE0My40MTYgMzYuNDc3N0MxNTcuNTU1IDM4LjExMTEgMTYwLjgxOCAzOC4wMDIyIDE1OS41MTMgMzUuOTMzM0MxNTguNjQzIDM0LjYyNjYgMTY1LjkzIDMzLjMxOTkgMTY5Ljk1NCAzNC4xOTExQzE3Mi4wMjEgMzQuNjI2NiAxNzQuMTk2IDM0LjE5MTEgMTc1LjcxOCAzMy4yMTExQzE3OS4xOTkgMzAuOTI0NCAxODMuODc2IDMxLjM1OTkgMTk1LjE4NyAzNS4wNjIyQzIwOS42NTMgMzkuODUzMyAyMTEuNzE5IDM4LjU0NjYgMTk5Ljc1NSAzMi40NDg4QzE5NC40MjYgMjkuNzI2NiAxODguOTg4IDI2LjQ1OTkgMTg3LjkgMjUuMTUzM0MxODUuODMzIDIyLjg2NjYgMTg1LjgzMyAyMi44NjY2IDE4OC4yMjYgMjIuODY2NkMxOTIuNDY4IDIyLjg2NjYgMTkwLjUxIDE5LjE2NDQgMTg1Ljk0MiAxOC40MDIyQzE4My41NDkgMTguMDc1NSAxODAuNzIyIDE2LjU1MTEgMTc5LjE5OSAxNC45MTc3QzE3Ny43ODUgMTMuMzkzMyAxNzQuNTIyIDExLjU0MjIgMTcxLjkxMiAxMC44ODg4QzE2OS4zMDEgMTAuMjM1NSAxNjQuNDA3IDguNDkzMjcgMTYxLjAzNiA2Ljk2ODgzQzE1Ni4xNDEgNC42ODIxNiAxNTQuMDc1IDQuMjQ2NjEgMTUwLjQ4NiA0Ljg5OTk0QzE0Ny4yMjMgNS40NDQzOCAxNDUuMzc0IDUuMTE3NzIgMTQzLjUyNSAzLjkxOTk0QzE0MC4zNzEgMS43NDIxNiAxMjkuMjc3IDEuNjMzMjcgMTIzLjE4NiAzLjgxMTA1QzExOS4wNTMgNS4yMjY2MSAxMTguNCA1LjExNzcyIDExMy42MTUgMy4wNDg4M0MxMDcuNTI0IDAuMzI2NjA1IDkyLjk0OTkgLTYuMTg3NDZlLTA1IDgzLjkyMjYgMi4yODY2Qzc5LjAyODMgMy40ODQzOCA3OC4zNzU3IDMuNDg0MzggNzYuMzA5MiAxLjYzMzI3Qzc0LjEzMzkgLTAuMzI2NzI5IDczLjgwNzcgLTAuMzI2NzI5IDY4LjkxMzMgMS40MTU0OUM2NC4yMzY1IDMuMTU3NzIgNjMuMDQwMSAzLjE1NzcyIDU1LjMxOCAxLjYzMzI3QzQ3LjA1MiAtNi4xODc0NmUtMDUgNDMuMjQ1MyAtMC4yMTc4NCA0MC45NjEzIDAuNTQ0MzgzWiIgZmlsbD0iIzE2MTYxNiIvPgo8cGF0aCBkPSJNMTgyLjM1MyAxLjUyNDMxQzE3OS43NDMgMy40ODQzMSAxODAuOTM5IDYuNTMzMiAxODQuNDIgNi41MzMyQzE4Ny4yNDcgNi41MzMyIDE5MC4wNzUgMy4wNDg3NiAxODguODc5IDEuMDg4NzZDMTg3LjkgLTAuNDM1Njg1IDE4NC43NDYgLTAuMjE3OTA3IDE4Mi4zNTMgMS41MjQzMVoiIGZpbGw9IiMxNjE2MTYiLz4KPHBhdGggZD0iTTM2LjYxMDkgMzguMjE5N0MzNi4xNzU4IDM4Ljg3MyAzNi4xNzU4IDM5LjYzNTIgMzYuNTAyMSAzOS45NjE5QzM3LjM3MjIgNDAuODMzIDQwLjQxNzYgMzkuNDE3NSA0MC40MTc2IDM4LjExMDhDNDAuNDE3NiAzNi42OTUyIDM3LjQ4MSAzNi42OTUyIDM2LjYxMDkgMzguMjE5N1oiIGZpbGw9IiMxNjE2MTYiLz4KPHBhdGggZD0iTTY3LjkzNDYgNDIuMTRDNjQuNjcxNyA0My40NDY3IDY3LjI4MiA0OSA3MS4wODg3IDQ5Qzc0LjAyNTMgNDkgNzQuNjc3OSA0Ni4wNiA3Mi41MDI2IDQzLjU1NTZDNzAuNDM2MSA0MS4yNjg5IDcwLjEwOTggNDEuMTYgNjcuOTM0NiA0Mi4xNFoiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==) center center no-repeat; width: 207px; height: 49px; display: flex; align-items: center; justify-content: center; position: relative; top: -15px } /*/////////////new_basket//////////////////*/ .header_basket2{ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA4IiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgMjA4IDQ5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDAuOTYxMyAwLjU0NDM4M0MzMi4wNDI3IDMuNTkzMjcgMjAuNzMxNCA2LjUzMzI3IDE3LjQ2ODUgNi41MzMyN0M4LjMzMjQgNi41MzMyNyA3LjQ2MjMgOS4xNDY2MSAxNi4wNTQ2IDEwLjk5NzdDMjEuMjc1MiAxMi4xOTU1IDIxLjkyNzggMTIuNTIyMiAyMC4yOTYzIDEzLjcxOTlDMTguODgyNCAxNC44MDg4IDE4Ljc3MzYgMTUuNDYyMiAxOS43NTI1IDE3LjMxMzNDMjAuNDA1MSAxOC42MTk5IDIxLjM4MzkgMTkuNTk5OSAyMi4wMzY1IDE5LjU5OTlDMjQuNTM4MSAxOS41OTk5IDIyLjI1NCAyMy4zMDIyIDE5LjIwODcgMjQuMDY0NEMxNi4xNjMzIDI0LjkzNTUgMTUuMDc1NyAyNC4zOTExIDEzLjk4ODEgMjEuMzQyMkMxMy40NDQzIDE5LjU5OTkgNy41NzEwNiAyMS43Nzc3IDcuMDI3MjQgMjMuODQ2NkM2LjcwMDk2IDI1LjA0NDQgNC43NDMyMiAyNi42Nzc3IDIuNTY3OTcgMjcuNTQ4OEMtMS4yMzg3NCAyOS4wNzMzIDAuMDY2NDE4NiAyOS4xODIyIDIyLjM2MjggMjkuMjkxQzQzLjM1NCAyOS4zOTk5IDQ1Ljk2NDQgMjkuNjE3NyA0NC43NjggMzEuMDMzM0M0My42ODAzIDMyLjMzOTkgNDMuNjgwMyAzMi42NjY2IDQ1LjA5NDMgMzIuNjY2NkM0NS45NjQ0IDMyLjY2NjYgNDcuMjY5NSAzMS45MDQ0IDQ4LjAzMDkgMzEuMDMzM0M0OC43OTIyIDMwLjE2MjIgNTAuNTMyNCAyOS4zOTk5IDUyLjA1NTEgMjkuMzk5OUM1NC45OTE3IDI5LjM5OTkgNTYuNjIzMSAzMi4xMjIyIDU0LjY2NTQgMzQuMDgyMkM1My4wMzM5IDM1LjcxNTUgNTMuMTQyNyAzOS4xOTk5IDU0Ljk5MTcgMzkuODUzM0M1NS44NjE4IDQwLjE3OTkgNTcuODE5NSAzOS42MzU1IDU5LjM0MjIgMzguNjU1NUM2MS42MjYyIDM3LjEzMTEgNjIuNDk2MyAzNy4wMjIyIDYzLjY5MjcgMzguMTExMUM2NS40MzI5IDM5LjUyNjYgODcuMjk0MyAzOC42NTU1IDk1LjM0MjcgMzYuOTEzM0M5OC4wNjE4IDM2LjM2ODggMTAzLjgyNiAzNi40Nzc3IDExMC42NzggMzcuMjM5OUMxMjAuMjQ5IDM4LjMyODggMTIyLjA5OCAzOC4yMTk5IDEyNS4xNDQgMzYuNjk1NUMxMjguNDA3IDM1LjA2MjIgMTMwLjAzOCAzNS4wNjIyIDE0My40MTYgMzYuNDc3N0MxNTcuNTU1IDM4LjExMTEgMTYwLjgxOCAzOC4wMDIyIDE1OS41MTMgMzUuOTMzM0MxNTguNjQzIDM0LjYyNjYgMTY1LjkzIDMzLjMxOTkgMTY5Ljk1NCAzNC4xOTExQzE3Mi4wMjEgMzQuNjI2NiAxNzQuMTk2IDM0LjE5MTEgMTc1LjcxOCAzMy4yMTExQzE3OS4xOTkgMzAuOTI0NCAxODMuODc2IDMxLjM1OTkgMTk1LjE4NyAzNS4wNjIyQzIwOS42NTMgMzkuODUzMyAyMTEuNzE5IDM4LjU0NjYgMTk5Ljc1NSAzMi40NDg4QzE5NC40MjYgMjkuNzI2NiAxODguOTg4IDI2LjQ1OTkgMTg3LjkgMjUuMTUzM0MxODUuODMzIDIyLjg2NjYgMTg1LjgzMyAyMi44NjY2IDE4OC4yMjYgMjIuODY2NkMxOTIuNDY4IDIyLjg2NjYgMTkwLjUxIDE5LjE2NDQgMTg1Ljk0MiAxOC40MDIyQzE4My41NDkgMTguMDc1NSAxODAuNzIyIDE2LjU1MTEgMTc5LjE5OSAxNC45MTc3QzE3Ny43ODUgMTMuMzkzMyAxNzQuNTIyIDExLjU0MjIgMTcxLjkxMiAxMC44ODg4QzE2OS4zMDEgMTAuMjM1NSAxNjQuNDA3IDguNDkzMjcgMTYxLjAzNiA2Ljk2ODgzQzE1Ni4xNDEgNC42ODIxNiAxNTQuMDc1IDQuMjQ2NjEgMTUwLjQ4NiA0Ljg5OTk0QzE0Ny4yMjMgNS40NDQzOCAxNDUuMzc0IDUuMTE3NzIgMTQzLjUyNSAzLjkxOTk0QzE0MC4zNzEgMS43NDIxNiAxMjkuMjc3IDEuNjMzMjcgMTIzLjE4NiAzLjgxMTA1QzExOS4wNTMgNS4yMjY2MSAxMTguNCA1LjExNzcyIDExMy42MTUgMy4wNDg4M0MxMDcuNTI0IDAuMzI2NjA1IDkyLjk0OTkgLTYuMTg3NDZlLTA1IDgzLjkyMjYgMi4yODY2Qzc5LjAyODMgMy40ODQzOCA3OC4zNzU3IDMuNDg0MzggNzYuMzA5MiAxLjYzMzI3Qzc0LjEzMzkgLTAuMzI2NzI5IDczLjgwNzcgLTAuMzI2NzI5IDY4LjkxMzMgMS40MTU0OUM2NC4yMzY1IDMuMTU3NzIgNjMuMDQwMSAzLjE1NzcyIDU1LjMxOCAxLjYzMzI3QzQ3LjA1MiAtNi4xODc0NmUtMDUgNDMuMjQ1MyAtMC4yMTc4NCA0MC45NjEzIDAuNTQ0MzgzWiIgZmlsbD0iIzE2MTYxNiIvPgo8cGF0aCBkPSJNMTgyLjM1MyAxLjUyNDMxQzE3OS43NDMgMy40ODQzMSAxODAuOTM5IDYuNTMzMiAxODQuNDIgNi41MzMyQzE4Ny4yNDcgNi41MzMyIDE5MC4wNzUgMy4wNDg3NiAxODguODc5IDEuMDg4NzZDMTg3LjkgLTAuNDM1Njg1IDE4NC43NDYgLTAuMjE3OTA3IDE4Mi4zNTMgMS41MjQzMVoiIGZpbGw9IiMxNjE2MTYiLz4KPHBhdGggZD0iTTM2LjYxMDkgMzguMjE5N0MzNi4xNzU4IDM4Ljg3MyAzNi4xNzU4IDM5LjYzNTIgMzYuNTAyMSAzOS45NjE5QzM3LjM3MjIgNDAuODMzIDQwLjQxNzYgMzkuNDE3NSA0MC40MTc2IDM4LjExMDhDNDAuNDE3NiAzNi42OTUyIDM3LjQ4MSAzNi42OTUyIDM2LjYxMDkgMzguMjE5N1oiIGZpbGw9IiMxNjE2MTYiLz4KPHBhdGggZD0iTTY3LjkzNDYgNDIuMTRDNjQuNjcxNyA0My40NDY3IDY3LjI4MiA0OSA3MS4wODg3IDQ5Qzc0LjAyNTMgNDkgNzQuNjc3OSA0Ni4wNiA3Mi41MDI2IDQzLjU1NTZDNzAuNDM2MSA0MS4yNjg5IDcwLjEwOTggNDEuMTYgNjcuOTM0NiA0Mi4xNFoiIGZpbGw9IiMxNjE2MTYiLz4KPC9zdmc+Cg==) center center no-repeat; width: 207px; height: 49px; display: flex; align-items: center; justify-content: center; position: relative; top: -15px } .header_basket2 .btn-group{ top: -7px; color: #ffffff; width: 100%; } .header_basket2 .btn-group button{ color: #ffffff; font-size: 12px; text-transform: uppercase; } .header_basket2 .btn-group .dropdown-toggle::after { display: none; } #cart-total{ position: relative; display: inline-block; top: -25%; left: 0; color: #222222; z-index: 10; line-height: 18px; background: #ffffff; border-radius: 50%; padding: 0 5px; } #cart-total:before{ content: ''; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDU3IDJIMUMwLjczNDc4NCAyIDAuNDgwNDMgMS44OTQ2NCAwLjI5Mjg5MyAxLjcwNzExQzAuMTA1MzU3IDEuNTE5NTcgMCAxLjI2NTIyIDAgMUMwIDAuNzM0Nzg0IDAuMTA1MzU3IDAuNDgwNDMgMC4yOTI4OTMgMC4yOTI4OTNDMC40ODA0MyAwLjEwNTM1NyAwLjczNDc4NCAyLjA4NDU3ZS0wOCAxIDIuMDg0NTdlLTA4SDQuMjczQzQuNTAzNTMgLTQuNzAzMDFlLTA1IDQuNzI3IDAuMDc5NTU2NiA0LjkwNTU4IDAuMjI1MzM5QzUuMDg0MTYgMC4zNzExMjEgNS4yMDY4OSAwLjU3NDEyNyA1LjI1MyAwLjhMNS45MDcgNEgxOUMxOS4xNDc1IDMuOTk5OTQgMTkuMjkzMyA0LjAzMjUzIDE5LjQyNjcgNC4wOTU0M0MxOS41NjAyIDQuMTU4MzQgMTkuNjc4MSA0LjI1IDE5Ljc3MiA0LjM2Mzg0QzE5Ljg2NTggNC40Nzc2OCAxOS45MzMzIDQuNjEwODggMTkuOTY5NyA0Ljc1Mzg5QzIwLjAwNiA0Ljg5NjkgMjAuMDEwMiA1LjA0NjE3IDE5Ljk4MiA1LjE5MUwxOC42NzEgMTEuOTExQzE4LjU0NjkgMTIuNTA5NiAxOC4yMTc1IDEzLjA0NjEgMTcuNzM5OSAxMy40Mjc3QzE3LjI2MjIgMTMuODA5MyAxNi42NjYzIDE0LjAxMjEgMTYuMDU1IDE0LjAwMUw4LjEyIDE0QzYuODQ4IDE0LjAyNCA1LjczNiAxMy4xNDggNS40ODUgMTEuOTEzTDQuMTIgNS4yNEM0LjExMzYzIDUuMjE0MjIgNC4xMDgyOSA1LjE4ODIgNC4xMDQgNS4xNjJMMy40NTcgMlpNNi4zMTcgNkw3LjQ0NSAxMS41MTNDNy41MDMgMTEuNzk2IDcuNzY5IDEyLjAwNiA4LjEwMiAxMkgxNi4wNzNDMTYuMzg3IDEyLjAwNiAxNi42NTMgMTEuNzk2IDE2LjcwOSAxMS41MkwxNy43ODYgNkg2LjMxN1pNOCAxNkgxNkMxNi4yNjUyIDE2IDE2LjUxOTYgMTYuMTA1NCAxNi43MDcxIDE2LjI5MjlDMTYuODk0NiAxNi40ODA0IDE3IDE2LjczNDggMTcgMTdDMTcgMTcuMjY1MiAxNi44OTQ2IDE3LjUxOTYgMTYuNzA3MSAxNy43MDcxQzE2LjUxOTYgMTcuODk0NiAxNi4yNjUyIDE4IDE2IDE4SDhDNy43MzQ3OCAxOCA3LjQ4MDQzIDE3Ljg5NDYgNy4yOTI4OSAxNy43MDcxQzcuMTA1MzYgMTcuNTE5NiA3IDE3LjI2NTIgNyAxN0M3IDE2LjczNDggNy4xMDUzNiAxNi40ODA0IDcuMjkyODkgMTYuMjkyOUM3LjQ4MDQzIDE2LjEwNTQgNy43MzQ3OCAxNiA4IDE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 20px; height: 18px; left: -15px; top: 30%; z-index: -1; } /*#cart-total:after {*/ /* content: '';*/ /* position: absolute;*/ /* background: #ffffff;*/ /* width: 16px;*/ /* height: 16px;*/ /* border-radius: 50%;*/ /* left: -4.5px;*/ /* top: 15%;*/ /* z-index: -1;*/ /*}*/ /*/////////////new_basket//////////////////*/ /*//////////////////new_filter////////////////////////////*/ .filter_menu_wrapper{ background: #161616; padding: 20px 16px; } .filter_menu_wrapper .col-sm-3{ width: 100%; } #name_filter{ display: none; } .title_p_f{ font-family: Gotham; font-size: 14px; font-weight: 500; line-height: 17px; text-align: left; color: #ffffff; } #filter_vier .form-control { width: 100% !important; width: 84px; height: 36px; background: #0e0e0e; border: 1px solid #333; text-align: center; font-size: 14px; font-weight: 400; color: #fff; } .irs-bar { z-index: 1; height: 4px!important; border: none!important; background: #158967!important; border-radius: 10px; } .irs-line { background: #fff!important; height: 4px!important; border-radius: 10px; } .irs-slider { width: 24px!important; height: 24px!important; border-radius: 50% !important; box-shadow: 0 4px 4px rgb(0 0 0 / 25%)!important; border: 6px solid #158967!important; position: absolute!important; cursor: pointer; top: 23px!important; background: #fff!important; z-index: 2; } .irs-grid{ display: none!important; } #filter_vier .link_fv .checkb:before, #filter_vier .link_fv .checka:before { width: 20px!important; height: 20px!important; background: #0e0e0e!important; border: 1px solid #333!important; padding-right: 5px !important; margin-right: 4px!important; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%!important; margin-right: 12px!important; cursor: pointer; } #filter_vier .link_fv .checka:before { content: ""; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; margin-right: 12px; cursor: pointer; background-color: transparent!important; border: 5px solid #158967!important; } .btn_fv{ padding: 6px 10px 6px 10px!important; background: #158967!important; border: none!important; outline: none; cursor: pointer; border-radius: 13px!important; font-size: 12px!important; color: #fff!important; font-weight: 400; position: relative; } .imt_p { display: none;!important; color: #fff!important; } .onli_param_get{ display: contents!important; flex-direction: column!important; margin-bottom: 10px; } .onli_param_get span{ margin-bottom: 10px; } .blok.title_filter{ display: flex!important; flex-direction: row!important; justify-content: space-between!important; align-items: center!important; font-size: 20px; color: #ffffff; } .switch_icon{ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc5MjUgNy4xMjU1MUw2IDIuOTI3MTdMMTAuMjA3NSA3LjEyNTUxTDExLjUgNS44MzMwMUw2IDAuMzMzMDA4TDAuNSA1LjgzMzAxTDEuNzkyNSA3LjEyNTUxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 7px; height: 11px; cursor: pointer; background-size: contain; border: none; outline: none; } .switch_rotate{ transform: rotate(180deg); } .text_dia{ padding-left: 0!important; margin-top: 5px!important; } .text_dia a{ color: #1baf84; } select, option, optgroup{ font-family: 'Gotham', sans-serif; } .content_wrapper.main_page .catalog_content_wrapper .product_card{ transition: .3s linear all; } .content_wrapper.main_page .catalog_content_wrapper .card_product_link img { max-width: 65%; min-height: 100px; } /* .content_wrapper.main_page .catalog_content_wrapper .product_card:hover !*.card_product_link img*!{ transform: scale(1.2); transition: .3s linear all; } .seo_text_btn{ outline: none; margin-top: 20px; font-size: 16px; color: #ffffff; font-weight: 400; cursor: pointer; background: transparent; border: 2px solid #158967; padding: 5px; border-radius: 5px; transition: .3s linear all; } .seo_text_btn:hover{ transition: .3s linear all; background: rgba(21, 137, 103, 1); } .seo_block{ height: 390px; overflow: auto; !*position: relative;*! } !*.seo_block:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: linear-gradient(180deg, transparent, #ffffff 50%); }*! .seo_hide, .seo_block.seo_hide{ height: auto; overflow: auto; } .read_less{ display: none; } .seo_block::-webkit-scrollbar { width: 5px; !* ширина для вертикального скролла *! height: 8px; !* высота для горизонтального скролла *! background-color: #161616; } !* ползунок скроллбара *! .seo_block::-webkit-scrollbar-thumb { background-color: #158967; border-radius: 30px; box-shadow: inset 1px 1px 10px #158967; }*/ .content_wrapper.main_page .catalog_content_wrapper .product_card:hover /*.card_product_link img*/{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s linear all; -o-transition: .3s linear all; transition: .3s linear all; } .seo_text_btn{ outline: none; margin-top: 20px; font-size: 16px; color: #ffffff; font-weight: 400; cursor: pointer; background: transparent; border: 2px solid #158967; padding: 5px; border-radius: 5px; -webkit-transition: .3s linear all; -o-transition: .3s linear all; transition: .3s linear all; } .seo_text_btn:hover{ -webkit-transition: .3s linear all; -o-transition: .3s linear all; transition: .3s linear all; background: rgba(21, 137, 103, 1); } .seo_block{ height: 390px; overflow: auto; /*position: relative;*/ } /*.seo_block:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: linear-gradient(180deg, transparent, #ffffff 50%); }*/ .seo_hide, .seo_block.seo_hide{ height: auto; overflow: auto; } .read_less{ display: none; } .seo_block::-webkit-scrollbar { width: 5px; /* ширина для вертикального скролла */ height: 8px; /* высота для горизонтального скролла */ background-color: #161616; } /* ползунок скроллбара */ .seo_block::-webkit-scrollbar-thumb { background-color: #158967; border-radius: 30px; -webkit-box-shadow: inset 1px 1px 10px #158967; box-shadow: inset 1px 1px 10px #158967; } /*//////////////////new_filter////////////////////////////*/ /*//////////////////basket_popup////////////////////////////*/ #cp-modal-body { background: #fff; max-width: 600px; width: 90%; margin: 0 auto; min-height: 100px; } /*//////////////////basket_popup////////////////////////////*/ .language-select{ background: transparent; color: #ffffff; border: none; } header .header_wrapper .top_header_info .header_basket a { padding-left: 30px; position: relative } header .header_wrapper .top_header_info .header_basket a:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDU3IDJIMUMwLjczNDc4NCAyIDAuNDgwNDMgMS44OTQ2NCAwLjI5Mjg5MyAxLjcwNzExQzAuMTA1MzU3IDEuNTE5NTcgMCAxLjI2NTIyIDAgMUMwIDAuNzM0Nzg0IDAuMTA1MzU3IDAuNDgwNDMgMC4yOTI4OTMgMC4yOTI4OTNDMC40ODA0MyAwLjEwNTM1NyAwLjczNDc4NCAyLjA4NDU3ZS0wOCAxIDIuMDg0NTdlLTA4SDQuMjczQzQuNTAzNTMgLTQuNzAzMDFlLTA1IDQuNzI3IDAuMDc5NTU2NiA0LjkwNTU4IDAuMjI1MzM5QzUuMDg0MTYgMC4zNzExMjEgNS4yMDY4OSAwLjU3NDEyNyA1LjI1MyAwLjhMNS45MDcgNEgxOUMxOS4xNDc1IDMuOTk5OTQgMTkuMjkzMyA0LjAzMjUzIDE5LjQyNjcgNC4wOTU0M0MxOS41NjAyIDQuMTU4MzQgMTkuNjc4MSA0LjI1IDE5Ljc3MiA0LjM2Mzg0QzE5Ljg2NTggNC40Nzc2OCAxOS45MzMzIDQuNjEwODggMTkuOTY5NyA0Ljc1Mzg5QzIwLjAwNiA0Ljg5NjkgMjAuMDEwMiA1LjA0NjE3IDE5Ljk4MiA1LjE5MUwxOC42NzEgMTEuOTExQzE4LjU0NjkgMTIuNTA5NiAxOC4yMTc1IDEzLjA0NjEgMTcuNzM5OSAxMy40Mjc3QzE3LjI2MjIgMTMuODA5MyAxNi42NjYzIDE0LjAxMjEgMTYuMDU1IDE0LjAwMUw4LjEyIDE0QzYuODQ4IDE0LjAyNCA1LjczNiAxMy4xNDggNS40ODUgMTEuOTEzTDQuMTIgNS4yNEM0LjExMzYzIDUuMjE0MjIgNC4xMDgyOSA1LjE4ODIgNC4xMDQgNS4xNjJMMy40NTcgMlpNNi4zMTcgNkw3LjQ0NSAxMS41MTNDNy41MDMgMTEuNzk2IDcuNzY5IDEyLjAwNiA4LjEwMiAxMkgxNi4wNzNDMTYuMzg3IDEyLjAwNiAxNi42NTMgMTEuNzk2IDE2LjcwOSAxMS41MkwxNy43ODYgNkg2LjMxN1pNOCAxNkgxNkMxNi4yNjUyIDE2IDE2LjUxOTYgMTYuMTA1NCAxNi43MDcxIDE2LjI5MjlDMTYuODk0NiAxNi40ODA0IDE3IDE2LjczNDggMTcgMTdDMTcgMTcuMjY1MiAxNi44OTQ2IDE3LjUxOTYgMTYuNzA3MSAxNy43MDcxQzE2LjUxOTYgMTcuODk0NiAxNi4yNjUyIDE4IDE2IDE4SDhDNy43MzQ3OCAxOCA3LjQ4MDQzIDE3Ljg5NDYgNy4yOTI4OSAxNy43MDcxQzcuMTA1MzYgMTcuNTE5NiA3IDE3LjI2NTIgNyAxN0M3IDE2LjczNDggNy4xMDUzNiAxNi40ODA0IDcuMjkyODkgMTYuMjkyOUM3LjQ4MDQzIDE2LjEwNTQgNy43MzQ3OCAxNiA4IDE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 20px; height: 18px; left: 0; top: -1% } header .header_wrapper .top_header_info .header_basket a:after { content: "2"; position: absolute; width: 16px; height: 16px; background: #fff; color: #222; font-size: 12px; border-radius: 50%; left: 15%; top: -40%; padding-left: 4px; padding-top: 2px } .ham_btn_mobile { display: none } @media screen and (max-width: 1200px) { header .header_wrapper { max-width: 960px; margin: 0 auto } header .header_wrapper .logo_main img { max-width: 230px } } @media screen and (max-width: 960px) { header .header_wrapper { max-width: 768px; margin: 0 auto } header .header_wrapper .logo_main img { max-width: 170px } header .header_wrapper .top_header_info .header_phone a { font-size: 16px; padding-left: 20px } header .header_wrapper .top_header_info .header_phone a:before { width: 12px; height: 12px; background-size: contain } } @media screen and (max-width: 768px) { header .header_wrapper { max-width: 576px; margin: 0 auto } header .header_wrapper .logo_main img { max-width: 130px } header .header_wrapper .top_header_info { margin-left: 0; } header .header_wrapper .top_header_info .header_phone { position: relative; top: -15px; left: 0; } .header_basket2 { width: 150px; background-size: contain; } header .header_wrapper .top_header_info .header_lang { left: 0; } header .header_wrapper .top_header_info .header_phone a { font-size: 10px; padding-left: 15px } header .header_wrapper .top_header_info .header_phone a:before { width: 12px; height: 12px; background-size: contain } header .header_wrapper .top_header_info .header_lang { padding-left: 20px } header .header_wrapper .top_header_info .header_lang select { font-size: 10px } header .header_wrapper .top_header_info .header_basket { width: 150px; background-size: contain } header .header_wrapper .top_header_info .header_basket a { font-size: 10px; padding-left: 30px } header .header_wrapper .top_header_info .header_basket a:before { width: 16px; height: 16px; background-size: contain } header .header_wrapper .top_header_info .header_basket a:after { font-size: 8px; width: 12px; height: 12px } } @media screen and (max-width: 575px) { header { position: fixed; top: 0; z-index: 100; min-height: 72px } header .header_wrapper { max-width: 480px } header .header_wrapper .logo_main { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 0 12px 0; min-height: 72px; } .header_wrapper .col-xl-6.col-lg-4.col-md-4.col-sm-4.col-8.p_0 { width: 50%; } header .header_wrapper .row.p_0 { justify-content: space-between; min-height: 72px; } #cart button { text-align: right; padding-right: 0; } .logo_main img.img-responsive { margin-right: -50%; } header .header_wrapper .logo_main .ham_btn_mobile { display: flex } header .header_wrapper .logo_main .ham_btn_mobile button { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTkuMzMzM0gyOFYxNi4yMjIySDBWMTkuMzMzM1pNMCAxMS41NTU1SDIzLjVWOC40NDQ0M0gwVjExLjU1NTVaTTAgMC42NjY2NTZWMy43Nzc3N0gyOFYwLjY2NjY1NkgwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; background-size: contain; width: 30px; height: 20px; border: none; outline: none } header .header_wrapper .logo_main img { max-width: 230px } header .header_wrapper .top_header_info .header_phone { display: none } header .header_wrapper .top_header_info .header_lang { display: none } header .header_wrapper .top_header_info .header_basket { background: none; position: relative; top: -25% } header .header_wrapper .top_header_info .header_basket a p { display: none } header .header_wrapper .top_header_info .header_basket a:before { width: 30px; height: 25px } header .header_wrapper .top_header_info .header_basket a:after { font-size: 14px; text-align: inherit; width: 18px; height: 20px; left: 85% } } @media screen and (max-width: 480px) { header .header_wrapper { max-width: 375px } header .header_wrapper .logo_main img { width: 180px } } @media screen and (max-width: 375px) { header .header_wrapper { max-width: 320px } header .header_wrapper .col-8 { width: 75% } header .header_wrapper .col-4 { width: 25% } } @media screen and (max-width: 320px) { header { max-width: 320px; padding: 0 10px } } .content_wrapper { margin-top: -71px } .breadcrumb_wrapper { padding-top: 60px } .breadcrumb_wrapper ul { display: flex; flex-direction: row } .breadcrumb_wrapper ul li { padding: 0 12px; position: relative } .breadcrumb_wrapper ul li a { color: #8f8f8f; font-size: 14px; } .breadcrumb_wrapper ul li:last-child a { color: #158967 } .breadcrumb_wrapper ul li:last-child span { color: #158967 } .breadcrumb_wrapper ul li:first-child { padding-left: 0 } .breadcrumb_wrapper ul li:first-child:before { content: "" } .breadcrumb_wrapper ul li:before { content: "/"; left: 0; position: absolute; color: #8f8f8f } .breadcrumb_wrapper ul li.active { padding-right: 12px } .breadcrumb_wrapper ul li.active:after { content: "/"; color: #8f8f8f; position: absolute; right: 0 } @media screen and (max-width: 575px) { .breadcrumb_wrapper { display: none } } .content_wrapper.product_card_wrapper .content { margin-top: 40px } .content_wrapper.product_card_wrapper .content .product_slider { display: flex } .content_wrapper.product_card_wrapper .content .product_slider .nav_container { min-height: 505px; display: flex; flex-direction: column; justify-content: space-between } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav { text-align: center; margin-right: 30px } .slider_nav .slick-prev{ position: absolute; bottom: -20px; left: 0; content: ''; border: none; background: #096c50; border-radius: 50%; width: 40px; height: 40px; font-size: 0; } .slider_nav .slick-prev:hover, .slider_nav .slick-next:hover{ background: #1baf84; } .slider_nav .slick-prev:before, .slider_nav .slick-next:before{ content: ''; position: absolute; width: 2px; height: 15px; transform: rotate(45deg); background: #fff; top: 30%; left: 35%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .slider_nav .slick-next:before { transform: rotate(315deg); bottom: 27%; top: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .slider_nav .slick-prev:after, .slider_nav .slick-next:after{ content: ''; position: absolute; width: 2px; height: 15px; transform: rotate(315deg); background: #fff; top: 30%; right: 35%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .slider_nav .slick-next:after { transform: rotate(45deg); bottom: 27%; top: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .slider_nav .slick-next{ position: absolute; bottom: -20px; right: 0; content: ''; border: none; background: #096c50; border-radius: 50%; width: 40px; height: 40px; font-size: 0; } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div { margin-bottom: 20px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div img { width: 100px; height: 118px; margin-bottom: 15px; border: 2px solid transparent; opacity: .6; cursor: pointer; object-fit: cover; /*transform: scaleX(1.215);*/ } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div img:last-child { margin-bottom: 0 } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav .slick-current img { /* border: 2px solid #158967;*/ opacity: 1 } .content_wrapper.product_card_wrapper .content .product_slider .main_container { width: 100% } .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main .slick-slide { position: relative } .content_wrapper.product_card_wrapper .content .product_slider.sale .main_container .slider_main .slick-slide:before { content: ""; position: absolute; background: url("/image/main_page/sale_logo.svg") center center no-repeat; width: 66px; height: 66px; top: 3%; left: 3%; z-index: 1 } .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main img { width: 340px; height: 400px; position: relative; transform: scaleX(1.214); } .content_wrapper.product_card_wrapper .content .product_selection_wrapper { margin-left: 40px; background: #161616; width: 100%; min-height: 438px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-left: 50px; padding-top: 30px; position: relative; /*max-width: 90%;*/ z-index: 10; max-width: 640px; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .in_stock { font-size: 14px; font-weight: 400; padding-left: 28px; margin-bottom: 12px; position: relative } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .in_stock:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjg5NzMgMTAuMTI5OEwxLjY2Mzc5IDcuMTAzOUwwIDguNzY3N0wzLjk5MzExIDEyLjc2MDhMMy45OTc2OSAxMi43NTYyTDQuNzI2NjggMTMuNDg1MUwxNiAyLjIxMTc1TDE0LjMwMzkgMC41MTU2MjVMNC42ODk3MyAxMC4xMjk4WiIgZmlsbD0iIzE1ODk2NyIvPgo8L3N2Zz4K) center center no-repeat; width: 16px; height: 14px; top: 20%; left: 0 } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_name { font-size: 26px; font-weight: 500; color: #158967; margin-bottom: 22px; text-transform: none; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_price { display: flex; flex-direction: row; margin-bottom: 21px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_price p { font-size: 22px; font-weight: 500 } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_price .old_price p { font-size: 14px; font-weight: 500; color: gray; text-decoration: line-through; line-height: 12px; margin-left: 12px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper { margin-top: 20px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper p { font-size: 12px; font-weight: 400; color: gray; margin-bottom: 8px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package { position: absolute; z-index: -1; opacity: 0 } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package + label { display: inline-flex; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .content_wrapper.order_wrapper{ min-height: 100vh; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package + label#one_package::before { content: ""; font-size: 18px; color: #fff } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package + label#three_package::before { content: ""; font-size: 18px; color: #fff } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package + label#seven_package::before { content: ""; font-size: 18px; color: #fff } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package + label#twelve_package::before { content: ""; font-size: 18px; color: #fff } .radio.product_package label{ display: inline-block!important; flex-shrink: 0!important; flex-grow: 0!important; background-repeat: no-repeat!important; background-position: center center!important; background-size: 50% 50%!important; margin-right: 12px!important; cursor: pointer!important; background-color: #0e0e0e!important; border-radius: 10px!important; color: #fff!important; text-align: center!important; border: 1px solid #333!important; width: 57px!important; height: 46px!important; outline: #158967!important; padding: 14px!important; } .radio.product_package label.label_choice{ border: 1px solid #158967!important; } .control-label{ font-size: 12px!important; color: #808080!important; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_package_wrapper .product_package .package:checked + label::before { background-color: transparent!important; border: 1px solid #158967!important; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy { margin-top: 20px; width: 60% } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button { width: 97%; height: 50px; background: #096c50; color: #fff; text-align: center; padding-left: 27px; border: none; border-radius: 25px; font-size: 14px; text-transform: uppercase; position: relative } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:hover { background: #1baf84 } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDU3IDJIMUMwLjczNDc4NCAyIDAuNDgwNDMgMS44OTQ2NCAwLjI5Mjg5MyAxLjcwNzExQzAuMTA1MzU3IDEuNTE5NTcgMCAxLjI2NTIyIDAgMUMwIDAuNzM0Nzg0IDAuMTA1MzU3IDAuNDgwNDMgMC4yOTI4OTMgMC4yOTI4OTNDMC40ODA0MyAwLjEwNTM1NyAwLjczNDc4NCAyLjA4NDU3ZS0wOCAxIDIuMDg0NTdlLTA4SDQuMjczQzQuNTAzNTMgLTQuNzAzMDFlLTA1IDQuNzI3IDAuMDc5NTU2NiA0LjkwNTU4IDAuMjI1MzM5QzUuMDg0MTYgMC4zNzExMjEgNS4yMDY4OSAwLjU3NDEyNyA1LjI1MyAwLjhMNS45MDcgNEgxOUMxOS4xNDc1IDMuOTk5OTQgMTkuMjkzMyA0LjAzMjUzIDE5LjQyNjcgNC4wOTU0M0MxOS41NjAyIDQuMTU4MzQgMTkuNjc4MSA0LjI1IDE5Ljc3MiA0LjM2Mzg0QzE5Ljg2NTggNC40Nzc2OCAxOS45MzMzIDQuNjEwODggMTkuOTY5NyA0Ljc1Mzg5QzIwLjAwNiA0Ljg5NjkgMjAuMDEwMiA1LjA0NjE3IDE5Ljk4MiA1LjE5MUwxOC42NzEgMTEuOTExQzE4LjU0NjkgMTIuNTA5NiAxOC4yMTc1IDEzLjA0NjEgMTcuNzM5OSAxMy40Mjc3QzE3LjI2MjIgMTMuODA5MyAxNi42NjYzIDE0LjAxMjEgMTYuMDU1IDE0LjAwMUw4LjEyIDE0QzYuODQ4IDE0LjAyNCA1LjczNiAxMy4xNDggNS40ODUgMTEuOTEzTDQuMTIgNS4yNEM0LjExMzYzIDUuMjE0MjIgNC4xMDgyOSA1LjE4ODIgNC4xMDQgNS4xNjJMMy40NTcgMlpNNi4zMTcgNkw3LjQ0NSAxMS41MTNDNy41MDMgMTEuNzk2IDcuNzY5IDEyLjAwNiA4LjEwMiAxMkgxNi4wNzNDMTYuMzg3IDEyLjAwNiAxNi42NTMgMTEuNzk2IDE2LjcwOSAxMS41MkwxNy43ODYgNkg2LjMxN1pNOCAxNkgxNkMxNi4yNjUyIDE2IDE2LjUxOTYgMTYuMTA1NCAxNi43MDcxIDE2LjI5MjlDMTYuODk0NiAxNi40ODA0IDE3IDE2LjczNDggMTcgMTdDMTcgMTcuMjY1MiAxNi44OTQ2IDE3LjUxOTYgMTYuNzA3MSAxNy43MDcxQzE2LjUxOTYgMTcuODk0NiAxNi4yNjUyIDE4IDE2IDE4SDhDNy43MzQ3OCAxOCA3LjQ4MDQzIDE3Ljg5NDYgNy4yOTI4OSAxNy43MDcxQzcuMTA1MzYgMTcuNTE5NiA3IDE3LjI2NTIgNyAxN0M3IDE2LjczNDggNy4xMDUzNiAxNi40ODA0IDcuMjkyODkgMTYuMjkyOUM3LjQ4MDQzIDE2LjEwNTQgNy43MzQ3OCAxNiA4IDE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 20px; height: 18px; left: 35%; top: 27% } .content_wrapper.product_card_wrapper .content .product_selection_wrapper:after { content: ""; position: absolute; background: url("/image/back_smoke.png") center center no-repeat; width: 35%; height: 100%; right: 0; bottom: 0; background-size: contain; z-index: -1; } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper > p{ font-weight: 500; font-size: 20px; line-height: 24px; text-transform: uppercase; } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics { margin-top: 20px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 10px 0; max-width: 470px; } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:first-child { font-size: 13px; font-weight: 500; margin-left: 20px; width: 50% } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:last-child { font-size: 13px; font-weight: 400 } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div:nth-child(odd) { background: #161616; border-radius: 21px } .content_wrapper.product_card_wrapper .content .product_info_wrapper { margin-left: 40px } .content_wrapper.product_card_wrapper .content .product_info_wrapper > p{ font-weight: 500; font-size: 20px; line-height: 24px; text-transform: uppercase; } .content_wrapper.product_card_wrapper .content .product_info_wrapper .product_info { margin-top: 20px } .product_card { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center } .product_card a:nth-child(2) { font-size: 16px; font-weight: 400; margin: 20px 0 15px 0 } .product_card p { font-size: 20px; font-weight: 500; margin-bottom: 30px } .product_card .card_buy button { color: #158967; padding-left: 60px; position: relative; border: none; background: none; padding-bottom: 25px } .product_card .card_buy button:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDU3IDJIMUMwLjczNDc4NCAyIDAuNDgwNDMgMS44OTQ2NCAwLjI5Mjg5MyAxLjcwNzExQzAuMTA1MzU3IDEuNTE5NTcgMCAxLjI2NTIyIDAgMUMwIDAuNzM0Nzg0IDAuMTA1MzU3IDAuNDgwNDMgMC4yOTI4OTMgMC4yOTI4OTNDMC40ODA0MyAwLjEwNTM1NyAwLjczNDc4NCAyLjA4NDU3ZS0wOCAxIDIuMDg0NTdlLTA4SDQuMjczQzQuNTAzNTMgLTQuNzAzMDFlLTA1IDQuNzI3IDAuMDc5NTU2NiA0LjkwNTU4IDAuMjI1MzM5QzUuMDg0MTYgMC4zNzExMjEgNS4yMDY4OSAwLjU3NDEyNyA1LjI1MyAwLjhMNS45MDcgNEgxOUMxOS4xNDc1IDMuOTk5OTQgMTkuMjkzMyA0LjAzMjUzIDE5LjQyNjcgNC4wOTU0M0MxOS41NjAyIDQuMTU4MzQgMTkuNjc4MSA0LjI1IDE5Ljc3MiA0LjM2Mzg0QzE5Ljg2NTggNC40Nzc2OCAxOS45MzMzIDQuNjEwODggMTkuOTY5NyA0Ljc1Mzg5QzIwLjAwNiA0Ljg5NjkgMjAuMDEwMiA1LjA0NjE3IDE5Ljk4MiA1LjE5MUwxOC42NzEgMTEuOTExQzE4LjU0NjkgMTIuNTA5NiAxOC4yMTc1IDEzLjA0NjEgMTcuNzM5OSAxMy40Mjc3QzE3LjI2MjIgMTMuODA5MyAxNi42NjYzIDE0LjAxMjEgMTYuMDU1IDE0LjAwMUw4LjEyIDE0QzYuODQ4IDE0LjAyNCA1LjczNiAxMy4xNDggNS40ODUgMTEuOTEzTDQuMTIgNS4yNEM0LjExMzYzIDUuMjE0MjIgNC4xMDgyOSA1LjE4ODIgNC4xMDQgNS4xNjJMMy40NTcgMlpNNi4zMTcgNkw3LjQ0NSAxMS41MTNDNy41MDMgMTEuNzk2IDcuNzY5IDEyLjAwNiA4LjEwMiAxMkgxNi4wNzNDMTYuMzg3IDEyLjAwNiAxNi42NTMgMTEuNzk2IDE2LjcwOSAxMS41MkwxNy43ODYgNkg2LjMxN1pNOCAxNkgxNkMxNi4yNjUyIDE2IDE2LjUxOTYgMTYuMTA1NCAxNi43MDcxIDE2LjI5MjlDMTYuODk0NiAxNi40ODA0IDE3IDE2LjczNDggMTcgMTdDMTcgMTcuMjY1MiAxNi44OTQ2IDE3LjUxOTYgMTYuNzA3MSAxNy43MDcxQzE2LjUxOTYgMTcuODk0NiAxNi4yNjUyIDE4IDE2IDE4SDhDNy43MzQ3OCAxOCA3LjQ4MDQzIDE3Ljg5NDYgNy4yOTI4OSAxNy43MDcxQzcuMTA1MzYgMTcuNTE5NiA3IDE3LjI2NTIgNyAxN0M3IDE2LjczNDggNy4xMDUzNiAxNi40ODA0IDcuMjkyODkgMTYuMjkyOUM3LjQ4MDQzIDE2LjEwNTQgNy43MzQ3OCAxNiA4IDE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 16px; height: 15px; background-size: 100%; left: 16px; top: 10%; z-index: 1 } .product_card .card_buy button:after { content: ""; position: absolute; background: #158967; width: 48px; height: 48px; border-radius: 50%; left: 0; top: -30% } .product_card .card_buy:hover button:after { background: #1baf84 } .recently_offers_slider { margin-bottom: 100px } .content_wrapper.product_card_wrapper .content .more_offers_wrapper{ padding-bottom: 50px; } @media screen and (max-width: 1200px) { .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main img { max-width: 290px } .content_wrapper .breadcrumb_wrapper { padding-top: 50px } .content_wrapper .content .product_slider .nav_container .slider_nav { margin-right: 20px } .content_wrapper .content .product_slider .main_container .slider_main img { width: 280px } .product_card img { max-width: 95%; min-height: 320px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { left: 30%; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper:after { width: 35%; height: 80%; } } @media screen and (max-width: 1024px) { .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main img { width: 300px; height: 370px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav { margin-right: -15px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div img { height: 110px } } @media screen and (max-width: 960px) { .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav { margin-right: 15px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav img { max-width: 75px } .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main img { width: 230px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper { margin-left: 40px; padding-top: 20px; padding-left: 25px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_name { font-size: 20px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { left: 28% } .content_wrapper.product_card_wrapper .content .product_info_wrapper { margin-left: 40px } .content_wrapper.product_card_wrapper .content .product_info_wrapper .product_info p { font-size: 10px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:first-child { max-width: 40%; margin-left: 15px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:last-child { text-align: end } .product_card img { max-width: 95%; min-height: 260px } .header_menu .menu_link a { font-size: 12px; text-transform: uppercase; } .content_wrapper.product_card_wrapper .content .product_selection_wrapper:after { width: 35%; height: 65%; } /* .slider_nav .slick-prev:after, .slider_nav .slick-next:after { content: ''; position: absolute; width: 2px; height: 13px; transform: rotate(315deg); background: #fff; top: 25%; right: 32%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .slider_nav .slick-prev:before, .slider_nav .slick-next:before { content: ''; position: absolute; width: 2px; height: 13px; transform: rotate(45deg); background: #fff; top: 25%; left: 33%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }*/ .slider_nav .slick-prev:after, .slider_nav .slick-next:after { height: 13px; top: 25%; right: 33%; } .slider_nav .slick-prev:before, .slider_nav .slick-next:before { height: 13px; top: 25%; left: 33%; } .slider_nav .slick-prev, .slider_nav .slick-next{ width: 30px; height: 30px; } } @media screen and (max-width: 768px) { .content_wrapper.product_card_wrapper { margin-top: -52px } .content_wrapper.product_card_wrapper .content { margin-top: 20px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container { min-height: 440px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav { margin-right: 15px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div img { max-width: 180px; width: 180px } .content_wrapper.product_card_wrapper .content .product_slider .main_container { width: 60% } .content_wrapper.product_card_wrapper .content .product_slider .main_container .slider_main img { width: 100% } .content_wrapper.product_card_wrapper .content .product_selection_wrapper { margin-left: 0; padding-top: 30px; padding-left: 50px; max-width: 100% } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_name { font-size: 20px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { left: 33% } .content_wrapper.product_card_wrapper .content .product_info_wrapper { margin-left: 0; margin-top: 20px } .content_wrapper.product_card_wrapper .content .product_info_wrapper .product_info p { font-size: 10px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper { margin-top: 20px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:first-child { max-width: 40%; margin-left: 15px } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:last-child { text-align: end } .product_card img { max-width: 95%; min-height: 260px } } @media screen and (max-width: 575px) { .content_wrapper.product_card_wrapper { margin-top: 72px } .content_wrapper.product_card_wrapper .breadcrumb_wrapper { display: none } .content_wrapper.product_card_wrapper .content { padding-top: 30px } .content_wrapper.product_card_wrapper .content .product_wrapper { padding-top: 20px } .content_wrapper.product_card_wrapper .content .product_wrapper .product_slider .nav_container { min-height: 100% } .content_wrapper.product_card_wrapper .content .more_offers_wrapper .more_offers { align-items: center } .content_wrapper.product_card_wrapper .content .recently_wrapper .recently_offers { align-items: center } .content_wrapper.product_card_wrapper .content .product_selection_wrapper:after { width: 35%; height: 75%; right: 0; bottom: 0; background-size: contain } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { left: 30%; } .content_wrapper.product_card_wrapper .content .product_characteristics_wrapper .product_characteristics div p:first-child { max-width: 33%; margin-left: 15px; } .nav_container .slider_nav .slick-prev, .nav_container .slider_nav .slick-next{ display: none!important; } } @media screen and (max-width: 480px) { .content_wrapper.product_card_wrapper .content .more_offers_wrapper .more_offers h2 { max-width: 50% } .content_wrapper.product_card_wrapper .content .recently_wrapper .recently_offers h2 { max-width: 50% } .content_wrapper.product_card_wrapper .content .product_selection_wrapper:after { width: 45%; height: 45%; right: 0; bottom: 0; background-size: contain } .content_wrapper.product_card_wrapper .content .product_slider .nav_container { min-height: 440px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav { margin-right: 15px } .content_wrapper.product_card_wrapper .content .product_slider .nav_container .slider_nav div img { max-width: 110px; width: 110px } .content_wrapper.product_card_wrapper .content .product_selection_wrapper .product_buy button:before { left: 23%; } } @media screen and (max-width: 375px) { .content_wrapper.product_card_wrapper .content .product_selection_wrapper { padding-top: 20px; padding-left: 20px; min-height: 395px } } .main_page_slider_mobile{ display: none; } .main_product_slider { margin-top: -70px; max-height: 560px } .main_product_slider .main_page_slider .content { position: relative } .main_product_slider .main_page_slider .content .swiper-pagination { display: flex; align-items: center; top: -120px } .main_product_slider .main_page_slider .content .swiper-pagination .swiper-pagination-bullet { width: 4px; height: 4px; background: #fff; opacity: unset } .main_product_slider .main_page_slider .content .swiper-pagination .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #046146; padding: 4px; position: relative } .main_product_slider .main_page_slider .content .swiper-pagination .swiper-pagination-bullet-active:before { content: ""; position: absolute; width: 16px; height: 16px; background: transparent; border: 1px solid #046146; border-radius: 50%; left: -45%; top: -45% } .main_product_slider .main_page_slider .swiper-button-prev { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIzMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMzAgMzApIiBmaWxsPSIjMDk2QzUwIi8+CjxwYXRoIGQ9Ik0zOSAyOC44NzVIMjUuMjc1TDMxLjU3NSAyMi41NzVMMzAgMjFMMjEgMzBMMzAgMzlMMzEuNTc1IDM3LjQyNUwyNS4yNzUgMzEuMTI1SDM5VjI4Ljg3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 60px; height: 60px; opacity: unset; z-index: 3 } .main_product_slider .main_page_slider .swiper-button-prev:after { content: "" } .main_product_slider .main_page_slider .swiper-button-next { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIzMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMzAgMzApIiBmaWxsPSIjMDk2QzUwIi8+CjxwYXRoIGQ9Ik0zOSAyOC44NzVIMjUuMjc1TDMxLjU3NSAyMi41NzVMMzAgMjFMMjEgMzBMMzAgMzlMMzEuNTc1IDM3LjQyNUwyNS4yNzUgMzEuMTI1SDM5VjI4Ljg3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 60px; height: 60px; opacity: unset; z-index: 3; transform: rotate(180deg) } .main_product_slider .main_page_slider .swiper-button-next:after { content: "" } .main_product_slider .main_page_slider .swiper-button-next.swiper-button-disabled, .main_product_slider .main_page_slider .swiper-button-prev.swiper-button-disabled { opacity: 50% } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide { width: 100%; height: 560px; background-size: cover; position: relative; } .main_page_slider .content { margin-top: 0; } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img { width: 100%; height: 560px; background-size: cover } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content { height: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content p:first-child { font-size: 44px; line-height: 45px; font-weight: 700; color: #096c50; text-transform: uppercase } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content p:last-of-type { font-weight: 500; font-size: 24px; color: #fff; text-transform: uppercase; margin-top: 5px } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content .btn_more_slider { margin-top: 30px } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content .btn_more_slider .btn_more { background: #096c50; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #fff; width: 195px; height: 50px; text-align: center; border: none; outline: none; border-radius: 25px } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img:nth-child(2) { display: none; } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content .btn_more_slider .btn_more:hover { background: #1baf84 } .content_wrapper.main_page { padding-top: 70px } .content_wrapper.main_page .top_of_sales_wrapper + div{ margin-top: 50px; padding-bottom: 70px; } .content_wrapper.main_page .top_of_sales_wrapper + div h1, .content_wrapper.filter_wrapper .pagination_wrapper ~ h1{ margin-bottom: 10px; } .content_wrapper.main_page .top_of_sales_wrapper + div h2, .content_wrapper.filter_wrapper .pagination_wrapper ~ h2{ margin: 10px 0; } .content_wrapper.filter_wrapper .pagination_wrapper ~ ul{ margin: 5px 0; } /*.content_wrapper.main_page .content .main_privilege_wrapper {*/ /* padding: 65px 0 0 0*/ /*}*/ .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege { display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege img { margin-right: 20px } .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege p { max-width: 60%; width: 100%; } .content_wrapper.main_page .content .why_us_wrapper { margin-top: 100px; padding-bottom: 90px } .content_wrapper.main_page .content .why_us_wrapper h3 { text-align: center } .content_wrapper.main_page .content .why_us_wrapper p { text-align: left; font-size: 14px; font-weight: 400; margin-top: 15px } .swiper-button-next { right: 4% } .swiper-button-prev { left: 4% } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img:nth-child{ display: none; } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img:first-child { display: flex; } .content_wrapper.main_page .content h2:first-child{ display: none; } @media screen and (max-width: 1440px) { .swiper-button-next { right: 1% } .swiper-button-prev { left: 1% } } @media screen and (max-width: 1330px) { .main_product_slider .main_page_slider .swiper-button-next { top: 75% } .main_product_slider .main_page_slider .swiper-button-prev { top: 75% } .content_wrapper.main_page .catalog_content_wrapper .card_product_link img { max-width: 80%; min-height: 160px; } } @media screen and (max-width: 1170px) { .main_product_slider .main_page_slider .swiper-button-next { top: 80%; width: 50px; height: 50px; background-size: contain } .main_product_slider .main_page_slider .swiper-button-prev { top: 80%; width: 50px; height: 50px; background-size: contain } .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege { display: flex; flex-direction: row; justify-content: center; align-items: center } } @media screen and (max-width: 960px) { .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege { display: flex; flex-direction: column } .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege img { margin-right: 0; margin-bottom: 10px } .content_wrapper.main_page .catalog_content_wrapper .card_product_link img{ max-width: 90%; min-height: 200px; } } @media screen and (max-width: 768px){ .content_wrapper.main_page .catalog_content_wrapper .card_product_link img { max-width: 80%; min-height: 130px; } } @media screen and (max-width: 575px) { .content_wrapper.main_page .catalog_content_wrapper .row .col-sm-6 { width: 50%; } .content_wrapper.main_page .content { margin-top: -2px } .main_page_slider_mobile{ display: block; } .main_page_slider:first-child{ display: none; } .product_card img { max-width: 95%; min-height: 210px; } .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege { display: flex; flex-direction: row; justify-content: space-around; margin-bottom: 20px; } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img { width: 100%; height: 460px; background-size: cover } .content_wrapper.main_page .content .main_privilege_wrapper { padding: 30px 0 0 0 } .swiper-button-next { display: none } .swiper-button-prev { display: none } .main_product_slider { margin-top: 72px; min-height: 460px } .main_product_slider .main_page_slider .content .swiper-pagination { display: flex; align-items: center; justify-content: center } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide{ display: flex; min-height: 460px; height: 460px; width: 101% } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide img:nth-child(2) { display: flex; min-height: 460px; height: 460px; width: 101% } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content { margin-top: 0; justify-content: flex-start; align-items: center; top: 15% } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content p:first-child { font-size: 28px; line-height: 30px } .main_product_slider .main_page_slider .swiper-slide.main_slider .product_slide .content p:last-of-type { font-size: 18px; line-height: 20px; margin-top: 15px; text-align: center } } @media screen and (max-width: 480px) { .content_wrapper.main_page .content .main_privilege_wrapper .main_privilege p { font-size: 10px; line-height: 12px } .content_wrapper.main_page .content .why_us_wrapper { margin-top: 70px; padding-bottom: 90px } .content_wrapper.main_page .content .why_us_wrapper p { text-align: left; font-size: 12px; line-height: 13px; font-weight: 400; margin-top: 15px } } @media screen and (max-width: 400px){ .content_wrapper.main_page .catalog_content_wrapper .card_product_link img { max-width: 65%; min-height: 90px; } .content_wrapper.main_page .catalog_content_wrapper .product_card a:nth-child(2) { font-size: 10px; font-weight: 400; margin-top: 5px; } } .header_menu { max-width: 1170px; background: #161616; box-shadow: 0 10px 16px #000; border-radius: 30px; height: 60px; position: relative; display: flex; align-items: center; margin: -30px auto 0; z-index: 3 } .header_menu .catalog_wrapper { display: flex; align-items: center; width: 100%; } .catalog_pop_up{ position: absolute; width: 95%; background: #161616; padding: 20px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; top: 0; left: 0; transform: translate(2%, 30%); z-index: -1; transition: .3s linear all; /* display: none;*/ } .catalog_pop_up.hide{ transition: .3s linear all; } .catalog_pop_up li{ list-style: none; margin-bottom: 20px; } .catalog_pop_up ul{ padding-left: 0; display: flex; flex-direction: column; flex-wrap: wrap; max-height: 160px; width: 100%; } .catalog_pop_up li a:hover{ color: #096c50; } .catalog_pop_up li a{ padding-left: 0; display: flex; align-items: center; } .catalog_pop_up li a img{ width: 30px; height: 30px; object-fit: cover; margin-right: 10px; } /* .catalog_pop_up li a:before{ content: ''; position: absolute; !* background: url("../../../image/auto.svg") center center no-repeat;*! width: 20px; height: 20px; background-size: contain; left: 0; top: 50%; transform: translate(0, -50%); } .catalog_pop_up li:nth-child(1) a:before{ background: url("../../../image/auto.svg") center center no-repeat; } !* .catalog_pop_up li:nth-child(2) a:before { width: 20px; height: 20px; background: #000000; }*! .catalog_pop_up li:nth-child(3) a:before{ background: url("../../../image/bistrie.svg") center center no-repeat; } !*.catalog_pop_up li:nth-child(4) a:before { width: 20px; height: 20px; background: #000000; }*! !*.catalog_pop_up li:nth-child(5) a:before { width: 20px; height: 20px; background: #000000; }*! .catalog_pop_up li:nth-child(6) a:before{ background: url("../../../image/growreport.svg") center center no-repeat; } .catalog_pop_up li:nth-child(7) a:before{ background: url("../../../image/indika.svg") center center no-repeat; } .catalog_pop_up li:nth-child(8) a:before{ background: url("../../../image/moshnie.svg") center center no-repeat; } .catalog_pop_up li:nth-child(9) a:before{ background: url("../../../image/niskie.svg") center center no-repeat; } !*.catalog_pop_up li:nth-child(10) a:before { width: 20px; height: 20px; background: #000000; }*! .catalog_pop_up li:nth-child(11) a:before{ background: url("../../../image/sattiva.svg") center center no-repeat; } .catalog_pop_up li:nth-child(12) a:before{ background: url("../../../image/novichok.svg") center center no-repeat; } .catalog_pop_up li:nth-child(13) a:before{ background: url("../../../image/pomesh.svg") center center no-repeat; } .catalog_pop_up li:nth-child(14) a:before{ background: url("../../../image/ulica.svg") center center no-repeat; } .catalog_pop_up li:nth-child(15) a:before { width: 20px; height: 20px; background: #000000; } .catalog_pop_up li:nth-child(16) a:before{ background: url("../../../image/femki.svg") center center no-repeat; } .catalog_pop_up li:nth-child(17) a:before{ background: url("../../../image/fotiki.svg") center center no-repeat; } */ .header_menu .catalog_wrapper > a { font-size: 18px; font-weight: 500; text-transform: uppercase; background-color: #fff; border-radius: 30px; color: #222; padding: 22px 0 22px 48px; text-align: center; position: relative; width: 100% } .header_menu .catalog_wrapper > a:before { content: ""; position: absolute; width: 28px; height: 18px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTkuMzMzN0gyOFYxNi4yMjI1SDBWMTkuMzMzN1pNMCAxMS41NTU5SDIzLjVWOC40NDQ3N0gwVjExLjU1NTlaTTAgMC42NjY5OTJWMy43NzgxSDI4VjAuNjY2OTkySDBaIiBmaWxsPSIjMjIyMjIyIi8+Cjwvc3ZnPgo=) center center no-repeat; background-size: contain; left: 25%; top: 35% } .header_menu .menu_link { display: flex; align-items: center; justify-content: center; height: 100% } /* .header_menu .menu_link.about_link, .header_menu .menu_link.ordering_link{ justify-content: flex-end; } */ .header_menu .menu_link a { font-size: 14px; text-transform: uppercase } .header_menu_desc { width: 100%; position: relative; } .header_menu_mobile { display: none } @media screen and (max-width: 1200px) { .header_menu { max-width: 960px; margin-bottom: -30px; margin-top: -30px } } @media screen and (max-width: 960px) { .header_menu { max-width: 768px } .catalog_pop_up{ transform: translate(3%, 17%); } .catalog_pop_up ul{ max-height: 320px; min-height: auto; } } @media screen and (max-width: 768px) { .header_menu { max-width: 576px; height: 50px } .catalog_pop_up { transform: translate(3%, 12%); } .header_menu .catalog_wrapper a { font-size: 10px } .header_menu .catalog_wrapper a:before { content: ""; position: absolute; width: 18px; height: 18px; left: 30%; top: 30%; background-size: contain } .header_menu .menu_link a { font-size: 10px } } @media screen and (max-width: 575px) { .header_menu { box-shadow: none; background: #000; border-radius: 0; width: 0; height: 0; position: fixed; top: 30px; display: flex; flex-direction: column; z-index: 100 } .header_menu .header_menu_desc { display: none } .header_menu .header_menu_mobile { display: flex; justify-content: space-between; flex-direction: column; width: 100% } .header_menu .header_menu_mobile .header_menu_top { width: 100%; display: flex; justify-content: space-between; height: 72px; align-items: center; max-width: 480px; margin: 0 auto } .header_menu .header_menu_mobile .header_menu_top .header_lang { position: relative; padding-left: 30px } .header_menu .header_menu_mobile .header_menu_top .header_lang a { margin-right: 20px; color: #8f8f8f } .header_menu .header_menu_mobile .header_menu_top .header_lang a.active { color: #fff } .header_menu .header_menu_mobile .header_menu_top .header_lang:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5OTYgMC42NjY5OTJDNC40MDQ5NiAwLjY2Njk5MiAwLjY2NjYyNiA0LjQwNTMzIDAuNjY2NjI2IDkuMDAwMzNDMC42NjY2MjYgMTMuNTk1MyA0LjQwNDk2IDE3LjMzMzcgOC45OTk5NiAxNy4zMzM3QzEzLjU5NSAxNy4zMzM3IDE3LjMzMzMgMTMuNTk1MyAxNy4zMzMzIDkuMDAwMzNDMTcuMzMzMyA0LjQwNTMzIDEzLjU5NSAwLjY2Njk5MiA4Ljk5OTk2IDAuNjY2OTkyWk0yLjMzMzI5IDkuMDAwMzNDMi4zMzMyOSA4LjI1MTE2IDIuNDYzMjkgNy41MzE5OSAyLjY5MjQ2IDYuODU5NDlMMy45OTk5NiA4LjE2Njk5TDUuNjY2NjMgOS44MzM2NlYxMS41MDAzTDcuMzMzMjkgMTMuMTY3TDguMTY2NjMgMTQuMDAwM1YxNS42MDk1QzQuODg0MTMgMTUuMTk3IDIuMzMzMjkgMTIuMzkzNyAyLjMzMzI5IDkuMDAwMzNaTTE0LjI3NSAxMy4wNjEyQzEzLjczMDggMTIuNjIyOCAxMi45MDU4IDEyLjMzMzcgMTIuMzMzMyAxMi4zMzM3VjExLjUwMDNDMTIuMzMzMyAxMS4wNTgzIDEyLjE1NzcgMTAuNjM0NCAxMS44NDUxIDEwLjMyMThDMTEuNTMyNiAxMC4wMDkzIDExLjEwODcgOS44MzM2NiAxMC42NjY2IDkuODMzNjZINy4zMzMyOVY3LjMzMzY2QzcuNzc1MzIgNy4zMzM2NiA4LjE5OTI0IDcuMTU4MDYgOC41MTE4IDYuODQ1NUM4LjgyNDM2IDYuNTMyOTQgOC45OTk5NiA2LjEwOTAyIDguOTk5OTYgNS42NjY5OVY0LjgzMzY2SDkuODMzMjlDMTAuMjc1MyA0LjgzMzY2IDEwLjY5OTIgNC42NTgwNiAxMS4wMTE4IDQuMzQ1NUMxMS4zMjQ0IDQuMDMyOTQgMTEuNSAzLjYwOTAyIDExLjUgMy4xNjY5OVYyLjgyNDQ5QzEzLjk0IDMuODE1MzMgMTUuNjY2NiA2LjIwODY2IDE1LjY2NjYgOS4wMDAzM0MxNS42NjY1IDEwLjQ3MDkgMTUuMTc2OSAxMS44OTk2IDE0LjI3NSAxMy4wNjEyVjEzLjA2MTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat; width: 20px; height: 20px; background-size: contain; left: 0 } .header_menu .header_menu_mobile .header_menu_top .ham_close { border: none; outline: none; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjk5OTYgMS44NTg5NEwyMi4xNDQ1IDBMMTIuMDAxMyAxMC4xNDMyTDEuODU5MDEgMEwwLjAwMjE5NzI3IDEuODU4MDlMMTAuMTQ0NSAxMkwwLjAwMjE5NzI3IDIyLjE0MTlMMS44NTkwMSAyNEwxMi4wMDEzIDEzLjg1NTlMMjIuMTQ0NSAyNEwyMy45OTk2IDIyLjE0MTFMMTMuODU4NiAxMkwyMy45OTk2IDEuODU4OTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat; width: 24px; height: 24px; background-size: contain } .header_menu .header_menu_mobile .header_menu_content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; width: 100%; height: calc(100vh - 72px); border-top: 1px solid #282828; position: relative } .header_menu .header_menu_mobile .header_menu_content a { font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 35px; position: relative; width: 100% } .header_menu .header_menu_mobile .header_menu_content a:first-child { margin-top: 50px } .header_menu .header_menu_mobile .header_menu_content a:last-child:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjIgNy43OUM1LjA2IDEwLjYyIDcuMzggMTIuOTMgMTAuMjEgMTQuMzhMMTIuNDEgMTIuMThDMTIuNjggMTEuOTEgMTMuMDggMTEuODIgMTMuNDMgMTEuOTRDMTQuNTUgMTIuMzEgMTUuNzYgMTIuNTEgMTcgMTIuNTFDMTcuNTUgMTIuNTEgMTggMTIuOTYgMTggMTMuNTFWMTdDMTggMTcuNTUgMTcuNTUgMTggMTcgMThDNy42MSAxOCAwIDEwLjM5IDAgMC45OTk5OTlDMCAwLjQ1IDAuNDUgMCAwLjk5OTk5OSAwSDQuNUM1LjA1IDAgNS41IDAuNDUgNS41IDAuOTk5OTk5QzUuNSAyLjI1IDUuNyAzLjQ1IDYuMDcgNC41N0M2LjE4IDQuOTIgNi4xIDUuMzEgNS44MiA1LjU5TDMuNjIgNy43OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 18px; height: 18px; left: 28%; top: 15% } .header_menu .header_menu_mobile .header_menu_content a:after { content: ""; position: absolute; width: 20px; height: 2px; background: #158967; left: 48.5%; bottom: -40% } .header_menu .header_menu_mobile .header_menu_content a:last-child:after { content: none } .header_menu .header_menu_mobile .header_menu_content:after { content: ""; position: absolute; background: url("/image/back_smoke.png") center center no-repeat; width: 100%; height: 100%; background-size: contain; z-index: -1 } } @media screen and (max-width: 480px) { .header_menu .header_menu_mobile .header_menu_top { max-width: 375px; padding: 0 10px } .header_menu .header_menu_mobile .header_menu_content a:last-child:before { left: 23%; top: 13% } } .slider_product_wrapper { margin-top: 50px; display: flex; flex-direction: column } .slider_product_wrapper .slider_desc { margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100% } .slider_product_wrapper .slider_desc .slider_more_button .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_more_button .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_more_button .all_prev, .slider_product_wrapper .slider_desc .slider_recently_button .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .all_prev, .slider_product_wrapper .slider_desc .slider_all_btn .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .all_prev { border: none; width: 50px; height: 50px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDk5OTk4IDI1QzAuNSAxMS40NjkgMTEuNDY5IDAuNSAyNSAwLjUwMDAwMkMzOC41MzEgMC41MDAwMDMgNDkuNSAxMS40NjkgNDkuNSAyNUM0OS41IDM4LjUzMSAzOC41MzEgNDkuNSAyNSA0OS41QzExLjQ2OSA0OS41IDAuNDk5OTk3IDM4LjUzMSAwLjQ5OTk5OCAyNVoiIGZpbGw9IiMwODA5MDkiIHN0cm9rZT0iIzA5NkM1MCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNTg0XzQ1ODYpIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDguNzQyMjhlLTA4IDguNzQyMjhlLTA4IC0xIDE3IDMzKSIgZmlsbD0iIzA4MDkwOSIvPgo8cGF0aCBkPSJNMzMgMjZMMjAuOCAyNkwyNi40IDMxLjZMMjUgMzNMMTcgMjVMMjUgMTdMMjYuNCAxOC40TDIwLjggMjRMMzMgMjRMMzMgMjZaIiBmaWxsPSIjMTU4OTY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTg0XzQ1ODYiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDguNzQyMjhlLTA4IDguNzQyMjhlLTA4IC0xIDE3IDMzKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center center no-repeat; margin-right: 15px } .slider_product_wrapper .slider_desc .slider_more_button .all_prev:hover, .slider_product_wrapper .slider_desc .slider_recently_button .all_prev:hover, .slider_product_wrapper .slider_desc .slider_all_btn .all_prev:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjQuNSIgZmlsbD0iIzA5NkM1MCIgc3Ryb2tlPSIjMDk2QzUwIi8+CjxwYXRoIGQ9Ik0xNyAyNEgyOS4yTDIzLjYgMTguNEwyNSAxN0wzMyAyNUwyNSAzM0wyMy42IDMxLjZMMjkuMiAyNkgxN1YyNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; transform: rotate(180deg) } .slider_product_wrapper .slider_desc .slider_more_button .all_next:hover, .slider_product_wrapper .slider_desc .slider_recently_button .all_next:hover, .slider_product_wrapper .slider_desc .slider_all_btn .all_next:hover { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjQuNSIgZmlsbD0iIzA5NkM1MCIgc3Ryb2tlPSIjMDk2QzUwIi8+CjxwYXRoIGQ9Ik0xNyAyNEgyOS4yTDIzLjYgMTguNEwyNSAxN0wzMyAyNUwyNSAzM0wyMy42IDMxLjZMMjkuMiAyNkgxN1YyNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; transform: rotate(0deg) } .slider_product_wrapper .slider_desc .slider_more_button .more_next_arrow, .slider_product_wrapper .slider_desc .slider_more_button .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_more_button .all_next, .slider_product_wrapper .slider_desc .slider_recently_button .more_next_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .all_next, .slider_product_wrapper .slider_desc .slider_all_btn .more_next_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .all_next { border: none; width: 50px; height: 50px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDk5OTk4IDI1QzAuNSAxMS40NjkgMTEuNDY5IDAuNSAyNSAwLjUwMDAwMkMzOC41MzEgMC41MDAwMDMgNDkuNSAxMS40NjkgNDkuNSAyNUM0OS41IDM4LjUzMSAzOC41MzEgNDkuNSAyNSA0OS41QzExLjQ2OSA0OS41IDAuNDk5OTk3IDM4LjUzMSAwLjQ5OTk5OCAyNVoiIGZpbGw9IiMwODA5MDkiIHN0cm9rZT0iIzA5NkM1MCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNTg0XzQ1ODYpIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDguNzQyMjhlLTA4IDguNzQyMjhlLTA4IC0xIDE3IDMzKSIgZmlsbD0iIzA4MDkwOSIvPgo8cGF0aCBkPSJNMzMgMjZMMjAuOCAyNkwyNi40IDMxLjZMMjUgMzNMMTcgMjVMMjUgMTdMMjYuNCAxOC40TDIwLjggMjRMMzMgMjRMMzMgMjZaIiBmaWxsPSIjMTU4OTY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTg0XzQ1ODYiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDguNzQyMjhlLTA4IDguNzQyMjhlLTA4IC0xIDE3IDMzKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center center no-repeat; transform: rotate(180deg) } .slider_product_wrapper .slider_product { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .swiper-button-disabled { opacity: .5 } @media screen and (max-width: 577px) { .slider_product_wrapper { margin-top: 40px } } @media screen and (max-width: 577px) { .slider_product_wrapper .slider_desc.discount_desc h2 { max-width: 50% } } .popup_wrapper { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .5); overflow-x: hidden; overflow-y: hidden; position: fixed; top: 0; z-index: 10; display: flex; justify-content: center; align-items: center; } .popup_wrapper .popup { position: relative; max-width: 650px; min-height: 305px; padding: 10px; background-color: #161616; display: flex; flex-direction: column; justify-content: center; align-items: center } .popup_wrapper .popup p:first-child { font-size: 22px; font-weight: 500; text-transform: uppercase; color: #fff; text-align: center; margin-bottom: 10px } .popup_wrapper .popup p:nth-child(2) { font-size: 16px; font-weight: 700; text-align: center; margin-bottom: 10px } .popup_wrapper .popup p:nth-child(3) { font-size: 14px; font-weight: 400; text-align: center; line-height: 19px } .popup_wrapper .popup .agreement_btn_wrapper { display: flex; flex-direction: row; justify-content: center; margin-top: 20px } .popup_wrapper .popup .agreement_btn_wrapper .agreement_btn { width: 170px; height: 50px; border-radius: 25px; text-align: center; border: none; cursor: pointer; outline: none; text-transform: uppercase; color: #fff; font-size: 14px } .popup_wrapper .popup .agreement_btn_wrapper .agree_btn { background: #096c50; margin-right: 30px } .popup_wrapper .popup .agreement_btn_wrapper .decline_btn { background: #a82020 } .popup_wrapper .popup:after { content: ""; position: absolute; background: url("/image/back_smoke.png") center center no-repeat; width: 135px; height: 89%; background-size: contain; right: 0; bottom: 0 } @media screen and (max-width: 1280px) { .popup_wrapper .popup { max-width: 580px; min-height: 270px } .popup_wrapper .popup p:first-child { font-size: 22px } .popup_wrapper .popup p:nth-child(2) { font-size: 14px } .popup_wrapper .popup p:nth-child(3) { font-size: 12px } .popup_wrapper .popup .agreement_btn_wrapper .agreement_btn { width: 140px; height: 40px; font-size: 12px } } @media screen and (max-width: 768px) { .popup_wrapper .popup { max-width: 500px; min-height: 240px } .popup_wrapper .popup p:first-child { font-size: 20px } .popup_wrapper .popup p:nth-child(2) { font-size: 12px } .popup_wrapper .popup p:nth-child(3) { font-size: 10px; line-height: 12px } .popup_wrapper .popup .agreement_btn_wrapper .agreement_btn { width: 140px; height: 40px; font-size: 12px } } @media screen and (max-width: 575px) { .popup_wrapper .popup { max-width: 400px; min-height: 220px } .popup_wrapper .popup .agreement_btn_wrapper .agreement_btn { width: 110px; height: 30px; font-size: 12px } } @media screen and (max-width: 480px) { .popup_wrapper .popup { max-width: 370px } .modal_product_wrap{ width: 93%; } } @media screen and (max-width: 375px) { .popup_wrapper .popup { max-width: 300px } .popup_wrapper .popup p:first-child { font-size: 16px } .popup_wrapper .popup p:nth-child(2) { font-size: 10px; line-height: 10px } } .product_card .card_product_link { position: relative } .product_card .card_product_link .card_product_desc { display: none; position: absolute; top: 0; width: 100%; height: 100%; border: 2px solid #158967; background: linear-gradient(176.69deg, rgba(0, 0, 0, 0.3) 2.65%, rgba(6, 97, 70, 0.3) 35.09%, rgba(0, 0, 0, 0.3) 96.59%), rgba(0, 0, 0, .7); padding: 30px 20px; z-index: 2; transition: 1s; -webkit-transition: 1s; /* transform: scale(1.021);*/ } .product_card .card_product_link .card_product_desc p { margin-bottom: 0 } .product_card .card_product_link .card_product_desc .product_name { font-size: 18px; font-weight: 700; color: #fff; position: relative; text-align: center; margin-bottom: 20px } .product_card .card_product_link .card_product_desc .product_name:after { content: ""; position: absolute; width: 20px; height: 2px; background: #158967; left: 45%; bottom: -20% } .product_card .card_product_link .card_product_desc .card_desc_list p { font-size: 14px; font-weight: 500; position: unset } .product_card .card_product_link .card_product_desc .card_desc_list span { font-size: 14px; font-weight: 400 } .product_card a:first-child:hover .card_product_desc { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; transition: 1s; -webkit-transition: 1s } .discount_card .product_card { position: relative } .product_card.sale:before { content: ""; position: absolute; background: url("/image/main_page/sale_logo.svg") center center no-repeat; width: 66px; height: 66px; top: 1%; left: 5%; z-index: 1 } .slider_desc > p{ text-transform: uppercase; } @media screen and (max-width: 960px) { .product_card .card_product_link .card_product_desc { padding: 15px } .product_card .card_product_link .card_product_desc .product_name { font-size: 14px; line-height: 15px; margin-bottom: 15px } .product_card .card_product_link .card_product_desc .card_desc_list p { font-size: 12px } .product_card .card_product_link .card_product_desc .card_desc_list span { font-size: 12px } } @media screen and (max-width: 575px) { .product_card .card_product_link .card_product_desc { padding: 10px } .product_card .card_product_link .card_product_desc .product_name { /*font-size: 13px; line-height: 15px; margin-bottom: 15px;*/ display: none; } .product_card .card_product_link .card_product_desc .card_desc_list p { font-size: 12px; line-height: 12px } .product_card .card_product_link .card_product_desc .card_desc_list span { font-size: 13px; line-height: 15px } .product_card .card_product_link .card_product_desc{ display: flex; flex-direction: column; position: relative; background: none; border: none; } } .slider_desc > p{ font-size: 26px; font-weight: 500; line-height: 32px; color: #ffffff; text-transform: uppercase; } @media screen and (max-width: 375px) { .slider_desc > p{ max-width: 65%; } .slider_product_wrapper .slider_desc .slider_more_button .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_more_button .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_more_button .all_prev, .slider_product_wrapper .slider_desc .slider_recently_button .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .all_prev, .slider_product_wrapper .slider_desc .slider_all_btn .more_prev_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .recently_prev_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .all_prev, .slider_product_wrapper .slider_desc .slider_more_button .more_next_arrow, .slider_product_wrapper .slider_desc .slider_more_button .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_more_button .all_next, .slider_product_wrapper .slider_desc .slider_recently_button .more_next_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_recently_button .all_next, .slider_product_wrapper .slider_desc .slider_all_btn .more_next_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .recently_next_arrow, .slider_product_wrapper .slider_desc .slider_all_btn .all_next { width: 40px; height: 40px; background-size: cover; } } .content_wrapper.catalog_wrapper .content { margin-top: 30px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper { margin-top: 30px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card { margin-bottom: 60px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card img { width: 200px; height: 200px } @media screen and (max-width: 1280px) { .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card img { min-height: 275px; height: 275px; } } @media screen and (max-width: 575px) { .content_wrapper.catalog_wrapper .content { margin-top: 144px; padding-top: 20px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card a { width: 100% } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card a img { width: 200px; height: 200px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card a:nth-child(2) { font-size: 20px } } .item_page { display: none } .item_page.active { display: block } .item_page .blog_content_wrapper .col-md-6:nth-child(even) .product_card{ margin-left: 30px; } .content { margin-top: 40px } .content .blog_content_wrapper { margin-top: 40px } .content .blog_content_wrapper .product_card { position: relative; align-items: flex-start; margin-bottom: 30px } .content .blog_content_wrapper .product_card a { position: relative; max-width: 100% } .content .blog_content_wrapper .product_card a:before { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.32%, #000000 100%); border-bottom: 3px solid #096c50; width: 100%; height: 100%; z-index: 1 } .content .blog_content_wrapper .product_card img { /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.32%, #000000 100%);*/ max-width: 100%; min-height: 300px; object-fit: cover; width: 254px; } /*.product_card img{ transform: scaleY(1.02); }*/ .content .blog_content_wrapper .product_card .news_desc { position: absolute; bottom: 0; padding: 0 25px; z-index: 2 } .content .blog_content_wrapper .product_card .news_desc p:nth-child(2) { font-size: 16px; font-weight: 500; line-height: 16px; margin-top: 15px; margin-bottom: 25px } .news_date p.news_date_green { font-size: 14px; font-weight: 400; line-height: 14px; position: relative; padding-left: 40px; margin-bottom: 0 } .news_date p.news_date_green:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4IiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTQ4IDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzQuMTI3OSAwLjk0Mzc5OEMyOC4wNDE5IDIuOTM0MjUgMjAuMzIzIDQuODUzNiAxOC4wOTY0IDQuODUzNkMxMS44NjE5IDQuODUzNiAxMS4yNjgyIDYuNTU5NyAxNy4xMzE1IDcuNzY4MTlDMjAuNjk0MSA4LjU1MDE1IDIxLjEzOTQgOC43NjM0MSAyMC4wMjYxIDkuNTQ1MzhDMTkuMDYxMyAxMC4yNTYzIDE4Ljk4NyAxMC42ODI4IDE5LjY1NSAxMS44OTEzQzIwLjEwMDMgMTIuNzQ0MyAyMC43NjgzIDEzLjM4NDEgMjEuMjEzNiAxMy4zODQxQzIyLjkyMDcgMTMuMzg0MSAyMS4zNjIxIDE1LjgwMTEgMTkuMjgzOSAxNi4yOTg3QzE3LjIwNTggMTYuODY3NCAxNi40NjM2IDE2LjUxMiAxNS43MjE0IDE0LjUyMTVDMTUuMzUwMyAxMy4zODQxIDExLjM0MjQgMTQuODA1OSAxMC45NzEzIDE2LjE1NjVDMTAuNzQ4NiAxNi45Mzg1IDkuNDEyNjkgMTguMDA0OCA3LjkyODI5IDE4LjU3MzVDLTMuNjk5ODUgMjQuOTAwMyAtMi44MDkyMSAyNC45NzE0IDEyLjQwNTggMjUuMDQyNUMyNi43MzAzIDI1LjExMzYgMjguNTExNSAyNS4yNTU4IDI3LjY5NTEgMjYuMTc5OUMyNi45NTI5IDI3LjAzMyAyNi45NTI5IDI3LjI0NjIgMjcuOTE3OCAyNy4yNDYyQzI4LjUxMTUgMjcuMjQ2MiAyOS40MDIyIDI2Ljc0ODYgMjkuOTIxNyAyNi4xNzk5QzMwLjQ0MTIgMjUuNjExMiAzMS42Mjg4IDI1LjExMzYgMzIuNjY3OCAyNS4xMTM2QzM0LjY3MTggMjUuMTEzNiAzNS43ODUxIDI2Ljg5MDggMzQuNDQ5MSAyOC4xNzA0QzMzLjMzNTggMjkuMjM2NyAzMy40MSAzMS41MTE1IDM0LjY3MTggMzEuOTM4QzM1LjI2NTUgMzIuMTUxMyAzNi42MDE1IDMxLjc5NTggMzcuNjQwNiAzMS4xNTZDMzkuMTk5MiAzMC4xNjA4IDM5Ljc5MjkgMzAuMDg5NyA0MC42MDk0IDMwLjgwMDZDNDEuNzk2OSAzMS43MjQ3IDY3Ljc0OTQgMzEuNzI0NyA3My4yNDE3IDMwLjU4NzNDNzUuMDk3MiAzMC4yMzE5IDc5LjAzMDggMzAuMzAzIDgzLjcwNjcgMzAuODAwNkM5MC4yMzggMzEuNTExNSA5MS40OTk4IDMxLjQ0MDQgOTMuNTc3OSAzMC40NDUyQzk1LjgwNDUgMjkuMzc4OCA5Ni45MTc4IDI5LjM3ODggMTA2LjA0NyAzMC4zMDNDMTE1LjY5NSAzMS4zNjkzIDExNy45MjIgMzEuMjk4MiAxMTcuMDMxIDI5Ljk0NzVDMTE2LjQzOCAyOS4wOTQ1IDExOS40MDYgMjIuMzQxMSAxMjIuMTUzIDIyLjkwOThDMTIzLjU2MyAyMy4xOTQyIDEyNS4wNDcgMjIuOTA5OCAxMjYuMDg2IDIyLjI3QzEyOC40NjEgMjAuNzc3MiAxMzEuNjUzIDIxLjA2MTYgMTM5LjM3MiAyMy40Nzg1QzE0OS4yNDMgMjYuNjA2NCAxNTAuNjUzIDI1Ljc1MzMgMTQyLjQ4OSAyMS43NzI0QzEzOC44NTIgMTkuOTk1MiAxMzUuMTQxIDE3Ljg2MjYgMTM0LjM5OSAxNy4wMDk2QzEzMi45ODkgMTUuNTE2NyAxMzIuOTg5IDE1LjUxNjcgMTM0LjYyMSAxNS41MTY3QzEzNy41MTYgMTUuNTE2NyAxMzYuMTggMTMuMDk5OCAxMzMuMDYzIDEyLjYwMjFDMTMxLjQzIDEyLjM4ODkgMTI5LjUgMTEuMzkzNyAxMjguNDYxIDEwLjMyNzNDMTI3LjQ5NiA5LjMzMjExIDEyNS4yNyA4LjEyMzYyIDEyMy40ODggNy42OTcxQzEyMS43MDcgNy4yNzA1NyAxMTguMzY3IDYuMTMzMTcgMTE2LjA2NyA1LjEzNzk1QzExMi43MjcgMy42NDUxMSAxMTEuMzE2IDMuMzYwNzYgMTA4Ljg2NyAzLjc4NzI5QzEwNi42NDEgNC4xNDI3MiAxMDUuMzc5IDMuOTI5NDYgMTA0LjExNyAzLjE0NzVDMTAxLjk2NSAxLjcyNTc1IDk0LjM5NDMgMS42NTQ2NiA5MC4yMzggMy4wNzY0MUM4Ny40MTc3IDQuMDAwNTUgODYuOTcyNCAzLjkyOTQ2IDgzLjcwNjcgMi41Nzg4Qzc5LjU1MDQgMC44MDE2MTEgNjkuNjA0OSAwLjU4ODM1NCA2My40NDQ3IDIuMDgxMTlDNjAuMTA0OCAyLjg2MzE2IDU5LjY1OTUgMi44NjMxNiA1OC4yNDkzIDEuNjU0NjdDNTYuNzY0OSAwLjM3NTA5NyA1Ni41NDIyIDAuMzc1MDk1IDUzLjIwMjQgMS41MTI1QzUwLjAxMDkgMi42NDk4OSA0OS4xOTQ1IDIuNjQ5OSA0My45MjQ5IDEuNjU0NjdDMzguMjg0MiAwLjU4ODM2IDM1LjY4NjUgMC40NDYxODYgMzQuMTI3OSAwLjk0Mzc5OFoiIGZpbGw9IiMwOTZDNTAiLz4KPC9zdmc+Cg==) center center no-repeat; width: 147px; height: 30px; background-size: contain; z-index: -1; left: 0; top: -10px } .pagination_wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; padding-bottom: 90px } .pagination_wrapper ul { display: flex; flex-direction: row; justify-content: center; align-items: center } .pagination_wrapper ul li a, .pagination_wrapper ul li span { padding: 10px 15px; font-size: 16px; font-weight: 500; cursor: pointer; border: 2px solid transparent } .pagination_wrapper ul li.active a, .pagination_wrapper ul li.active span{ border: 2px solid #096c50 } .pagination_wrapper .pag { display: none } .pagination_wrapper .pag.active { display: flex } .arcticmodal-overlay, .arcticmodal-container { display: flex; justify-content: center; align-items: center; } .arcticmodal-container_i{ max-width: 650px; } .modal_age_wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; background: #161616; text-align: center; position: relative; z-index: 1; } .arcticmodal-container_i .modal_title p{ font-size: 22px!important; color: #ffffff!important; font-weight: 500!important; margin-bottom: 12px; } .arcticmodal-container_i .modal_age_text span{ font-size: 16px; font-weight: 700; line-height: 19px; text-align: center!important; color: #ffffff; } .arcticmodal-container_i .modal_age_text p{ margin-top: 10px; text-align: center; } .arcticmodal-container_i .modal_age_but{ display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 20px; } .arcticmodal-container_i .modal_age_but .modal_but_yes{ background: #096c50; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #fff; width: 195px; height: 50px; text-align: center; border: none; outline: none; border-radius: 25px; display: flex; align-items: center; justify-content: center; margin-right: 30px; cursor: pointer; } .arcticmodal-container_i .modal_age_but .modal_but_no{ background: #A82020; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #fff; width: 195px; height: 50px; text-align: center; border: none; outline: none; border-radius: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .modal_age_wrap:before{ content: ""; position: absolute; background: url(/image/back_smoke.png) center center no-repeat; width: 30%; height: 100%; right: 0; bottom: 0; background-size: contain; z-index: -1; } @media screen and (max-width: 670px) { .arcticmodal-container_i { max-width: 430px; margin: 0 20px; } .modal_age_wrap:before { height: 70%; } .arcticmodal-container_i .modal_age_but .modal_but_no, .arcticmodal-container_i .modal_age_but .modal_but_yes { width: 150px; height: 40px; } } @media screen and (max-width: 430px) { .arcticmodal-container_i { max-width: 300px; margin: 0 20px; } .modal_age_wrap{ padding: 10px; } .modal_age_wrap:before { height: 55%; } .arcticmodal-container_i .modal_age_but .modal_but_no, .arcticmodal-container_i .modal_age_but .modal_but_yes{ width: 130px; height: 40px; font-size: 12px; } .arcticmodal-container_i .modal_title p{ font-size: 18px!important; } .arcticmodal-container_i .modal_age_text span, .arcticmodal-container_i .modal_age_text p{ font-size: 12px; } } @media screen and (max-width: 768px) { .item_page .blog_content_wrapper .col-md-6:nth-child(even) .product_card{ margin-left: 0; } } @media screen and (max-width: 575px) { .content_wrapper.blog_wrapper { margin-top: 50px; padding-top: 20px } } @media screen and (max-width: 480px) { .content .blog_content_wrapper .product_card img { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34.32%, #000000 100%); max-width: 100%; min-height: 230px; width: 195px; } .content .blog_content_wrapper .product_card .news_desc { padding: 0 15px } .content .blog_content_wrapper .product_card .news_desc p:nth-child(2) { font-size: 12px; line-height: 12px } } .news_wrapper { padding-bottom: 90px } .news_wrapper .news_content_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; background: #101010; box-shadow: 0 50px 100px #000; padding: 40px 0 95px 0 } .news_wrapper .news_content_wrapper .news_content { max-width: 70%; margin: 0 auto } .news_wrapper .news_content_wrapper .news_content h1 { text-align: center; text-transform: none; } .news_wrapper .news_content_wrapper .news_content .news_date { margin: 20px 0 40px 0; display: flex; justify-content: center; align-items: center } .news_wrapper .news_content_wrapper .news_content .news_date p.news_date_green { z-index: 1; margin-bottom: 0 } .news_wrapper .news_content_wrapper .news_content p { margin-bottom: 30px; text-align: left; font-size: 16px; font-weight: 400 } .news_wrapper .news_content_wrapper .news_content span { display: block; line-height: 23px; } .news_wrapper .news_content_wrapper img { width: 100%; margin-bottom: 40px } @media screen and (max-width: 768px) { .news_wrapper .news_content_wrapper { padding-bottom: 30px } .news_wrapper .news_content_wrapper .news_content p { font-size: 14px; line-height: 16px } } @media screen and (max-width: 575px) { .news_wrapper .news_content_wrapper .news_content { max-width: 80% } .news_wrapper .news_content_wrapper .news_content p { margin-bottom: 20px } } @media screen and (max-width: 375px) { .news_wrapper .news_content_wrapper .news_content { max-width: 90% } .news_wrapper .news_content_wrapper .news_content p { font-size: 12px; line-height: 12px } } .product_amount label p { font-size: 12px; font-weight: 400; color: gray; margin-bottom: 8px } .product_amount .amount { display: flex; flex-direction: row; align-items: center } .product_amount .amount button { background: #096c50; width: 48px; height: 48px; border: none; margin-left: -9px; border-radius: 50%; color: #fff; font-size: 28px; position: relative } .product_amount .amount button:first-child{ margin-left: 0; } .product_amount .amount button:hover { background: #1baf84 } .product_amount .amount input { height: 48px; width: 140px; min-width: 140px; max-width: 325px; padding: 0 55px 0 45px; background: #0e0e0e; font-size: 18px; border: 1px solid #333; border-radius: 30px; margin: 0 -39px; color: #fff; text-align: center } .basket_item .product_amount .amount input { max-width: 240px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type='number'] { -moz-appearance: textfield; } .basket_page_wrapper.hide { right: -520px } .basket_page_wrapper { position: fixed; top: 0; right: 0; z-index: 10 } .basket_page_wrapper .basket_on_page_wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-width: 520px; background: #161616; height: 100vh; position: relative } .basket_page_wrapper .basket_on_page_wrapper .basket_close { display: flex; flex-direction: row; justify-content: flex-end; width: 100% } .basket_page_wrapper .basket_on_page_wrapper .basket_close .basket_close_btn { background-color: #096c50; width: 70px; height: 70px; background-size: contain; border: none; outline: none; position: relative } .basket_page_wrapper .basket_on_page_wrapper .basket_close .basket_close_btn:after { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3Ljk5OSAyLjE2ODc3TDI1LjgzNDcgMEwxNC4wMDEgMTEuODMzN0wyLjE2ODIzIDBMMC4wMDE5NTMxMiAyLjE2Nzc3TDExLjgzNDcgMTRMMC4wMDE5NTMxMiAyNS44MzIyTDIuMTY4MjMgMjhMMTQuMDAxIDE2LjE2NTJMMjUuODM0NyAyOEwyNy45OTkgMjUuODMxMkwxNi4xNjc3IDE0TDI3Ljk5OSAyLjE2ODc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 28px; height: 28px; left: 30%; top: 30% } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page { width: 85%; margin: 0 auto } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_name { font-size: 22px; font-weight: 500; text-transform: uppercase } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #282828; padding: 20px 0 } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_img img { max-width: 110px; min-height: 130px } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_content { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; min-height: 130px; margin-left: 20px } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_name { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100% } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_name .basket_dlt { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3Ljk5OSAyLjE2ODc3TDI1LjgzNDcgMEwxNC4wMDEgMTEuODMzN0wyLjE2ODIzIDBMMC4wMDE5NTMxMiAyLjE2Nzc3TDExLjgzNDcgMTRMMC4wMDE5NTMxMiAyNS44MzIyTDIuMTY4MjMgMjhMMTQuMDAxIDE2LjE2NTJMMjUuODM0NyAyOEwyNy45OTkgMjUuODMxMkwxNi4xNjc3IDE0TDI3Ljk5OSAyLjE2ODc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 16px; height: 16px; border: none; outline: none } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_amount { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100% } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .order_confirm { width: 100%; margin-top: 30px } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .order_confirm .order_btn { width: 100%; height: 50px; border: none; border-radius: 25px; outline: none; background: #096c50 } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .order_confirm .order_btn p { font-size: 14px; text-align: center; display: inline-block; position: relative } .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .order_confirm .order_btn p:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDU3IDJIMUMwLjczNDc4NCAyIDAuNDgwNDMgMS44OTQ2NCAwLjI5Mjg5MyAxLjcwNzExQzAuMTA1MzU3IDEuNTE5NTcgMCAxLjI2NTIyIDAgMUMwIDAuNzM0Nzg0IDAuMTA1MzU3IDAuNDgwNDMgMC4yOTI4OTMgMC4yOTI4OTNDMC40ODA0MyAwLjEwNTM1NyAwLjczNDc4NCAyLjA4NDU3ZS0wOCAxIDIuMDg0NTdlLTA4SDQuMjczQzQuNTAzNTMgLTQuNzAzMDFlLTA1IDQuNzI3IDAuMDc5NTU2NiA0LjkwNTU4IDAuMjI1MzM5QzUuMDg0MTYgMC4zNzExMjEgNS4yMDY4OSAwLjU3NDEyNyA1LjI1MyAwLjhMNS45MDcgNEgxOUMxOS4xNDc1IDMuOTk5OTQgMTkuMjkzMyA0LjAzMjUzIDE5LjQyNjcgNC4wOTU0M0MxOS41NjAyIDQuMTU4MzQgMTkuNjc4MSA0LjI1IDE5Ljc3MiA0LjM2Mzg0QzE5Ljg2NTggNC40Nzc2OCAxOS45MzMzIDQuNjEwODggMTkuOTY5NyA0Ljc1Mzg5QzIwLjAwNiA0Ljg5NjkgMjAuMDEwMiA1LjA0NjE3IDE5Ljk4MiA1LjE5MUwxOC42NzEgMTEuOTExQzE4LjU0NjkgMTIuNTA5NiAxOC4yMTc1IDEzLjA0NjEgMTcuNzM5OSAxMy40Mjc3QzE3LjI2MjIgMTMuODA5MyAxNi42NjYzIDE0LjAxMjEgMTYuMDU1IDE0LjAwMUw4LjEyIDE0QzYuODQ4IDE0LjAyNCA1LjczNiAxMy4xNDggNS40ODUgMTEuOTEzTDQuMTIgNS4yNEM0LjExMzYzIDUuMjE0MjIgNC4xMDgyOSA1LjE4ODIgNC4xMDQgNS4xNjJMMy40NTcgMlpNNi4zMTcgNkw3LjQ0NSAxMS41MTNDNy41MDMgMTEuNzk2IDcuNzY5IDEyLjAwNiA4LjEwMiAxMkgxNi4wNzNDMTYuMzg3IDEyLjAwNiAxNi42NTMgMTEuNzk2IDE2LjcwOSAxMS41MkwxNy43ODYgNkg2LjMxN1pNOCAxNkgxNkMxNi4yNjUyIDE2IDE2LjUxOTYgMTYuMTA1NCAxNi43MDcxIDE2LjI5MjlDMTYuODk0NiAxNi40ODA0IDE3IDE2LjczNDggMTcgMTdDMTcgMTcuMjY1MiAxNi44OTQ2IDE3LjUxOTYgMTYuNzA3MSAxNy43MDcxQzE2LjUxOTYgMTcuODk0NiAxNi4yNjUyIDE4IDE2IDE4SDhDNy43MzQ3OCAxOCA3LjQ4MDQzIDE3Ljg5NDYgNy4yOTI4OSAxNy43MDcxQzcuMTA1MzYgMTcuNTE5NiA3IDE3LjI2NTIgNyAxN0M3IDE2LjczNDggNy4xMDUzNiAxNi40ODA0IDcuMjkyODkgMTYuMjkyOUM3LjQ4MDQzIDE2LjEwNTQgNy43MzQ3OCAxNiA4IDE2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 17px; height: 15px; background-size: contain; left: -20%; top: 10% } .basket_page_wrapper .basket_on_page_wrapper:after { content: ""; position: absolute; background: url("/image/back_smoke.png") center center no-repeat; width: 50%; height: 50%; background-size: cover; bottom: 0; right: 0 } @media screen and (max-width: 1600px) { .basket_page_wrapper .basket_on_page_wrapper { min-width: 420px } } @media screen and (max-width: 1440px) { .basket_page_wrapper.active .basket_on_page_wrapper { min-width: 360px } .basket_page_wrapper.active .basket_on_page_wrapper .product_amount .amount input { width: 90px; height: 30px; font-size: 18px; margin: 0 -30px } .basket_page_wrapper.active .basket_on_page_wrapper .product_amount .amount button { height: 30px; width: 30px; font-size: 18px } } @media screen and (max-width: 1200px) { .product_amount .amount input { width: 90px; height: 30px; font-size: 18px; margin: 0 -30px } .product_amount .amount button { height: 30px; width: 30px; font-size: 18px; margin: 0; text-align: center; } } @media screen and (max-width: 960px) { .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_name p { font-size: 12px; line-height: 14px } .content_wrapper.catalog_wrapper .content .catalog_content_wrapper .product_card img { width: 150px; height: 150px; min-height: 150px; } } @media screen and (max-width: 768px) { .basket_page_wrapper.active { z-index: 101 } .basket_page_wrapper.active .basket_on_page_wrapper { min-width: 260px } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page { margin-top: 10px } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .basket_item .product_img img { max-width: 80px; min-height: 130px } .basket_page_wrapper.active .basket_on_page_wrapper .product_amount .amount button { width: 20px; height: 20px } .basket_page_wrapper.active .basket_on_page_wrapper .product_amount .amount input { width: 70px; height: 20px; margin: 0px -21px; font-size: 14px } } @media screen and (max-width: 480px) { .basket_page_wrapper.active .basket_on_page_wrapper { max-width: 240px; min-width: 240px } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .basket_item .product_content { margin-left: 5px } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_amount { align-items: flex-start } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_amount p { font-size: 10px } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .basket_item .product_content .product_name .basket_dlt { width: 10px; height: 10px; background-size: contain } .basket_page_wrapper.active .basket_on_page_wrapper .basket_on_page .order_confirm .order_btn p { font-size: 12px } .basket_on_page_wrapper:after { width: 55%; height: 35% } } .ordering_page_wrapper { margin-top: 40px; padding-bottom: 90px } .ordering_page_wrapper .order_personal_info_wrapper { background: #161616; padding: 40px 40px 60px 40px } .ordering_basket { height: 100% } .ordering_basket .basket_page_wrapper { position: unset; height: 100% } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper { background: #0f0f0f; height: 100%; min-width: 100% } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page { width: 100%; padding: 40px } .basket_result .previously_result:last-child h4{ font-size: 26px; font-style: normal; font-weight: 500; text-transform: uppercase; color: #fff } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_result { margin-top: 35px } .simplecheckout #buttons{ margin-top: -5px; } .simplecheckout #buttons .order_btn{ margin-bottom:50px ; } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_result div { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_result div p { font-size: 12px; font-weight: 400; color: #8f8f8f } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_result div:last-child { margin-top: 15px } .ordering_basket .basket_page_wrapper .basket_on_page_wrapper:after { content: none } .basket_page_wrapper.no_hide { display: flex } @media screen and (max-width: 960px) { .ordering_page_wrapper .order_personal_info_wrapper { padding: 20px 30px 50px 30px } .ordering_page_wrapper .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page { padding: 20px } .ordering_page_wrapper .ordering_basket .basket_page_wrapper .basket_on_page_wrapper .basket_on_page .basket_item .product_img img { min-height: 130px; max-width: 90px } } @media screen and (max-width: 575px) { .content_wrapper.order_wrapper { margin-top: 72px; padding-top: 20px } } @media screen and (max-width: 375px) { .ordering_page_wrapper .order_personal_info_wrapper { padding: 20px 15px 50px 15px } } .main .content_wrapper.simple_wrapper { height: 100%; min-height: 100vh; } .main .content_wrapper.simple_wrapper .content { height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center } .main .content_wrapper.blog_wrapper.simple_wrapper .content { display: inherit; } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper h1{ font-size: 50px; line-height: 55px; } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 50px; line-height: 60px; font-weight: 700; max-width: 85% } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { margin-top: 20px; margin-bottom: 30px; font-size: 20px; line-height: 24px; font-weight: 400; max-width: 85% } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 100%; margin: 150px 0 60px 0 } @media screen and (max-width: 1600px) { .main .content_wrapper.simple_wrapper .content .simple_image { margin: 25px 0 60px 0; display: flex; justify-content: flex-end; } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 90% } } @media screen and (max-width: 1280px) { /* .main .content_wrapper.simple_wrapper { height: 85.5vh }*/ .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 40px; line-height: 42px; max-width: 85% } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 18px; line-height: 20px; max-width: 85% } .main .content_wrapper.simple_wrapper .content .simple_image { margin: 0 } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 70%; margin: 0 } } @media screen and (max-width: 960px) { .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 36px; line-height: 38px; max-width: 90% } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 16px; line-height: 18px } } @media screen and (max-width: 768px) { .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 28px; line-height: 30px } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 16px; line-height: 18px } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 576px) { .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 24px; line-height: 26px } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 14px; line-height: 16px; max-width: 100%; } .main .content_wrapper.simple_wrapper .content .simple_image { display: flex; justify-content: center } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 100% } .main .content_wrapper.simple_wrapper .content .row { flex-direction: column-reverse; justify-content: center; align-items: center; } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper { justify-content: center; align-items: center; text-align: center; margin-top: 30px; } .content_wrapper.filter_wrapper .simple_info_wrapper, .content_wrapper.filter_wrapper .simple_image{ padding-top: 130px; } } @media screen and (max-width: 480px) { .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 18px; line-height: 20px } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 12px; line-height: 12px } .main .content_wrapper.simple_wrapper .content .simple_image { display: flex; justify-content: center } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 100% } } @media screen and (max-width: 375px) { .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:first-child { font-size: 16px; line-height: 18px } .main .content_wrapper.simple_wrapper .content .simple_info_wrapper p:nth-child(2), .main .content_wrapper.simple_wrapper .content .simple_info_wrapper span { font-size: 12px; line-height: 12px } .main .content_wrapper.simple_wrapper .content .simple_image { display: flex; justify-content: center } .main .content_wrapper.simple_wrapper .content .simple_image img { width: 100% } } .content_wrapper.contact_wrapper { min-height: 81vh } .content_wrapper.contact_wrapper .content { margin-top: 30px } .content_wrapper.contact_wrapper .content .contact_page_wrapper { margin-top: 40px; padding-bottom: 125px } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 15px } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div { position: relative; padding-left: 90px; margin-bottom: 45px } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div p:last-child, .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div a { font-size: 20px; font-weight: 500 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div:after { content: ""; position: absolute; background-color: #096c50; width: 70px; height: 70px; border-radius: 50%; top: -25%; left: 0 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_phone:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjIgNy43OUM1LjA2IDEwLjYyIDcuMzggMTIuOTMgMTAuMjEgMTQuMzhMMTIuNDEgMTIuMThDMTIuNjggMTEuOTEgMTMuMDggMTEuODIgMTMuNDMgMTEuOTRDMTQuNTUgMTIuMzEgMTUuNzYgMTIuNTEgMTcgMTIuNTFDMTcuNTUgMTIuNTEgMTggMTIuOTYgMTggMTMuNTFWMTdDMTggMTcuNTUgMTcuNTUgMTggMTcgMThDNy42MSAxOCAwIDEwLjM5IDAgMC45OTk5OTlDMCAwLjQ1IDAuNDUgMCAwLjk5OTk5OSAwSDQuNUM1LjA1IDAgNS41IDAuNDUgNS41IDAuOTk5OTk5QzUuNSAyLjI1IDUuNyAzLjQ1IDYuMDcgNC41N0M2LjE4IDQuOTIgNi4xIDUuMzEgNS44MiA1LjU5TDMuNjIgNy43OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 20px; height: 20px; background-size: contain; left: 9%; top: 35%; z-index: 1 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_mail:before { content: ""; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADGSURBVHgB1ZFtEcIwDIZTFFTCJCABCThgDhgOQAESwAESwAESioPNQUi49AjduoW77sfeu/faW5MnHwNE3JFbLKfATMcXAKigrDoYqPgkV1YCx5LvKUSDNzIGympqA3SP3zUGYfyCVfWrKnYZ6p6+efJNxfHdy1sfrBJr1T2fW/WWTtYkuXlwZndncdQjM804WAUesa9mJN4GVt0H8Xoi1g5WSd4Q85GLUEeCAoq8Fcyk5YF5xy2dkz/lT7244wNfoJw68ukNrPjJG56c9RIAAAAASUVORK5CYII=) center center no-repeat; width: 20px; height: 20px; background-size: contain; left: 8%; top: 35%; z-index: 1 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_time:before { content: ""; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEqSURBVHgB3VRtEcIwDM1QMAdMwiyggOJgDqgDQBGgABwMBwUFSAgpl95yY2mz/eTd5XqXr5csWQD+GohYk3QkZ5KAA3rWdbAUFOxI3lhGmE1EAQeR4E7iSRphb7mzIPwOc5PH6r3B35tJuKqEFozgjtLndDnHwE5esX8B+U4iUQ2Z6gPoBagEbL+xS5d0K2Hf8nuC5bjy66bY+9K3N3TQqF+hFCx95Mqa8xgJQqpQI8kRpOB1hqDJkfC6RvRJJ4f84HenEVRV9aRnQxLfBn6Hmeb3gonq0preoADuxE/ow3hNpbHG4W8snoiJ+L26QcLJsdMb558KVKsfOR+Fs+XY7UXnR7BgRBJ4Pq2wf2eAw2mwJxdJxvdeQ6zewVIw0YXkIZI+WRdtNfw1PtTGZvLu7HNIAAAAAElFTkSuQmCC) center center no-repeat; width: 20px; height: 20px; background-size: contain; left: 8%; top: 35%; z-index: 1 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_form_wrapper { padding: 40px; background: #161616 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_form_wrapper h5:first-letter{ text-transform: uppercase; } @media screen and (max-width: 1600px) { .content_wrapper.contact_wrapper { height: 100% } } @media screen and (max-width: 1600px) { .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div p:last-child, .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div a { font-size: 16px; font-weight: 500 } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_phone:before { left: 10%; top: 45%; } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_mail:before { left: 9%; top: 45%; } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_time:before { left: 10%; top: 35%; } } @media screen and (max-width: 960px) { .content_wrapper.contact_wrapper { min-height: 85vh } } @media screen and (max-width: 768px) { .content_wrapper.contact_wrapper { margin-top: -52px; height: 100% } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div p:last-child, .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div a { font-size: 16px; font-weight: 500 } } @media screen and (max-width: 575px) { .content_wrapper.contact_wrapper { margin-top: 71px; height: 100% } .content_wrapper.contact_wrapper .content { padding-top: 30px } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info div:after { width: 50px; height: 50px; top: -10% } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_phone:before { left: 7%; top: 30% } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_mail:before { left: 6%; top: 30% } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_info .contact_time:before { left: 6%; top: 25% } .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_form_wrapper { padding: 20px } } @media screen and (max-width: 575px) { .content_wrapper.contact_wrapper .content .contact_page_wrapper .contact_form_wrapper { padding: 20px 10px } } .order_personal { margin-top: 30px; margin-bottom: 40px; } .order_personal div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 30px } .order_personal div p { font-size: 12px; font-weight: 400; color: #8f8f8f } .order_personal div input { background: transparent; border: none; border-bottom: 1px solid #4d4d4d; width: 70%; color: #ffffff; } .order_personal div select { background: transparent; border: none; border-bottom: 1px solid #4d4d4d; width: 70%; color: #fff } .order_wrapper .form-control select{ background: #2C2C2C!important; color: #ffffff!important; font-size: 14px!important; font-weight: 500!important; } .order_personal div select option { background: #161616; color: #fff; border: none; outline: none } .order_personal div textarea { resize: none; background: transparent; border: none; border-bottom: 1px solid #4d4d4d; width: 70%; color: #fff } .order_personal .required_field p { position: relative } .order_personal .required_field p:after { content: "*"; position: absolute; top: -2px; right: -8px; color: #8f8f8f } .order_personal div:last-child { margin-bottom: 10px; margin-top: 5px; } .order_delivery_wrapper .order_delivery { margin-top: 30px } .text-danger{ width: 100%; display: flex!important; justify-content: flex-start!important; align-items: center!important; margin-top: 10px; } .order_button { display: flex; flex-direction: row; justify-content: flex-end; align-items: center } @media screen and (max-width: 960px) { .order_personal div input { max-width: 60% } .simplecheckout #buttons .order_btn { margin-top: 25px; margin-bottom: 25px; } .order_personal div textarea { max-width: 60% } .order_personal div select { font-size: 12px } .order_personal div select option { font-size: 12px } } @media screen and (max-width: 768px) { .order_personal div select { max-width: 60%; font-size: 10px } .order_personal div select option { font-size: 10px } .ordering_page_wrapper .order_personal div input { max-width: 70%; font-size: 12px } .ordering_page_wrapper .order_personal div textarea { max-width: 70%; font-size: 12px } .ordering_page_wrapper .order_personal div select { max-width: 70%; font-size: 12px } .ordering_page_wrapper .order_personal div select option { font-size: 12px } } @media screen and (max-width: 480px) { .ordering_page_wrapper .order_personal div input { max-width: 60% } .ordering_page_wrapper .order_personal div textarea { max-width: 60% } .ordering_page_wrapper .order_personal div select { max-width: 60% } .ordering_page_wrapper .order_personal div p { font-size: 10px } } .filter_page_wrapper { margin-top: 40px; padding-bottom: 60px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice { background: #0e0e0e; padding: 20px 16px 16px 16px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice p { font-weight: 500 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .filter_choice { margin-top: 12px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .filter_choice button { padding: 6px 12px 6px 26px; background: #158967; border: none; outline: none; cursor: pointer; border-radius: 13px; font-size: 12px; color: #fff; font-weight: 400; position: relative } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .filter_choice button:before { content: ""; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy45OTk4OCAwLjYxOTY0N0w3LjM4MTUxIDBMNC4wMDA0NSAzLjM4MTA2TDAuNjE5NjY5IDBMMC4wMDA3MzI0MjIgMC42MTkzNjNMMy4zODE1MSA0TDAuMDAwNzMyNDIyIDcuMzgwNjRMMC42MTk2NjkgOEw0LjAwMDQ1IDQuNjE4NjNMNy4zODE1MSA4TDcuOTk5ODggNy4zODAzNUw0LjYxOTUzIDRMNy45OTk4OCAwLjYxOTY0N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center center no-repeat; width: 8px; height: 8px; background-size: contain; left: 10%; top: 35% } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .reset_all_choice { margin-top: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .reset_all_choice p { font-size: 12px; font-weight: 500; color: #158967 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .reset_all_choice button { border: none; outline: none; cursor: pointer; position: relative; color: #158967; background: none; } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .reset_all_choice button:after{ content: ''; position: absolute; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OTUgMC45Mjk0NzFMMTEuMDcxOSAwTDYuMDAwMzEgNS4wNzE2TDAuOTI5MTM3IDBMMC4wMDA3MzI0MjIgMC45MjkwNDRMNS4wNzE5IDZMMC4wMDA3MzI0MjIgMTEuMDcxTDAuOTI5MTM3IDEyTDYuMDAwMzEgNi45Mjc5NUwxMS4wNzE5IDEyTDExLjk5OTUgMTEuMDcwNUw2LjkyODkyIDZMMTEuOTk5NSAwLjkyOTQ3MVoiIGZpbGw9IiMxNTg5NjciLz4KPC9zdmc+Cg==) center center no-repeat; width: 12px; height: 12px; right: -15px; top: 3px; } .filter_name{ display: flex; flex-direction: row; justify-content: space-between; } .filter_name .filter_content{ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc5MjUgNy4xMjU1MUw2IDIuOTI3MTdMMTAuMjA3NSA3LjEyNTUxTDExLjUgNS44MzMwMUw2IDAuMzMzMDA4TDAuNSA1LjgzMzAxTDEuNzkyNSA3LjEyNTUxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 7px; height: 11px; cursor: pointer; background-size: contain; border: none; outline: none; transform: rotate(180deg); } .filter_name .filter_content.rotate{ transform: rotate(0deg); } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose { background: #161616; padding: 20px 16px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter { padding-top: 20px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_header { display: flex; flex-direction: row; justify-content: space-between } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_header p { font-weight: 500 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_header button { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc5MjUgNy4xMjU1MUw2IDIuOTI3MTdMMTAuMjA3NSA3LjEyNTUxTDExLjUgNS44MzMwMUw2IDAuMzMzMDA4TDAuNSA1LjgzMzAxTDEuNzkyNSA3LjEyNTUxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center center no-repeat; width: 7px; height: 11px; cursor: pointer; background-size: contain; border: none; outline: none } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #282828 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .filter_cost_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-bottom: 25px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .filter_cost_wrapper div { display: flex; flex-direction: row; align-items: center; justify-content: center } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .filter_cost_wrapper div .cost_box { width: 84px; height: 36px; background: #0e0e0e; border: 1px solid #333; text-align: center; font-size: 14px; font-weight: 400; color: #fff; margin-left: 10px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .polzunok-5 { position: relative; background: #fff; height: 4px; border-radius: 10px; margin: 0 auto; max-width: 90% } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .polzunok-5 .ui-slider-range { position: absolute; z-index: 1; height: 4px; border: 0; background: #158967; border-radius: 10px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .polzunok-5 .ui-slider-handle { width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border: 6px solid #158967; position: absolute; margin-left: -16px; cursor: pointer; top: -11px; background: #fff; z-index: 2 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form { display: flex; flex-direction: column } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 10px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div label { font-size: 14px; font-weight: 400; color: #fff } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div .custom-checkbox { position: absolute; z-index: -1; opacity: 0 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div .custom-checkbox + label { display: inline-flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div .custom-checkbox + label::before { content: ""; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; background-color: #0e0e0e; border: 1px solid #333; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; margin-right: 12px; cursor: pointer } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div .custom-checkbox:checked + label::before { background-color: transparent; border: 5px solid #158967 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div:last-child { margin-bottom: 0 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content:last-child { border: none } .filter_page_wrapper .sort_item_wrapper { background: #161616; padding: 20px 30px; width: 100%; margin-left: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .filter_page_wrapper .sort_item_wrapper select { background: transparent; margin-left: 10px; border: none; outline: none; color: #fff; font-size: 14px; font-weight: 500 } .filter_page_wrapper .sort_item_wrapper select option { background: #161616; color: #fff; border: none } .content .blog_content_wrapper.filter_wrapper { margin-top: 30px; margin-left: 25px; width: 100%; } .blog_content_wrapper .product_card{ margin: 0 10px; } .content .blog_content_wrapper.filter_wrapper .product_card { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 60px } .content .blog_content_wrapper.filter_wrapper .product_card a:before { border: none; background: none } .rotate { transform: rotate(180deg) } .content_wrapper.filter_wrapper{ padding-bottom: 125px; } @media screen and (max-width: 1200px) { .filter_page_wrapper .filter_menu_wrapper .filter_menu_choice .filter_choice button { margin-bottom: 5px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content .filter_cost_wrapper div .cost_box { margin-bottom: 10px } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div label { font-size: 12px } } @media screen and (max-width: 992px){ .filter_name .filter_content{ display: flex; } .filter_page_wrapper .sort_item_wrapper { margin-left: 10px; } .content .blog_content_wrapper.filter_wrapper { margin-left: 10px; } .content .blog_content_wrapper.filter_wrapper .product_card { display: flex; justify-content: flex-end; align-items: center; margin: 0 10px 60px 10px; } .content .blog_content_wrapper .product_card:nth-child(odd) { margin-left: 0; } .content_wrapper.filter_wrapper .simple_image img{ width: 100%; } } @media screen and (max-width: 960px) { .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div label { font-size: 10px } } @media screen and (max-width: 768px) { .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div label { font-size: 12px } .filter_page_wrapper .sort_item_wrapper select { max-width: 180px; } } @media screen and (max-width: 575px) { .filter_page_wrapper { margin-top: 140px } .filter_page_wrapper .sort_item_wrapper { margin-top: 30px; margin-left: 0 } .filter_page_wrapper .filter_menu_wrapper .filter_menu_choose .filter_parameter .filter_parameter_content form div label { font-size: 14px } .content .blog_content_wrapper.filter_wrapper { margin-left: 0 } } .main .content_wrapper.about_wrapper { min-height: 80vh } .main .content_wrapper.about_wrapper .content .simple_info_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-bottom: 100px; height: 100%; } .simple_image{ padding-bottom: 50px; } .main .content_wrapper.about_wrapper .content .simple_info_wrapper p { margin-top: 10px; margin-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left } @media screen and (max-width: 1280px) { .main .content_wrapper.about_wrapper { min-height: 100vh } .main .content_wrapper.about_wrapper .content .simple_image img { width: 75% } .main .content_wrapper.about_wrapper .content .simple_info_wrapper p { font-size: 14px; line-height: 18px } } @media screen and (max-width: 1024px) { .main .content_wrapper.about_wrapper { min-height: 86vh } } @media screen and (max-width: 992px) { .main .content_wrapper.about_wrapper .simple_image { display: flex; justify-content: center; align-items: center } .main .content_wrapper.about_wrapper .simple_image img { max-width: 30% } } @media screen and (max-width: 575px) { .main .content_wrapper.about_wrapper { margin-top: 72px; padding: 30px 0 0 0 } .main .content_wrapper.about_wrapper .content .simple_info_wrapper p { font-size: 12px; line-height: 16px } } @media screen and (max-width: 375px) { .main .content_wrapper.about_wrapper .content .simple_info_wrapper { margin-top: 20px } .main .content_wrapper.about_wrapper .content .simple_info_wrapper p { font-size: 10px; line-height: 12px } li{ font-size: 11px; line-height: 13px; } } footer { background: url("/image/header/head_back.svg") center center; width: 100%; position: relative; } footer .footer_wrapper { max-width: 1170px; margin: 0 auto } footer .footer_wrapper .logo_main { padding: 18px 0; text-align: center; display: flex; align-items: flex-start; } footer .footer_wrapper ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center; height: 100% } /*footer .footer_wrapper ul li{*/ /* margin-right: 60px;*/ /*}*/ footer .footer_wrapper ul li:last-child { margin-right: 0; } footer .footer_wrapper ul .menu_link { display: flex; align-items: center; justify-content: center; height: 100% } footer .footer_wrapper ul .menu_link a { font-size: 14px; text-transform: uppercase } @media screen and (max-width: 1200px) { footer .footer_wrapper { max-width: 960px } footer .logo_main img { max-width: 230px } } @media screen and (max-width: 960px) { footer .footer_wrapper { max-width: 768px } footer .logo_main img { max-width: 170px } } @media screen and (max-width: 768px) { footer .footer_wrapper { max-width: 576px } footer .footer_wrapper ul .menu_link a { font-size: 10px } footer .logo_main img { max-width: 130px } } @media screen and (max-width: 575px) { footer { background-size: cover } footer .footer_wrapper .logo_main { align-items: center; justify-content: center; } footer .footer_wrapper { max-width: 480px } footer .footer_wrapper .row { display: flex; flex-direction: column; justify-content: center; align-items: center } footer .footer_wrapper .row ul { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100% } footer .footer_wrapper .row ul .menu_link a { font-size: 14px; margin-bottom: 20px } footer .logo_main img { max-width: 130px } } @media screen and (max-width: 575px) { footer .footer_wrapper { max-width: 375px } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #161616 inset !important; background: #161616!important; color: #FFFFFF!important; } input:-webkit-autofill { -webkit-text-fill-color: #ffffff !important; background: #161616!important; } @media screen and (min-width: 1921px){ .content_wrapper.contact_wrapper { height: calc(100vh - 210px); } .main .content_wrapper.simple_wrapper, .main .content_wrapper.about_wrapper, .main .content_wrapper.catalog_wrapper, .content_wrapper.filter_wrapper{ min-height: 100vh; } .content_wrapper{ height: 100%; } } /* p br{ display: none; }*/ .content .news_page_1 .blog_content_wrapper .product_card img { width: 100% } .news_content ul, .news_content ol{ margin-bottom: 20px; }