/* * Webasyst Default 3.0 theme family * * Core CSS file * * @link http://www.webasyst.com/ * @author Webasyst LLC * @copyright 2015 Webasyst LLC * @package Webasyst */ /*@import url('./fonts/stylesheet.css');*/ /*root variables*/ :root{ --c-orange: #E86422; --c-black: #1D1B1B; --c-dark: #323030; --c-gray: #828282; --c-gray-menu: #696969; --c-silver: #D6D6D6; --c-silver-text: #B4B4B4; --c-red: #E42016; --c-blue: #1B73A5; --c-green: #59A47E; --c-bg-silver: #F5F3F0; --c-active: #71533d; --font-rubik: 'Rubik', Arial, sans-serif; --font-jost: 'Jost', 'Helvetica Neue', Arial, sans-serif; --icon-arrows: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 16.25L7.75 10L1.5 3.75' stroke='%23E86422' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.75 16.25L18 10L11.75 3.75' stroke='%23E86422' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); --icon-arrows-down: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7803 1.96967C17.0732 2.26256 17.0732 2.73744 16.7803 3.03033L10.5303 9.28033C10.2374 9.57322 9.76256 9.57322 9.46967 9.28033L3.21967 3.03033C2.92678 2.73744 2.92678 2.26256 3.21967 1.96967C3.51256 1.67678 3.98744 1.67678 4.28033 1.96967L10 7.68934L15.7197 1.96967C16.0126 1.67678 16.4874 1.67678 16.7803 1.96967Z' fill='%23D6D6D6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7803 11.7197C17.0732 12.0126 17.0732 12.4874 16.7803 12.7803L10.5303 19.0303C10.2374 19.3232 9.76256 19.3232 9.46967 19.0303L3.21967 12.7803C2.92678 12.4874 2.92678 12.0126 3.21967 11.7197C3.51256 11.4268 3.98744 11.4268 4.28033 11.7197L10 17.4393L15.7197 11.7197C16.0126 11.4268 16.4874 11.4268 16.7803 11.7197Z' fill='%23D6D6D6'/%3E%3C/svg%3E"); --icon-info: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33301 5.33331C7.33301 4.96531 7.63167 4.66665 7.99967 4.66665C8.36767 4.66665 8.66634 4.96531 8.66634 5.33331C8.66634 5.70131 8.36767 5.99998 7.99967 5.99998C7.63167 5.99998 7.33301 5.70131 7.33301 5.33331ZM7.33301 7.33331C7.33301 6.96531 7.63167 6.66665 7.99967 6.66665C8.36767 6.66665 8.66634 6.96531 8.66634 7.33331V10.6666C8.66634 11.0346 8.36767 11.3333 7.99967 11.3333C7.63167 11.3333 7.33301 11.0346 7.33301 10.6666V7.33331ZM7.99967 13.3333C5.05901 13.3333 2.66634 10.9406 2.66634 7.99998C2.66634 5.05931 5.05901 2.66665 7.99967 2.66665C10.9403 2.66665 13.333 5.05931 13.333 7.99998C13.333 10.9406 10.9403 13.3333 7.99967 13.3333ZM7.99967 1.33331C4.31767 1.33331 1.33301 4.31798 1.33301 7.99998C1.33301 11.682 4.31767 14.6666 7.99967 14.6666C11.681 14.6666 14.6663 11.682 14.6663 7.99998C14.6663 4.31798 11.681 1.33331 7.99967 1.33331Z'%3E%3C/path%3E%3C/svg%3E"); } /* Reset -------- */ 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, credentials, 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%; } article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Common HTML elements, fonts, and colors ------------------------------------------ */ html, body { width: 100%; min-height: 100%; font-family: var(--font-jost); font-size: 16px; background: #fff; line-height: 1.4em; } a { color: var(--c-dark); outline:0 none; text-decoration: none; } a:focus { outline:none; outline-offset:-4px; } a:visited { } a.not-visited:visited { } a:hover { color: var(--c-orange); } input[type="button"]::-moz-focus-inner { border: 0; } input[type="submit"]::-moz-focus-inner { border: 0; } a img { border: 0; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; } h1 { font-size:56px; line-height: 1.4;} h1 a { text-decoration:none; } h2 { font-size: 36px; line-height: 1.4;} h3 { font-size: 24px; line-height: 1.4;} h4 { font-size: 20px; line-height: 1.4;} h5 { font-size: 16px; line-height: 1.4;} h6 { font-size: 14px; line-height: 1.4;} h1, h2, h3 { line-height:1.2em; } ul, ol { padding-top:0; } ol { list-style: decimal; } input, textarea, select { margin:0; } input, textarea { font-size: 1em; color: #000; } select { max-width: 100%; } input[type="button"]:focus { outline:none; outline-offset:-2px; } fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; } fieldset p label { width:98%; } fieldset p input[type="text"] { width:98%; } fieldset p select { width:99%; } pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0,0,0,.75); background: rgba(0,0,0,.03); padding: 16px 20px;word-wrap: normal;} blockquote { color: var(--c-gray); font-size:16px; border-left: 1px solid var(--c-silver); padding-left: 30px; background: unset; } blockquote cite { font-size: 0.9em; } hr { background-color: rgba(0,0,0,0.15); height: 1px; border: 0; } p { font-family: var(--font-jost); line-height: 1.4em; } p a { text-decoration: underline; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { color: var(--c-gray); } label, button { cursor: pointer; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea { font-family: var(--font-rubik); width: 100%; max-width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; border: 1px solid var(--c-silver); background: transparent; margin-right: 0; border-radius: 0px; font-weight: 400; font-size: 16px; height: 40px; } .input--light input::-webkit-input-placeholder, .input--light input:-moz-placeholder, .input--light input::-moz-placeholder, .input--light input:-ms-input-placeholder { color: var(--c-gray); } textarea{ height: auto; line-height: 22px; padding-top: 8px; padding-bottom: 8px; } input[type=text]::-ms-clear { display: none; width : 0; height: 0; } input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, select:focus-visible, textarea:focus-visible{ border:1px solid var(--c-silver); outline: none; } /*modificators*/ .red{ color:var(--c-red); } .-hide{ display: none; } /**/ body{ display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; overflow-x: hidden; justify-content: space-between; } .maincontent{ flex-grow:1; padding-top: 60px; width: 100%; max-width: 100%; } a[href^=tel] { text-decoration:inherit; color: inherit; } /* Buttons ---------- */ .btn, input[type=button], input[type=submit], button[type=submit]:not(.s-button), button[type=button]:not(.s-button){ font-family: var(--font-jost); text-align: center; -webkit-appearance: none; color: #fff; outline: 0; display: inline-flex; box-sizing: border-box; border-radius: 0px; padding: 7px 24px; font-weight: 500; font-size: 18px; line-height: 26px; color: #fff; background: var(--c-dark); outline: none; box-shadow: none; cursor: pointer; transition: all 0.3s ease; border: 1px solid var(--c-dark); justify-content: center; text-decoration: none!important; } .s-button{ -webkit-appearance: none; outline: 0; border: 0; padding: 0; text-decoration: none; box-shadow: none; background-color: unset; transition: all 0.3s ease; font-family: inherit; border-radius: 0; box-sizing: border-box; } /*button.s-button:hover, button.s-button:active{ background: initial; }*/ .btn:hover, input[type=button]:hover, input[type=submit]:hover, button[type=submit]:not(.s-button):hover, button[type=button]:not(.s-button):hover{ border-color: var(--c-orange); color: #fff; background-color: var(--c-orange); border-color: var(--c-orange); } .btn:disabled, input[type=button]:disabled, input[type=submit]:disabled { background-color: rgba(0, 0, 0, 0.05); color: var(--c-gray); cursor: none; } .btn:active, button:not(.s-button):active, input[type=button]:active, input[type=submit]:active, button[type=submit]:not(.s-button):active, button[type=button]:not(.s-button):active{ } .btn:disabled, button[type=submit]:not(.s-button):disabled, button[type=button]:not(.s-button):disabled, input[type=button]:disabled, input[type=submit]:disabled { background-color: rgba(0, 0, 0, 0.05)!important; color: var(--c-gray)!important; cursor: not-allowed; text-shadow: 0 1px 1px #fff; } .btn.btn--small, button[type=button].btn.btn--small, button[type=submit].btn.btn--small, input[type=submit].btn.btn--small, input[type=button].btn.btn--small{ font-family: var(--font-rubik); color: #fff; padding: 7px 12px; font-weight: 400; font-size: 16px; line-height: 17px; } .btn.btn--light, .btn.btn--small.btn--light, button[type=button].btn.btn--light, button[type=submit].btn.btn--light, input[type=submit].btn.btn--light, input[type=button].btn.btn--light, button[type=button].btn.btn--small.btn--light, button[type=submit].btn.btn--small.btn--light, input[type=submit].btn.btn--small.btn--light, input[type=button].btn.btn--small.btn--light { color: var(--c-dark); background-color:#fff; border: 1px solid var(--c-silver); } .btn.btn--large, button[type=button].btn.btn--large, button[type=submit].btn.btn--large, input[type=submit].btn.btn--large, input[type=button].btn.btn--large { font-size: 1.6em; padding: 7px 10px; font-weight: bold; } .btn.btn--gray, button[type=button].btn.btn--gray, button[type=submit].btn.btn--gray, input[type=submit].btn.btn--gray, input[type=button].btn.btn--gray { background-color:var(--c-gray); } .btn.btn--gray, button[type=button].btn.btn--gray:hover, button[type=submit].btn.btn--gray:hover, input[type=submit].btn.btn--gray:hover, input[type=button].btn.btn--gray:hover{ opacity: 0.8; color: #fff; } .btn.btn--white, button[type=button].btn.btn--white, button[type=submit].btn.btn--white, input[type=submit].btn.btn--white, input[type=button].btn.btn--white{ background-color: #fff; color: #000; } .btn.btn--white, button[type=button].btn.btn--white:hover, button[type=submit].btn.btn--white:hover, input[type=submit].btn.btn--white:hover, input[type=button].btn.btn--white:hover{ color: var(--c-active); } .btn.btn--orange, button[type=button].btn.btn--orange, button[type=submit].btn.btn--orange, input[type=submit].btn.btn--orange, input[type=button].btn.btn--orange{ background: var(--c-orange); color: #fff; border-color: var(--c-orange); } .btn.btn--orange:hover, button[type=button].btn.btn--orange:hover, button[type=submit].btn.btn--orange:hover, input[type=submit].btn.btn--orange:hover, input[type=button].btn.btn--orange:hover{ background: var(--c-orange); } .btn.btn--outline, button[type=button].btn.btn--outline, button[type=submit].btn.btn--outline, input[type=submit].btn.btn--outline, input[type=button].btn.btn--outline{ color: var(--c-dark); font-weight: 400; background: transparent; border: 1px solid var(--c-dark); padding: 6px 24px; } .btn.btn--outline:hover, button[type=button].btn.btn--outline:hover, button[type=submit].btn.btn--outline:hover, input[type=submit].btn.btn--outline:hover, input[type=button].btn.btn--outline:hover{ border-color: var(--c-orange); color: var(--c-orange); } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* Misc elements ---------------- */ .small { font-size: 0.9em; } .large { font-size: 1.1em; } .bold { font-weight: bold; } .strike { text-decoration: line-through; } .highlighted { background: #ffc; } .hint { color: #aaa; font-size: 0.9em; } .hint a, .hint:visited, .hint a:visited { color: #888; } .gray { color: var(--c-silver); } .gray a, .gray:visited, .gray a:visited { color: #888; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; } .nowrap { white-space: nowrap; } .hr { border-top: 1px solid #ccc; margin-bottom: 15px; } .uppercase { text-transform: uppercase; } .blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .container { max-width: 1300px; margin: 0 auto; padding-left: 30px; padding-right: 30px; box-sizing: border-box; } .bg-overlay{ z-index: -1; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(50, 48, 48, 0.55); transition: all 1s ease; opacity: 0; visibility: hidden; -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, backdrop-filter; transition-property: background-color, backdrop-filter, -webkit-backdrop-filter; -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background-color: rgba(50, 48, 48, 0.55); filter: url("data:image/svg+xml;utf9,#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); } .is-show--menu-mobile .bg-overlay, .is-show-fcart .bg-overlay, .is-show--catalog .bg-overlay, .is-show--category-sidebar .bg-overlay{ opacity: 1; z-index: 1000; visibility: visible; transition: all 1s ease;} .is-show--catalog .bg-overlay{ z-index: 20; } .is-show--search-aside .bg-overlay{ opacity: 1; z-index: 1000; visibility: visible; transition: all 1s ease;} /*search*/ .search-aside{ position: fixed; top: 0; left: 0; right: 0; max-height: 90vh; padding: 20px 0; z-index: 1001; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .is-show--search-aside .search-aside{ opacity: 1; visibility: visible; } .search-aside .ssearch-wrapper .ssearch-result{ max-height: calc(100vh - 150px); overflow-x: hidden; display: block; overflow-y: auto; } .ssearch-wrapper .ssearch-result-box a{ color: var(--c-orange)!important; } /*select styling*/ .select-list { position: relative; font-family: var(--font-rubik); } .select-list--st .select-list_toggle{ justify-content: space-between; } .select-list_toggle { width: 100% ; cursor: pointer; } .select-list__head{ width: 100%; padding: 0 12px; position: relative; display: flex; border: 1px solid var(--c-silver); height: 33px; line-height: 32px; box-sizing: border-box; } .select-list__label{ white-space: nowrap; font-style: normal; font-weight: 400; font-size: 16px; margin-right: 5px; } .select-list_toggle { display: flex; justify-content: space-between; align-items: center; } .select-list_toggle span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-list_toggle a, .select-list_toggle a:hover{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; font-style: normal; white-space: nowrap; font-style: normal; font-weight: 400; font-size: 16px; } .select-list_toggle i{ display: none; } .select-list__items { width: 100%; border: 1px solid var(--c-silver); transition: all 0.3s ease; opacity: 0; visibility: hidden; list-style: none; z-index: 9; top: 100%; position: absolute; margin: 0; box-sizing: border-box; background: #fff; padding: 0; } .select-list_toggle svg{ min-width: 20px; margin-left: 10px; } .select-list__items li{ display: block; } .select-list__items li label input{ display: none; } .select-list__items li label span, .select-list__items li a{ display: block; padding: 7px 12px; white-space: nowrap; color: var(--c-dark); } .select-list__items li.selected a, .select-list__items li label input:checked + span{ background: var(--c-dark); color: #fff; } .select-list.is-show .jq-selectbox__trigger-arrow svg{ transform: rotateX(-180deg); } .select-list.is-show .select-list__items{ opacity: 1; visibility: visible; margin-top: -1px; } .page-padding{ padding: 0 120px; } .formated.formated--two-column{ column-count: 2; column-gap: 120px; } .formated p{ font-size: 16px; line-height: 24px; } .formated a{ color: var(--c-orange); } .formated a:hover, .formated a:active{ color: var(--c-orange); } .formated ul, .formated ol{ counter-reset: section; padding-left: 32px; margin: 16px 0;} .formated ol li{ font-size: 16px; line-height: 24px; list-style: none; position: relative; margin-bottom: 8px;} /*.formated ul li:before{ content: ""; position: absolute; top: 10px; left: -22px; width: 4px; height: 4px; border-radius: 99px; background: var(--c-orange); }*/ .formated ol li:before{ counter-increment: section; content: counters(section,".") " "; position: absolute; top: 6px; left: -22px; font-size: 14px; font-weight: bold; line-height: 1; color: var(--c-orange); } .formated p, .formated ol, .formated ul { break-inside: avoid-column; } .formated p{ margin-bottom: 20px; font-family: var(--font-rubik); font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: var(--c-dark); } .formated h1{ font-weight: 400; font-size: 32px; } .formated h2{ font-weight: 500; font-size: 28px; } .formated h3{ font-weight: 500; font-size: 26px; } .formated h4{ font-weight: 500; font-size: 22px; } .formated h5{ font-weight: 500; font-size: 18px; } .formated ul{ padding: 0; margin: 0; padding-left: 30px; } .formated li{ font-family: var(--font-rubik); color: var(--c-black); margin-bottom: 20px; list-style: none; position: relative; font-weight: 400; font-size: 16px; line-height: 19px; } .formated li:before{ content: ''; position: absolute; left: -18px; top: 7px; width: 6px; height: 6px; background: var(--c-orange); } .formated li span { color: var(--c-gray); display: block; padding-top: 10px;} .formated strong, .formated b{ font-weight: 500; } @media screen and (max-width: 960px) { .formated.formated--two-column{ column-count: 1; } } /*search plugin*/ /*SearchSmart css*/ .ssearch-wrapper.is-focus .ssearch-box, .ssearch-wrapper.is-focus .ssearch-result-box{ border-color: #1D1B1B; } .ssearch-wrapper{ position: relative; font-size: 14px; z-index: 999; text-align: left;} .ssearch-wrapper .ssearch-box{ display: flex; align-items: flex-end; border: 1px solid #B4B4B4; padding: 15px 76px; display: flex; flex-direction: row-reverse; background: #fff; z-index: 9; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ssearch-wrapper .ssearch-box .ssearch-key-box{ width: 100%; position: relative;} .ssearch-wrapper .ssearch-box .ssearch-key-box.with_categories{ margin-right: 206px; } .ssearch-wrapper .ssearch-box .ssearch-right{ } .ssearch-wrapper .ssearch-box .ssearch-submit{ margin-right: 30px; font-weight: 400; font-size: 26px; line-height: 38px; border-radius: 0;cursor: pointer; color: #fff; line-height: 40px;height: 40px;display: inline-block; } .ssearch-wrapper .ssearch-box .ssearch-key-box input{ font-family: var(--font-rubik); outline: none; flex-grow: 1; height: 22px; line-height: 22px; border: none; border-radius: 0!important; border-bottom: 1px solid var(--c-black)!important; height: 30px; padding: 0; } .ssearch-wrapper .ssearch-box .ssearch-select-box{position: relative;width: 130px; display: inline-block;vertical-align: top;} .ssearch-wrapper .select-box-label{ position: relative; cursor: pointer; white-space:nowrap; overflow: hidden; height: 38px; padding: 0 12px; line-height: 38px; border-left: 1px solid #cbcbcb; } .ssearch-wrapper .select-box-label .icon-down{ position: absolute; top: 1px; right: 0; width: 20px; bottom: 1px; background:#fff; } .ssearch-wrapper .select-box-list{ display: none; background: #fff; position: absolute; top: 38px; right: -2px; border: 1px solid #cbcbcb;} .ssearch-wrapper .select-box-list > ul { padding: 6px 0; margin-bottom: 0; max-height: 200px; overflow-y: auto; } .ssearch-wrapper .select-box-list ul{ padding: 0; margin: 0; margin-bottom: 4px; list-style: none;} .ssearch-wrapper .select-box-list ul li{ display: block; } .ssearch-wrapper .select-box-list span{ cursor: pointer; line-height: 28px; max-width: 26ch; overflow: hidden; text-overflow: ellipsis ; display: block; padding: 0 12px; white-space: nowrap; } .ssearch-wrapper .select-box-list span:hover{ background: #eaeaea; } .ssearch-wrapper .select-box-list span.selected{ font-weight: bold; color: #000; } .ssearch-wrapper .select-box-list .childs span.selected{ font-weight: bold; color: #000; } .ssearch-wrapper .select-box-list .childs span{ padding-left: 22px; color:#777; } .ssearch-wrapper .select-box-list .childs .childs span{ padding-left: 32px; } .ssearch-wrapper .select-box-list .childs .childs .childs span{ padding-left: 42px; } .ssearch-wrapper .select-box-list .collapsible > span{ position: relative; padding-right: 24px;} .ssearch-wrapper .select-box-list .collapsible > span:after{ content: ''; z-index: 1; position: absolute; top: 0; right: 0; width: 20px; bottom: 0; background: } .ssearch-wrapper .ssearch-key-box input::-webkit-input-placeholder { color: #B4B4B4; } .ssearch-wrapper .ssearch-key-box input:-moz-placeholder, .ssearch-wrapper .ssearch-key-box input::-moz-placeholder { color: #B4B4B4; } .ssearch-wrapper .ssearch-key-box input:-ms-input-placeholder { color: #B4B4B4; } /* result*/ .ssearch-wrapper .ssearch-result-box{ padding-right: 76px; box-shadow:none; border: 1px solid #B4B4B4; border-top: 0; z-index: 9; padding-left: 180px; padding-bottom: 48px; background: #fff; border-radius: 0px; overflow:hidden; position: absolute; top: 100%; margin-top: -1px; left: 0; right: 0; } .ssearch-wrapper .ssearch-result-box a{ color: #06c; text-decoration: none; } .ssearch-wrapper .ssearch-all-result{ padding-left: 180px; background: #fff; font-size: 16px; position: absolute; bottom: 0; right: 0; left: 0; cursor: pointer; display: block; color: #e62e04; height: 48px; line-height: 48px; text-align: left; } .ssearch-wrapper .ssearch-all-result:hover{ color: var(--c-orange); } .ssearch-wrapper .ssearch-all-result.active{ } .ssearch-wrapper .ssearch-result{ overflow-y: auto; padding: 6px 0 0; max-height: 600px; } .ssearch-wrapper .ssearch-result .ssearch-item.active{ background: #f4f4f4; } .ssearch-wrapper .ssearch-result .label-result{ background: #fff; border-bottom: 1px solid #B4B4B4; border-top: 0; text-align: right; padding: 0 12px; font-size: 12px; line-height: 20px; color: #777; text-transform: uppercase; } .ssearch-wrapper .ssearch-result .result-categories a, .ssearch-wrapper .ssearch-result .result-suggestions span{ cursor: pointer; display: block; padding: 8px 0px; color: #1d1b1b; font-size: 16px; line-height: 22px; white-space: nowrap; } .ssearch-wrapper .ssearch-result .result-categories a:hover, .ssearch-wrapper .ssearch-result .result-suggestions span:hover{ color: #1D1B1B; } .ssearch-wrapper .ssearch-result .result-products.with-image .result-product{ padding-left: 72px; min-height: 72px; } .ssearch-wrapper .ssearch-result .result-products a:hover .title{ color: #1d1b1b; } .ssearch-wrapper .ssearch-result .result-product{ padding: 8px 0px; position: relative; display: block; } .ssearch-wrapper .ssearch-result .result-product:last-of-type{ border: none; } .ssearch-wrapper .ssearch-result .result-product .image{ position: absolute; text-align: center; width: 64px; line-height: 64px; left: 4px; top: 50%; margin-top: -32px; } .ssearch-wrapper .ssearch-result .result-product .image img{ display: inline-block; max-width: 100%; max-height: 64px; vertical-align: middle; } .ssearch-wrapper .ssearch-result .result-product .title{ color: #828282; font-size: 16px; line-height: 22px; display: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ssearch-wrapper .ssearch-result .result-product .summary{ display: block; margin-bottom: 6px; text-overflow: ellipsis; font-size: 12px; color: #999; line-height: 18px; max-height: 36px; overflow:hidden; } .ssearch-wrapper .ssearch-result .result-product .pricing .price{ font-weight: bold; font-size: 16px; color: #000;} .ssearch-wrapper .ssearch-result .result-product .pricing .compare-at-price{ text-decoration: line-through; color: #777; } /*small screen*/ /*theme*/ .theme-iconsearch{ } .theme-iconsearch.ssearch-wrapper .ssearch-box .ssearch-submit{ width: 48px; text-indent: -9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .theme-iconsearch.ssearch-wrapper .select-box-label{ border: none; } @media screen and (max-width: 1080px){ .ssearch-wrapper .ssearch-box{ padding-left: 20px; padding-right: 15px; } .ssearch-wrapper .ssearch-box .ssearch-submit{ font-weight: 400; font-size: 18px; line-height: 26px; margin-right: 15px; height: 26px; } .ssearch-wrapper .ssearch-result-box, .ssearch-wrapper .ssearch-all-result{ padding-right: 15px; padding-left: 82px; } } @media screen and (max-width: 760px){ .ssearch-wrapper .ssearch-box{ padding: 6px 15px 6px 20px; } .ssearch-wrapper .ssearch-box .ssearch-key-box input{ height: 20px; line-height: 20px; font-size: 14px } } @media screen and (max-width: 420px){ .ssearch-wrapper .ssearch-result-box, .ssearch-wrapper .ssearch-all-result{ padding-left: 20px } } /**/ .wa-flex-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wa-flex-box.middle { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wa-flex-box.wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wa-flex-box.full-line { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wa-flex-box.fixed { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .wa-flex-box.fixed.fixed > * { -webkit-flex-basis: 100%; flex-basis: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; -ms-box-flex: 0; box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; } .wa-flex-box > *.middle { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } .wa-flex-box.space-025 > *:not(:last-child) { margin-right: 0.25rem; } .wa-flex-box.space-05 > *:not(:last-child) { margin-right: 0.5rem; } .wa-flex-box.space-075 > *:not(:last-child) { margin-right: 0.75rem; } .wa-flex-box.space-1 > *:not(:last-child) { margin-right: 1rem; } .wa-flex-box.space-2 > *:not(:last-child) { margin-right: 2rem; } .wa-flex-box.space-3 > *:not(:last-child) { margin-right: 3rem; } .wa-flex-box.space-4 > *:not(:last-child) { margin-right: 4rem; } .wa-flex-box.space-5 > *:not(:last-child) { margin-right: 0.5rem; } /*common*/ .link-arrows{ font-weight: 400; font-size: 18px; line-height: 26px; display: inline-flex; align-items: center; } .link-arrows:after{ content: ""; background-image: var(--icon-arrows); width: 20px; height: 20px; display: inline-block; margin-left: 15px; margin-top: 2px;} .gheading{ margin-bottom: 30px; padding-left: 76px; font-weight: 400; font-size: 30px; line-height: 43px; } .gheading.gheading--center{ padding-left: 0; text-align: center; padding-right: 0; } .link-icon{ display: inline-flex; font-weight: 400; font-size: 16px; line-height: 22px; } .link-icon svg{ margin-left: 14px; stroke: var(--c-orange); margin-top: -2px; } /*slick */ .slick-dots{ left: 50%; transform: translate(-50%,0); display: flex; position: absolute; bottom: 20px; padding: 0; margin: 0; } .slick-dots li{ list-style: none; padding: 0 5px; } .slick-dots li button[type=button]{ border: none; background: var(--c-silver); padding: 0; margin: 0 auto; width: 10px; height: 10px; border-radius: 99px; text-indent: -99999px; } .slick-dots li.slick-active button[type=button]{ background: var(--c-orange); } .slick-dots li:not(.slick-active):hover button[type=button]{ background: var(--c-gray); } /*page*/ .page-title { font-weight: 600; font-size: 36px; line-height: 1.33; margin-bottom: 16px; } .page-header--centered{ text-align: center; padding-top: 60px; } .page-body{ padding-bottom: 100px; } .page-body.with-sidebar{ display: flex; justify-content: space-between; } .page-sidebar{ width: 216px; padding-right: 64px; min-width: 216px; } .page-content{ flex: 1; } .my-nav{ margin-top: 0; margin-bottom: 12px; padding:16px 16px; } .my-nav li{ list-style: none; } .my-nav li.divide{ padding-top: 6px; } .my-nav a{ color: var(--c-dark); display: block; padding: 6px 0 6px 14px; font-size: 15px; font-weight: normal; line-height: 22px; } .my-nav a:hover { color: var(--c-orange);} .my-nav .selected a{ color: var(--c-dark); font-weight: 600;} .my-nav .selected a{ position: relative; display: flex; padding-left: 0; justify-content: flex-start; align-items: center;} .my-nav .selected a:before{ content: ""; width: 4px; min-width: 4px; height: 4px; border-radius: 99px; margin-right: 10px; } .sub-links{ display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 12px; } .sub-links li{ list-style: none; padding-right: 16px; margin-bottom: 12px; } .sub-links li a{ font-size: 14px; cursor: pointer; padding: 0 24px; display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 8px; background: #fff; border: 1px solid var(--c-silver2); box-sizing: border-box; } .sub-links li a:after{ content: ""; width: 20px; height: 20px; margin-left: 12px; background: url(img/icon-darr.svg) center/20px no-repeat; } .discountcard-my-block{ padding: 36px; position: relative; padding-right: 50%; background: var(--c-bg-silver); border-radius: 16px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 48px; } .discountcard-label{ padding-right: 12px; width: 100%; color: var(--c-silver); font-size: 12px; line-height: 22px; } #discountcard-input{ margin-top: 6px; width: 200px; max-width: 100%; margin-right: 12px; } #discountcard-submit{ margin-top: 6px; } .discountcard-discount, .discountcard_amount{ position: absolute; left: 50%; padding: 6px 24px; width: 50%; box-sizing: border-box; margin: 0; } .discountcard-discount{ top: 58px; } .discountcard_amount{ top: 84px; } .wa-form-wrapper { width: 360px; max-width: 100%; margin: 0 auto; padding: 20px 0 80px; } .wa-form-wrapper input{ } .wa-form-wrapper .wa-field .wa-value input[type="text"], .wa-form-wrapper .wa-field .wa-value input[type="email"], .wa-form-wrapper .wa-field .wa-value input[type="password"]{ width: 100%; padding: 0 16px; } .wa-signup-url, .wa-login-url{ text-align: center; } .wa-signup-url a, .wa-login-url a{ text-decoration: underline; display: inline-block; padding: 0 8px; } .wa-form-wrapper .wa-login-form-wrapper .wa-login-form-fields .wa-login-forgotpassword-url { margin-right: 0; display: block; text-align: right; } .wa-forgotpassword-form-wrapper .wa-field .wa-forgotpassword-button{ width: 100%; display: block; margin: 1.071428571428571em 0 0; } .error-wrapper{ text-align: center; padding-bottom: 148px; } .error-img{ max-height: 240px; margin-top: 48px; margin-bottom: 24px; } .error-message{ font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 24px; } .error-text{ color: var(--c-gray); font-weight: bold; font-size: 16px; line-height: 24px; } .error-text a{ color: var(--c-red); text-decoration: underline; } .error-text a:hover{ color: var(--c-dark); } /*breacrumbs*/ .breadcrumbs { margin-top: 30px; margin-bottom: 20px; overflow-y: auto;} .breadcrumbs__inner { padding-right: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .breadcrumbs__item a{ color: var(--c-silver); white-space: nowrap; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; } .breadcrumbs__item a:hover{ color: var(--c-orange); } .breadcrumbs__separate { padding: 0 3px; color: var(--c-silver); font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; } .breadcrumbs__item--last{ color: var(--c-silver); text-decoration: none; } /*section*/ .subscribe { color: #fff; display: flex; min-height: 412px; box-sizing: border-box; align-items: center; padding: 82px 0; margin-bottom: 200px; background: linear-gradient(0deg, rgba(24, 24, 24, 0.8), rgba(24, 24, 24, 0.8)), url(img/bg-subscribe.jpg) center bottom/cover no-repeat; } .container.subscribe__inner { width: 100%; display: flex; justify-content: space-between; padding: 0 76px; } .subscribe__head { width: 40%; } .subscribe__title { font-weight: 400; font-size: 30px; line-height: 43px; margin-bottom: 22px; } .subscribe__text { font-weight: 400; font-size: 20px; line-height: 24px; } .subscribe__form { width: 426px; } .subscribe__form input{ width: 100%; margin-bottom: 30px; color: #fff;} .subscribe__form button{ width: 100%; border: 1px solid #fff!important; } .subscribe__form button:hover{border-color:var(--c-orange)!important; } /*mobile menu*/ .mobile-menu{ position: fixed; left: -280px; top: 0; bottom: 0; background: #fff; z-index: 100001; width: 280px; padding: 0 16px 28px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .mobile-menu__inner {} .mobile-menu__header { position: absolute; top: 0; left: 0; right: 0; padding: 0 16px; } .mobile-menu__close { justify-content: space-between; flex-direction: row-reverse; height: 48px; display: inline-flex; padding: 12px 0; border-bottom: 1px solid var(--c-bg-silver); align-items: center; width: 100%; } .mobile-menu__close span{ margin-left: 0; font-size: 18px; line-height: 27px; color: var(--c-dark); } .mobile-menu__close svg{ stroke: var(--c-gray); } .mobile-menu__body { position: absolute; overflow-y: auto; left: 0; right: 0; top: 48px; bottom: 0; padding: 16px 16px 40px; } .is-show--menu-mobile .mobile-menu{ opacity: 1; visibility: visible; left: 0; } .menu-mobile.ul-menu{ flex-direction: column; justify-content: flex-start; margin-top: -12px; } .menu-mobile .ul-menu__li{ padding-left: 0; flex-direction: column; width: 100%; } .menu-mobile .ul-menu__a{ font-size: 18px; font-weight: 500; color: var(--c-dark); width: 100%; display: flex; padding: 12px 8px; } .menu-mobile .ul-menu__ul{ margin: 0; margin-bottom: 6px; visibility: visible; opacity: 1; position: static; background: transparent; padding: 0; padding-left: 16px; } .menu-mobile .ul-menu__ul .ul-menu__a { font-size: 14px; font-weight: 400; } .menu-mobile .ul-menu__ul .ul-menu__li .ul-menu__a:hover{ color: var(--c-orange); } .ul-menu { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } .ul-menu__li { position: relative; display: inline-flex; padding-left: 24px; } .ul-menu__a { font-size: 14px; line-height: 17px; color: var(--c-gray); } .ul-menu__li:hover > .ul-menu__a, .ul-menu__a:hover{ color: var(--c-orange); } /*paging*/ .paging-nav{ } .paging-nav ul{ padding: 0; display: flex; justify-content: center; align-items: center; } .paging-nav li{ list-style: none; padding: 0; margin: 0px; } .paging-nav li a{ font-weight: 500; font-size: 20px; color: var(--c-silver); padding: 0 5px; width: auto; height: 32px; border-radius: 99px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .paging-nav li.selected a{ color: var(--c-dark); } .paging-nav li a:hover{ color: var(--c-orange); } .paging-nav li span{ display: inline-block; font-weight: 500; font-size: 20px; line-height: 32px; color: var(--c-silver); padding: 0 5px; } .paging-nav li a.inline-link{ padding: 0 20px; } .paging-nav li a svg{ stroke: var(--c-gray); } .paging-nav li a:hover svg{ stroke: var(--c-orange); } .paging-nav li a:hover i{ opacity: 0.8; } .paging-nav li a i{ width: 24px; height: 24px; display: inline-flex; transition: all 0.3s ease; } .paging-nav li a .icon-larr{ background: url(img/icon-larr.svg) center no-repeat; } .paging-nav li a .icon-rarr{ background: url(img/icon-rarr.svg) center no-repeat; } /*messages*/ .page-message{ padding: 16px; text-align: center; color: var(--c-dark);} .page-message--inline{ display: inline-flex; } .page-message--success{ background: var(--c-green); color: #fff; } .page-message--error{ background: var(--c-pink); color: var(--c-red); } .page-message--dark{ background: var(--c-dark); color: #fff; } /*alert message*/ .message-alert { top: -100%; opacity: .9; position: fixed; z-index: 100999; right: 80px; max-width: 40ch; border-radius: 0px; padding: 8px 16px; line-height: 140%; font-size: 15px; font-weight: 500; color: #fff; background: var(--c-dark); transition: all .8s ease } .message-alert.message-alert--success { background: var(--c-orange); } .message-alert.message-alert--error { background: var(--c-red); } .message-alert.message-alert--info { background: var(--c-bg-silver); color: var(--c-dark); } .message-alert.is-show { top: 64px; } /*404*/ .page-error{ padding: 80px; } /**/ .orders-item__row { display: flex; padding: 12px 0; border-top: 1px solid var(--c-bg-silver);} .orders-item__row > *{ color: var(--c-dark); padding:6px; box-sizing: border-box; } .orders-item__row:hover .orders-item__id{ color: var(--c-red); } .orders-item__id { min-width: 8%; width: 8%;} .orders-item__status { min-width: 12%; width: 12%; } .orders-item__items { } .orders-item__info { min-width: 30%; width: 30%; } .orders-item__shipping, .orders-item__payment { margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-start;} .orders-item__date { text-align: right; min-width: 15%; width: 15%; } .orders-item__status .order-status { border-radius: 99px; padding: 4px 10px; } .orders-item__label{ min-width: 100px; color: var(--c-silver); } .orders-item__items ul{ margin: 0; } .orders-item__items ul li{ font-size: 14px; line-height: 22px; } h3 .order-status{ font-size: 16px; padding: 4px 10px; border-radius: 99px; } .tflex{ margin: 24px 0; } .tflex-row{ display: flex; border-bottom: 1px solid var(--c-silver2); } .tflex-row.no-border{ border-bottom: none; } .tflex-row .price{ color: var(--c-dark); } .tflex-row >*{ padding: 12px 10px; } .tflex-row >*:nth-child(1){ width: 60%; } .tflex-row >*:nth-child(2){ width: 20%; } .tflex-row >*:nth-child(3){ width: 20%; } .tflex-row--min.tflex-row >*:nth-child(1){ width: 80%; } .tflex-row.large{ font-size: 20px; } .pin-form{ padding: 36px; position: relative; border: 1px solid var(--c-silver2); border-radius: 16px; display: flex; flex-direction: column; align-items: center; margin-bottom: 48px; } .pin-form p{ text-align: center; max-width:60ch; } .pin-form .field{ display: flex; justify-content: center; } .pin-form .field input[type=text]{ margin-right: 12px; max-width: 100%; width: 200px; } @media screen and (max-width: 760px) { .wa-flex-box.adaptive { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .wa-flex-box.adaptive.space-025 > *:not(:first-child) { margin-top: 0.25rem; } .wa-flex-box.adaptive.space-025 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-05 > *:not(:first-child) { margin-top: 0.5rem; } .wa-flex-box.adaptive.space-05 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-075 > *:not(:first-child) { margin-top: 0.75rem; } .wa-flex-box.adaptive.space-075 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-1 > *:not(:first-child) { margin-top: 1rem; } .wa-flex-box.adaptive.space-1 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-2 > *:not(:first-child) { margin-top: 2rem; } .wa-flex-box.adaptive.space-2 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-3 > *:not(:first-child) { margin-top: 3rem; } .wa-flex-box.adaptive.space-3 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-4 > *:not(:first-child) { margin-top: 4rem; } .wa-flex-box.adaptive.space-4 > *:not(:last-child) { margin-right: 0; } .wa-flex-box.adaptive.space-5 > *:not(:first-child) { margin-top: 0.5rem; } .wa-flex-box.adaptive.space-5 > *:not(:last-child) { margin-right: 0; } } .g-main{ min-height: 40vh; } .rating{ display: inline-flex; justify-content: flex-start; align-items: center; } .rating > *{ width: 20px; height: 20px; margin-right: 3px; } .rating .star{ background: url(img/icon-star.svg) center/contain no-repeat; } .rating .star-empty{ background: url(img/icon-star-empty.svg) center/contain no-repeat; } .rating.rating--light .star-empty{ background: url(img/icon-star-empty--white.svg) center/contain no-repeat; } .rating .star-half{ background: url(img/icon-star-half.svg) center/contain no-repeat; } /*general header*/ .gheader { background: var(--c-dark); height: 60px; z-index: 199; position: fixed; top: 0; left: 0; right: 0; } .container {} .gheader__inner { display: flex; justify-content: space-between; height: 100%; } .gheader__left { display: flex; justify-content: flex-start; align-items: center; } .header__logo{ display: flex; padding-right: 20px; } .header__logo-link{ display: inline-flex; align-items: center; } .gheader__menu{ gap: 30px; padding: 0; margin: 0; display: flex; align-items: stretch; } .gheader__menu > li{ position: relative; list-style: none; display: inline-flex; align-items: stretch; } .gheader__menu > li > a{ display: inline-flex; align-items: center; font-size: 18px; font-weight: 500; font-size: 18px; color: #fff; transition: all 0.3s ease; } .gheader__menu > li > a:hover{ color: var(--c-orange); } .gheader__menu > li:hover .gheader__submenu{ opacity: 1; visibility: visible; } .gheader__right { display: flex; justify-content: flex-end; align-items: center; } .gheader__submenu{ opacity: 0; visibility: hidden; position: absolute; top: 100%; left: -70px; background: #fff; } .gheader__submenu ul{ box-sizing: border-box; margin: 0; background: #fff; position: relative; min-height: 100%; padding: 27px 70px; } .gheader__submenu ul ul{ opacity: 0; visibility: hidden; position: absolute; left:100% ; top: 0; transition: none; } .gheader__submenu ul li{ list-style: none; padding: 13px 0; } .gheader__submenu ul li a{ white-space: nowrap; font-family: var(--font-rubik); color: var(--c-gray-menu); font-weight: 400; font-size: 16px; line-height: 140%; } .gheader__submenu ul li:hover > a{ color: var(--c-black); } .gheader__submenu ul li:hover > ul{ left: calc(100% - 70px); opacity: 1; visibility: visible; transition: all 0.5s ease;} .gheader__actions { display: flex; align-items: stretch; height: 100%;} .gheader__action { position: relative; display: inline-flex; height: 100%; padding: 0 10px; align-items: center; } .gheader__action svg{ stroke: #fff; transition: all 0.3s ease;} .gheader__action--cart {} .gheader__action-count { color: var(--c-orange); font-weight: 500; font-size: 14px; line-height: 20px; position: absolute; top: 10px; left: 50%; margin-left: 12px; } .gheader__action--compare {} .gheader__action:hover svg{ stroke:var(--c-orange); } .gheader__search {} .gheader__right{ } .gheader__contact { margin-left: 42px; } .gheader__contact a{ font-style: normal; font-weight: 500; font-size: 16px; color: #fff; white-space:nowrap; } .gheader__langs { padding-left: 15px; } .languages { display: flex; } .languages__item { display: none; font-weight: 500; font-size: 16px; line-height: 23px; text-transform: uppercase; color: #fff; } .languages__item.is-active{ display: block; } .languages__item.is-active .lang__code{ display: block; } .languages__item .lang__code{ display: none; } .languages__item .lang__country{ display: none; } .header__regions{ } .header__regions {} .hregions { display: flex; align-items:center; height: 100%; } .hregions__link { padding: 0 10px; display: flex; align-items:center; } .icon-svg {} .hregions__icon {} .hregions__city { white-space:nowrap; cursor: pointer; margin-left: 2px; color: #E86422; font-family: Jost; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } .hregions__arrow { margin-left: 4px; } .shop-regions__button{ display: flex; align-items:center; height: 100%; } /*general footer*/ .gfooter { background: var(--c-dark); padding-top: 80px; padding-bottom: 48px; color: #fff; } .gfooter__inner{ display: flex; } .gfooter ul{ padding: 0; margin: 0; } .gfooter ul li { list-style: none; } .gfooter__col { flex-basis: 17%;} .gfooter__col--logo{ flex-basis: 17%; } .gfooter__logo { } .gfooter__col--large { flex-grow:1 ; } a.gfooter__phone{ display: block; margin-bottom: 13px; font-weight: 500; font-size: 20px; line-height: 29px; color: var(--c-orange); } .gfooter__address, .gfooter__worktime, .gfooter__email { font-family: var(--font-rubik); font-weight: 400; font-size: 16px; line-height: 140%; } a.gfooter__email { margin-top: 20px; display: block; color: #fff; } .gfooter-menu { display: flex; } .gfooter-menu li{ margin-bottom: 12px; } .gfooter-menu li a{ color: #fff; font-weight: 400; font-size: 14px; line-height: 17px; } .gfooter-menu li a:hover, .gfooter ul li.gfooter-menu__col > a:hover{ color: var(--c-orange); } .gfooter-menu__col{ padding-right: 60px; } .gfooter-menu__col ul a{ font-family: var(--font-rubik); } .gfooter ul li.gfooter-menu__col > a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; text-transform: capitalize; color: #fff; } .gfooter ul li.gfooter-menu__col ul{ margin-top: 20px; } .gfooter ul.gfooter__copyright { display: flex; padding-left: 17%; padding-top: 58px; } .gfooter__copyright li { margin-right: 110px; } .gfooter__copyright a{ font-family: var(--font-rubik); color: var(--c-gray); } .gfooter__copyright a:hover{ color: var(--c-orange); } /**/ #medicray .shop-regions__button-close{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15 15L3 3M15 3L3 15' stroke='%23828282' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); text-indent: -9999px; width: 28px; height: 28px; display: flex; justify-content:center; align-items:center; top: 20px; right: 20px; color: #828282; background-repeat: no-repeat; background-position: center; background-size: 18px; z-index: 9; cursor: pointer; } #medicray .shop-regions-window__wrapper, #medicray .shop-regions-ip-analyzer__wrapper{ padding: 30px; border: 1px solid #000; box-shadow: none; } #medicray .shop-regions-window__search, #medicray .shop-regions-window__regions_popular, #medicray .shop-regions-window__regions_all{ padding-left: 0; margin-top: 0; } #medicray .shop-regions-window__wrapper{ font-family: var(--font-jost); } #medicray .shop-regions-window__search .shop-regions-window__sub-header{ position: relative; font-family: var(--font-jost); font-size: 28px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; padding-bottom: 22px; margin-bottom: 40px; } #medicray .shop-regions-window__search .shop-regions-window__sub-header:after{ content:''; position: absolute; width: 150px; height: 1px; background: #000; left: 0; bottom: 0; } #medicray .shop-regions-window-search{ margin-bottom: 40px; display: flex; align-items:center; justify-content:center; width: 100%; padding: 15px; height: 60px; border: 1px solid #B4B4B4; box-sizing:border-box; } #medicray .shop-regions-window-search:before{ content: 'Поиск'; white-space:nowrap; padding: 0 30px; line-height: 30px; font-size: 26px; font-style: normal; font-weight: 400; } #medicray .shop-regions-window-search__input{ padding-left: 0; padding-right: 30px; border: none; border-bottom: 1px solid #000; height: 30px; line-height: 30px; } #medicray .shop-regions-window .clear_search{ width: 30px; height: 30px; display: none; justify-content:center; align-items:center; } #medicray .shop-regions-window.searching .clear_search{ display: flex; } #medicray .shop-regions-window__regions_all .shop-regions-window__sub-header{ display: none; } #medicray .shop-regions__link{ display: inline-flex; align-items: center; text-decoration: none; ont-size: 24px; font-style: normal; font-weight: 400; line-height: normal; } #medicray .shop-regions__link:hover{ color: var(--c-orange); } #medicray .shop-regions__link:before{ content:""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 11.5C11.337 11.5 10.7011 11.2366 10.2322 10.7678C9.76339 10.2989 9.5 9.66304 9.5 9C9.5 8.33696 9.76339 7.70107 10.2322 7.23223C10.7011 6.76339 11.337 6.5 12 6.5C12.663 6.5 13.2989 6.76339 13.7678 7.23223C14.2366 7.70107 14.5 8.33696 14.5 9C14.5 9.3283 14.4353 9.65339 14.3097 9.95671C14.1841 10.26 13.9999 10.5356 13.7678 10.7678C13.5356 10.9999 13.26 11.1841 12.9567 11.3097C12.6534 11.4353 12.3283 11.5 12 11.5ZM12 2C10.1435 2 8.36301 2.7375 7.05025 4.05025C5.7375 5.36301 5 7.14348 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 7.14348 18.2625 5.36301 16.9497 4.05025C15.637 2.7375 13.8565 2 12 2Z' fill='%23828282'/%3E%3C/svg%3E"); display: inline-block; margin-right: 5px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; } #medicray .shop-regions-window .selected_region .shop-regions__link:before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 11.5C11.337 11.5 10.7011 11.2366 10.2322 10.7678C9.76339 10.2989 9.5 9.66304 9.5 9C9.5 8.33696 9.76339 7.70107 10.2322 7.23223C10.7011 6.76339 11.337 6.5 12 6.5C12.663 6.5 13.2989 6.76339 13.7678 7.23223C14.2366 7.70107 14.5 8.33696 14.5 9C14.5 9.3283 14.4353 9.65339 14.3097 9.95671C14.1841 10.26 13.9999 10.5356 13.7678 10.7678C13.5356 10.9999 13.26 11.1841 12.9567 11.3097C12.6534 11.4353 12.3283 11.5 12 11.5ZM12 2C10.1435 2 8.36301 2.7375 7.05025 4.05025C5.7375 5.36301 5 7.14348 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 7.14348 18.2625 5.36301 16.9497 4.05025C15.637 2.7375 13.8565 2 12 2Z' fill='%23E86422'/%3E%3C/svg%3E"); } @media screen and (max-width: 760px) { #medicray .shop-regions-window__search .shop-regions-window__sub-header{ font-size: 24px; padding-bottom: 20px; margin-bottom: 20px; } #medicray .shop-regions-window-search:before{ padding:0 16px 0 6px; font-size: 18px; } #medicray .shop-regions-window-search{ width: auto; margin: 0 -16px; height: 36px; padding: 8px 12px; margin-bottom: 26px; } #medicray .shop-regions-window-search__input{ height: 20px; line-height: 20px; } .hregions__city{ font-size: 14px; } .hregions__icon{ width: 16px; height: 16px; } .hregions__arrow{ display: none; } #medicray .shop-regions__link{ font-size: 20px; } } /*RESPONSIVE*/ @media screen and (max-width: 1360px) { } @media screen and (max-width: 1280px) { } @media screen and (max-width: 1180px) { .gheader__contact { margin-left: 0; } .gheader__menu{ gap:16px; } .gheader__menu > li > a{ font-size: 14px; } .hregions__city{ font-size: 14px; } } @media screen and (max-width: 1080px) { } @media screen and (max-width: 760px) { .gheader__right { margin-left: auto; } .shop-regions{ max-width: calc(100% - 256px); overflow: hidden; } } @media screen and (max-width: 640px) { } @media screen and (max-width: 560px) { } @media screen and (max-width: 480px) { } @media screen and (max-width: 350px) { .g-footer__social{ width: 36px; height: 36px; background-size: 18px 18px; } } /* Sign up & Login forms ------------------------ */ .wa-auth-adapters ul { padding: 0; min-height: 16px; } .wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; } .wa-auth-adapters ul li a, .wa-auth-adapters ul li span { display: block; padding: 0px 5px; } .wa-auth-adapters ul li a img, .wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; } .wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; } .wa-auth-adapters.wa-connect { margin-top: 20px; } .wa-form { float: none; margin:0; overflow: visible; } .wa-form .wa-field { clear: left; margin: 0; margin-bottom: 12px; } .wa-form .wa-field .wa-name { float: none; width: 100%; margin-bottom: 10px; font-size: 12px; line-height:16px; color: var(--c-gray); font-weight: 300;} .wa-form .wa-field.wa-separator { height: 10px; } .wa-form .wa-field .wa-value { margin-left: 0; margin-bottom: 5px; position: relative; } .wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; } .wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; } .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value select { font-family: var(--font-rubik); width: 100%; max-width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 40px; border: 1px solid var(--c-silver); background: transparent; margin-right: 0; border-radius: 0px; font-weight: 400; font-size: 16px; height: 40px; } .wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; } .wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; } .wa-form .wa-field .wa-value label { display: block; } .wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; } .wa-form .wa-field .wa-value .errormsg { margin-left: 0; } .wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; } .wa-form .wa-field .wa-value p label { display: block; margin: 0; } .wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; } .wa-form .wa-field .wa-value p span { color: var(--c-gray); ; font-size: 12px; display: block; } .wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; } .wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; } .wa-form .wa-field .wa-value p input[type="radio"], .wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; } .wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; } .wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; } .wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; } .wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input, .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; } .wa-captcha { padding: 7px 0 10px; } .wa-captcha p { margin: 0; } .wa-captcha strong { font-size: 1.2em; } .wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; } .wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; } .wa-captcha .wa-captcha-input { display: inline !important; } .wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; } input.error, textarea.error { border: 2px solid red; } .errormsg { color: red; margin-left: 170px; display: block; } #wa-my-info-wrapper{ max-width: 100%; width: 440px; padding-bottom: 48px; } #wa-my-info-read-wrapper .wa-field:not(.wa-field--submit) .wa-value{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 48px; line-height: 48px; padding: 0 12px; background: var(--c-bg-silver); border-radius: 8px; } #wa-my-info-read-wrapper .wa-field.wa-field--submit { margin-top: 24px; } /* Multi-column layout ---------------------- */ /* Tables --------- */ table { border-collapse: collapse; border-spacing: 0; } table th { color: #aaa; padding: 0px 10px 7px; font-weight: normal; } table td { padding: 10px; border: 1px solid rgba(0,0,0,0.1); } table.not-bordered td { border: none; } table.lined { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; } table.lined th { padding-left: 7px; padding-right: 7px; } table.lined td { padding: 15px 7px; border-bottom: 1px solid #ddd; } table.lined td.min-width { width: 1%; } table.lined td p { margin: 0; } table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; } table.lined tr.no-border td { border: none; } table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; } table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; } /* 16x16 Icons -------------- */ i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon16.rss { background-position: -16px 0; } .icon16.facebook { background-position: -32px 0; } .icon16.twitter { background-position: -48px 0; } .icon16.vk { background-position: -64px 0; } .icon16.gplus { background-position: -80px 0; } .icon16.pinterest { background-position: -96px 0; } .icon16.youtube { background-position: -112px 0; } .icon16.instagram { background-position: -128px 0; } .icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; background-size: 20px 20px; } .icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 12px; height: 12px; background-image: none; } .icon16.like { background-position:0 -16px; margin-top: 0; } .icon16.star, .icon16.star-full { background-position:-16px -16px; } .icon16.star-half { background-position:-32px -16px; } .icon16.star-empty { background-position:-48px -16px; } .icon16.star-hover { background-position:-64px -16px; } .icon16.remove { background-position:-96px -16px; } .icon16.saved { background-position:-112px -16px; } .icon16.stock-red { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-red); } .icon16.stock-yellow { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-mid-red); } .icon16.stock-green { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-check.svg) center/16px no-repeat var(--c-green); } .icon16.stock-transparent { width: 22px; height: 22px; display: inline-flex; border-radius: 99px; margin-right: 10px; background:url(img/icon-close.svg) center/16px no-repeat var(--c-bg-silver); } .icon16.checkmark { background-position:-192px -16px; } .icon16.compare { background-position:-208px -16px; } .icon16.compare.active { background-position:-224px -16px; } .icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; } .icon16.loading { background-image: url('../img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; } .icon24.loading { background-image: url('../img/loading.gif'); background-size: 24px 24px; height:24px; width:24px; display:inline-block; } .icon32.loading { background-image: url('../img/loading.gif'); background-size: 32px 32px; height:32px; width:32px; display:inline-block; } /* 10x10 Icons -------------- */ i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.3em 0.1em 0 0; } .icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; } .icon10.star, .icon10.star-full { background-position:0 -100px; } .icon10.star-half { background-position:-10px -100px; } .icon10.star-empty { background-position:-20px -100px; } /* 24x24 Icons -------------- */ i.icon24 { background-repeat:no-repeat; height:24px; width:24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon24.rss { background-position: 0 -50px; } .icon24.facebook { background-position: -24px -50px; } .icon24.twitter { background-position: -48px -50px; } .icon24.vk { background-position: -72px -50px; } .icon24.instagram { background-position: -96px -50px; } .icon24.youtube { background-position: -120px -50px; } .icon24.pinterest { background-position: -144px -50px; } .icon24.gplus { background-position: -168px -50px; } /* OTHER */ .wa-login-form-actions button, .wa-signup-form-actions button, .wa-forgotpassword-form-wrapper button, .wa-set-password-form-wrapper button, .wa-login-form-actions input[type=button], .wa-signup-form-actions input[type=button], .wa-forgotpassword-form-wrapper input[type=button], .wa-set-password-form-wrapper input[type=button], .wa-login-form-actions input[type=submit], .wa-signup-form-actions input[type=submit], .wa-forgotpassword-form-wrapper input[type=submit], .wa-confirm-signup-button, .wa-set-password-form-wrapper input[type=submit] { cursor: pointer; box-sizing: border-box; border-radius: 0px; padding: 7px 24px; font-weight: 500; font-size: 18px; margin-top: 30px; line-height: 26px; font-weight: 400; text-align: center; width: 100%; box-sizing: border-box; } .gheader__mobile-btn{ display: none; } .gheader__mobile-btn svg{ stroke:#fff; } .gfooter__contacts--mobile{ display: none; } /**/ .s-callback { color: #fff; padding: 82px 0; margin-bottom: 160px; background: linear-gradient(0deg, rgba(24, 24, 24, 0.8), rgba(24, 24, 24, 0.8)), url(img/bg-talk.jpg) center/cover no-repeat; } .s-callback__inner.container { display: flex; justify-content: space-between; padding: 0 76px; } .s-callback__title { font-weight: 400; font-size: 30px; line-height: 43px; margin-bottom: 22px; } .s-callback__text { font-weight: 400; font-size: 20px; line-height: 24px; margin-bottom: 55px; } .s-callback__link{ color: #fff; } .s-callback__link + .s-callback__link { margin-left: 50px; } .s-callback__form { width: 426px; } .s-callback__form input{ width: 100%; margin-bottom: 30px; color: #fff;} .s-callback__form button{ width: 100%; border: 1px solid #fff!important; } .s-callback__form button:hover{border-color:var(--c-orange)!important; } /*subscribe plugin*/ .kmcollectemails { position: relative; } .kmcollectemails .after { position: relative; font-weight: 500; font-size: 20px; line-height: 28px; padding: 6px; text-align: center; } .kmcollectemails .after > * { display: none; } .kmcollectemails .after .ok { color: white ; } .kmcollectemails .after .fail { color:var(--c-red); position: absolute; left: 0; right: 0; line-height: 18px; top: 100%; margin-top: 0px; padding: auto; padding: 6px; font-weight: 400; font-size: 16px; } /*callb*/ .call-b-form{ position: relative; } .call-b-input { text-align: center; width: 100%; } .call-b-input input[type="text"].call-b-inp-err, .call-b-input input[type="email"].call-b-inp-err { border: 1px solid rgba(222, 77, 44, 1); } .call-b-ok, .call-b-error { margin: 0; text-align: center; color: #fff; position: relative; font-weight: 500; font-size: 20px; line-height: 28px; padding: 6px; text-align: center; } .call-b-error { color:var(--c-red); position: absolute; left: 0; right: 0; line-height: 18px; top: 100%; margin-top: 0px; padding: auto; padding: 6px; font-weight: 400; font-size: 16px; } .callb-privacy-agreed-wrapper { color: #666; font-size: 12px; line-height: 14px; margin: 10px auto 0; text-align: left; width: 300px; } #call-b-submit:disabled { cursor: not-allowed; opacity: 0.66; } /*reqprice*/ .reqprice { max-width: 90%; max-height: 90vh; overflow: auto; width: 576px; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box; background-color:#fff; opacity:0; position:fixed; transition:all .3s ease-out; visibility:hidden; z-index:9999; } .reqprice_active { opacity:1; visibility:visible; } .reqprice__w { margin:0 auto; padding: 56px 76px; position:relative; box-sizing: border-box; } .reqprice__heading{ display: flex; justify-content: space-between; color: var(--c-orange); font-style: normal; font-weight: 500; font-size: 20px; line-height: 29px;} .reqprice__close svg{ cursor:pointer; } .reqprice__close:hover svg{ cursor:pointer; } .reqprice__title{ margin-bottom: 30px; } .reqprice__namePR{ display: block; color: var(--c-black); font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; } .reqprice__nameSKU{ margin-top: 5px; display: block; color: var(--c-silver-text); font-weight: 400; font-size: 16px; line-height: 19px; } .reqprice__buttonView { display: inline-block; } .reqprice__buttonView:hover{ text-decoration: underline; } .reqprice__form {} .reqprice__input { margin-bottom: 30px; } .reqprice__textarea { border:1px solid #bfbfbe; display:block; font-size:14px; outline:none; margin:15px 0; padding:8px 20px; width:455px; min-height:50px; } .reqprice__input:focus, .reqprice__textarea:focus { border-color:#141414; } .reqprice__input_error { border-color: var(--c-red)!important; } .reqprice__input_phone+.reqprice__textarea { width:690px; } .reqprice__input_name+.reqprice__input_phone+.reqprice__textarea { width:455px; } .reqprice__antispam { display:none; } .reqprice__policyCheckbox { display:inline-block; vertical-align:middle; } .reqprice__politika { font-size:12px; } .reqprice__politika a { color:#3494cb;} .reqprice__politika_error { color:red; } .reqprice__thank { color:#00984e; display:none; font-size:18px; } .reqprice__thank h3 { font-size:20px; margin-bottom:20px; } .reqprice__thank div { margin-bottom:20px; } .reqprice__error { color:#000; display:none; font-size:18px; } .reqprice__error div { margin-bottom:20px; } .reqprice__input::-webkit-input-placeholder { color: #b7b7b7; } .reqprice__input::-moz-input-placeholder { color:#b7b7b7; } .reqprice__input:-moz-placeholder { color:#b7b7b7; } .reqprice__input:-ms-input-placeholder { color:#b7b7b7; } .reqpriceW { z-index: -1; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(50, 48, 48, 0.55); transition: all 1s ease; opacity: 0; visibility: hidden; -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, -webkit-backdrop-filter; transition-property: background-color, backdrop-filter; transition-property: background-color, backdrop-filter, -webkit-backdrop-filter; -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background-color: rgba(50, 48, 48, 0.55); filter: url("data:image/svg+xml;utf9,#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); z-index:999; } .reqpriceW_active { opacity:1; visibility:visible; } .reqpriceOver { overflow:hidden; } input[type="button"].reqprice__buttonClose, input[type="submit"].reqprice__button { width: 100%; box-sizing: border-box; } input[type="submit"].reqprice__button_loading { background:url('data:image/gif;base64,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') no-repeat 10px center var(--c-dark); background-size:12px; } .reqpriceForm { width:100%; } .reqpriceForm * { box-sizing:border-box; } .reqpriceForm form { font-size:0; } input[type=tel].reqpriceForm__input { display:inline-block; font-size:12px; margin-right:5%; width:55%; } input[type=submit].reqpriceForm__button { display:inline-block; font-size:12px; width:40%; } .reqpriceForm__antispam { display:none; } .reqpriceForm__input_error { border-color:rgba(255,0,0,.1); box-shadow:0 0 5px rgba(255,0,0,.5); } .reqpriceForm__thankText { font-size:12px; display:none; } .reqpriceForm__thankText h3 { font-size:12px; margin-bottom:0; } .reqpriceForm__thankText p { margin-bottom:10px; } .reqpriceForm__policyCheckbox { display:inline-block; vertical-align:middle; } .reqpriceForm__politika { font-size:10px; line-height:150%; margin-bottom:20px; } .reqpriceForm__politika a { color:#3494cb;} .reqpriceForm__politika_error { color:red; } @media screen and (max-width:960px) { } @media screen and (max-width:767px) { } @media screen and (max-width:480px) { .reqprice__w{ padding: 40px 30px; } .reqprice__input{ margin-bottom: 20px; } .reqprice{ max-width: calc(100% - 20px); max-height: 96vh; min-height: 60vh; } } /* RESPONSIVE ========= */ @media screen and (max-width: 1600px) { } @media screen and (max-width: 1438px) { } @media screen and (max-width: 1198px) { } @media screen and (max-width: 1180px) { } @media screen and (max-width: 1080px) { .maincontent{ padding-top: 50px; } .container{ padding: 0 15px; } .link-arrows{ font-size: 14px; line-height: 20px; } .gheading{ margin-bottom: 20px; padding-left: 21px; font-weight: 400; font-size: 24px; line-height: 35px; } .gheader{ height: 50px } .header__logo-link svg{ width: 90px } .gheader__action svg{ stroke: var(--c-orange); } .gheader__search{ order: 10; } .gheader__action-count{ color: #fff; } .gheader .gheader__menu, .gheader__contact, .gheader__langs{ display: none } .gheader__mobile-btn{ margin: 0 -15px 0 0px; padding: 0 15px; display: inline-flex; align-items: center; height: 100% } .gheader__action--cart{ order: 9; } .gfooter{ padding-top: 12px; padding-bottom: 35px; position: relative } .gfooter__inner{ flex-wrap: wrap; } .gfooter__col--large{ flex-basis: 100%; } .gfooter__logo svg{ width: 90px } .gfooter-menu{ justify-content: space-between; } .gfooter__col--large{ padding-top: 35px } a.gfooter__phone{ position: absolute; line-height: 28px; top: 15px; right: 15px; font-size: 16px; } .gfooter__col .gfooter__address, .gfooter__col .gfooter__worktime, .gfooter__col a.gfooter__email{ display: none } .gfooter ul.gfooter__copyright{ padding-top: 0; padding-left: 0 } .gfooter__contacts--mobile{ display: block; } .gfooter__bottom{ padding-top: 15px; display: flex; justify-content: space-between; border-top: 1px solid var(--c-gray); } .gfooter ul.gfooter__copyright{ max-width: 50%; flex-direction: column; padding-left: 40px } .gfooter__copyright li{ margin-right: 0; } .gfooter__copyright li:not(:last-child){ margin-bottom: 22px } .gfooter__contacts--mobile >*, .gfooter__contacts--mobile a.gfooter__email{ color: var(--c-gray); } } @media screen and (max-width: 1022px) { } @media screen and (max-width: 960px) { .subscribe{ padding: 50px 0; min-height: unset; } .container.subscribe__inner{ padding: 0 36px; } .subscribe__title{ margin-bottom: 15px; font-weight: 400; font-size: 24px; line-height: 35px; } .subscribe__text{ font-weight: 400; font-size: 14px; line-height: 140%; } .subscribe__form{ max-width: 50%; } .s-callback{ padding: 50px 0; margin-bottom: 80px } .s-callback__inner.container{ padding: 0 36px; } .s-callback__title{ margin-bottom: 15px; font-weight: 400; font-size: 24px; line-height: 35px; } .s-callback__text{ font-weight: 400; font-size: 14px; line-height: 140%; } .s-callback__form{ max-width: 50%; } } @media screen and (max-width: 760px) { .discountcard-my-block{ padding: 24px } .tflex-row--th{ display: none } .tflex-row{ justify-content: space-between; } .tflex-row--min.tflex-row >*:nth-child(1){ width: auto } .tflex-row >*:nth-child(2){ width: auto } .tflex-row .align-right{ text-align: left } .tflex-row .price{ white-space: nowrap; } .tflex-row.tflex-row--items { flex-wrap: wrap; justify-content: space-between; } .tflex-row.tflex-row--items >*:nth-child(1){ width: 100%; padding-bottom: 0; } .tflex-row.tflex-row--items >*:nth-child(2), .tflex-row.tflex-row--items >*:nth-child(3){ width: auto; } .gfooter ul li.gfooter-menu__col ul{ margin-top: 10px; } .gfooter ul li.gfooter-menu__col > a{ font-size: 16px; line-height: 140%; } .gfooter ul.gfooter-menu{ display: block; column-count: 3; margin-bottom: 75px } .gfooter-menu li a{ font-size: 12px; line-height: 14px; color: var(--c-silver); } .gfooter-menu > li{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .gfooter-menu__col{ min-width: unset; padding-right: 0!important } .gfooter__copyright a, .gfooter__contacts--mobile .gfooter__address, .gfooter__contacts--mobile .gfooter__worktime, .gfooter__contacts--mobile .gfooter__email{ font-size: 12px; } .gfooter ul.gfooter__copyright{ box-sizing: border-box; padding-left: 12px } .s-callback__inner.container, .subscribe__inner.container{ flex-direction: column; } .s-callback__form, .subscribe__form{ max-width: 100%; width: 100%; } .s-callback__buttons{ display: none } .s-callback__text{ margin-bottom: 30px } .subscribe__head{ width: 100% } .subscribe__text{ margin-bottom: 30px } } @media screen and (max-width: 680px) { .message-alert{ right: auto; width: max-content; max-width: 80%; text-align: center; box-sizing: border-box; left: 50%; transform: translate(-50%, 0); } } @media screen and (max-width: 640px) { .link-icon{ font-size: 14px; line-height: 24px; } .link-icon svg{ margin-left: 10px; width: 20px; height: 20px; margin-top: 0 } } @media screen and (max-width: 560px) { .link-icon{ font-size: 14px; } .link-icon svg{ margin-left: 10px; } } @media screen and (max-width: 480px) { } @media screen and (max-width: 420px) { }