/* base reset v4 */ *,*:before,*:after{box-sizing:border-box} @media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}} html,body{height:100%;width:100%} html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,span,applet,object,iframe,strike,kbd,q,sub,sup,tt,var,dl,dt,dd,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} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} article,aside,details,figcaption,figure,footer,header,hgroup,main menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template,[list]::-webkit-calendar-picker-indicator{display:none} img,body,html,abbr,acronym,a img{border:0} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal} ol,ul,dir,menu{list-style:none} a{background-color:transparent}:focus,a,a:hover,a:active{outline:none;border:0} caption,table th{text-align:left} table{border-collapse:collapse;border-spacing:0} table td{vertical-align:top} q:before,q:after{content:''} blockquote,q{quotes:none} hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} sup,sub{line-height:0} svg:not(:root){overflow:hidden} nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0} @-moz-viewport{width:device-width} @-ms-viewport{width:device-width} @-webkit-viewport{width:device-width} @viewport{width:device-width} summary {display: list-item;cursor: pointer;} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;line-height:inherit} button{overflow:visible} button,select{text-transform:none} button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0} input[type="checkbox"],input[type="radio"]{padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} textarea{overflow:auto} img,svg {vertical-align: middle;} button,[type=button],[type=reset],[type=submit] {-webkit-appearance: button;} button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {cursor: pointer;} pre,code,kbd,samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em;direction: ltr;unicode-bidi: bidi-override;} ::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field,::-webkit-color-swatch-wrapper {padding: 0;} ::-webkit-inner-spin-button {height: auto;}::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;} ::file-selector-button {font: inherit;} [type=search] {outline-offset: -2px;-webkit-appearance: textfield;} img{max-width:100%;} body{overflow:hidden;overflow-y:auto;min-width:320px;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";background-color:#fff}select{word-wrap:normal}progress{vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible}svg{overflow:hidden;vertical-align:middle} /* grid bs5 */ .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,15px);padding-left:var(--bs-gutter-x,15px);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1370px}}.row{--bs-gutter-x:30px;--bs-gutter-y:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-sm-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-sm-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-sm-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-sm-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-sm-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-sm-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-sm-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-sm-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-sm-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-md-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-md-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-md-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-md-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-md-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-md-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-md-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-md-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-md-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-lg-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-lg-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-lg-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-lg-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-lg-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-lg-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-lg-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-lg-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-lg-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-xl-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-xl-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-xl-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-xl-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-xl-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-xl-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-xl-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-xl-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xxl-auto>*{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-1{-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333%}.col-xxl-2{-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%}.col-xxl-3{-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xxl-4{-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%}.col-xxl-5{-ms-flex:0 0 auto;flex:0 0 auto;width:41.66667%}.col-xxl-6{-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xxl-7{-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333%}.col-xxl-8{-ms-flex:0 0 auto;flex:0 0 auto;width:66.66667%}.col-xxl-9{-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xxl-10{-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333%}.col-xxl-11{-ms-flex:0 0 auto;flex:0 0 auto;width:91.66667%}.col-xxl-12{-ms-flex:0 0 auto;flex:0 0 auto;width:100%}} /* fonts */ /* icon fonts */ @font-face{font-family:'icons';src:url('icons.woff2') format('woff2'),url('icons.woff') format('woff');font-display:swap;font-weight:normal;font-style:normal} [class^="i-"]:before,[class*=" i-"]:before,.i:before,.i:after{margin-right:8px;font-family:"icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .i-heart:before { content: '\e800'; } /* '' */ .i-available:before { content: '\e801'; } /* '' */ .i-phone:before { content: '\e802'; } /* '' */ .i-search:before { content: '\e803'; } /* '' */ .i-star:before { content: '\e804'; } /* '' */ .i-worktime:before { content: '\e805'; } /* '' */ .i-cancel:before { content: '\e806'; } /* '' */ .i-right-open-mini:before { content: '\e809'; } /* '' */ .i-user-1:before { content: '\e80a'; } /* '' */ .i-right-open-big:before { content: '\e80c'; } /* '' */ .i-cart:before { content: '\e812'; } /* '' */ .i-cancel-circled-outline:before { content: '\e814'; } /* '' */ .i-right-open-1:before { content: '\e815'; } /* '' */ .i-compare:before { content: '\e81d'; } /* '' */ .i-email:before { content: '\e831'; } /* '' */ .i-th-large:before { content: '\e833'; } /* '' */ .i-th-list:before { content: '\e834'; } /* '' */ .i-facebook:before { content: '\f09a'; } /* '' */ .i-menu:before { content: '\f0c9'; } /* '' */ /* variables */ :root { --main-color:#0079FF; --second-color:#FFC200; } /* layout */ html,body{height:100%} body{font-family: 'Rubik', sans-serif;font-size:16px;width:100%;display:flex;flex-direction:column;background:#EEE;} .layout{flex:1 0 auto} /* placeholder (defaut) */ *::-webkit-input-placeholder{color: #787878;font-size: 16px;} *:-moz-placeholder{color:#787878;font-size: 16px;} *::-moz-placeholder{color:#787878;font-size: 16px;} *:-ms-input-placeholder{color:#787878;font-size: 16px;} /* placeholder (disabled) */ *[disabled]::-webkit-input-placeholder{color:#CCC} *[disabled]:-moz-placeholder{color:#CCC} *[disabled]::-moz-placeholder{color:#CCC} *[disabled]:-ms-input-placeholder{color:#CCC} /* placeholder (error) */ .error::-webkit-input-placeholder{color:#F00} .error:-moz-placeholder{color:#F00} .error::-moz-placeholder{color:#F00} .error:-ms-input-placeholder{color:#F00} /* default */ input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none} .input,.btn,select, .co-input-field, .co-button{outline:none;text-decoration:none;display:inline-block;padding:0 30px;text-transform:none;line-height:46px;font-size: 14px;color:#000;background: #FFF;height:46px;font-family:'Rubik',sans-serif;transition:all 0.25s;border:0;border-radius: 6px;} /* input,textarea */ .input,.co-input-field{border:1px solid #E7E7E8;} .input:hover, select:hover,.co-input-field:hover{border-color:#999;box-shadow:inset 0 2px 6px rgba(0,0,0,0.1)} .input:focus, select:focus,.co-input-field:focus{border-color:var(--main-color);box-shadow:inset 0 4px 4px rgba(0,0,0,0.075);} .input.error{border-color:#E00606;color:#E00606} .input[disabled],.input[disabled]:hover,.input[disabled]:focus{cursor:default;color:#CCC;border:1px solid #CCC;box-shadow:none} textarea.input{resize:none;height:auto;padding-top:15px;padding-bottom:15px;line-height:normal} .input.ns,.input.ns:hover,.input.ns:focus{text-transform:none;border-radius:inherit;height:inherit;line-height:inherit;padding:0;background:inherit;border:inherit;box-shadow:inherit} /* input wrap*/ .input-wrap {position:relative;} .input-wrap input, .input-wrap textarea {width:100%;background:none;position:relative;z-index:1;} .input-wrap label {position:absolute;color:#999;top: 50%;transform: translateY(-50%);z-index: 0;padding: 0;transition: all .2s ease;background: #fff;padding:0 5px;left: 10px;} .input-wrap label span {color:#f00;font-size:14px;} .input-wrap textarea.input + label {top:18px;} .input-wrap .input:focus + label {color:var(--main-color)} .input-wrap .input:focus + label, .input-wrap.on label, .input-wrap.on textarea.input + label {z-index:2;background:#fff;top:0px;left:10px;font-size:12px;} .input-wrap .input:focus, .input-wrap.on .input {padding-top:4px;} .input-wrap textarea.input {padding-top:15px !important;} .input-wrap.on .input{border-color:var(--main-color);} .input-wrap.on label, .input-wrap.on .input:focus + label {color:var(--main-color) !important;} /* buttons */ .btn-primary, .btn, .co-button {text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--second-color);transition:all 0.3s;font-weight:700;} .btn-primary:hover, .btn:hover, .co-button:hover {background:#d8a70b;} .btn-primary:active, .btn:active, .co-button:active {box-shadow:inset 0 10px 10px rgba(0,0,0,0.1)} .btn-secondary {background:#fff;border:1px solid #D2D2D7;} .btn-secondary:hover {background:#eee;border-color:#eee;color:var(--main-color);} .btn-secondary:active {box-shadow:inset 0 10px 10px rgba(0,0,0,0.1)} .btn-secondary2 {background:#eee;color:var(--main-color);} .btn-secondary2:hover{background:var(--main-color);color:#fff;} .btn-link {text-decoration:underline;background:none} .btn-link:hover{background:none;color:var(--main-color);text-decoration:none;} .btn-rounded {border-radius:23px;} .btn-buy:before {content:'\E812';font-weight:400;font-size:16px;font-family:'icons';margin-right:8px;} /* btn disabled */ .btn-disabled, .btn-disabled:hover{ background:#fff !important;color:#000 !important;border:1px solid #CDCDCD !important;cursor:default !important} .btn:disabled,.btn.disabled,.btn.disabled:hover,.btn.disabled:active{border-color:#333;background:#333;color:#fff;cursor:default} /* selectbox styled */ .select{float:left;transition:all 0.3s;display:block;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;position:relative;z-index:9} .select .selected{cursor:pointer;position:relative;height:24px;padding:0 24px 0 10px;outline:none;overflow:hidden} .select .selected span{white-space:nowrap;text-overflow:ellipsis;color:#489DFD;text-decoration:none;line-height:22px;width:100%;border-bottom:1px dashed #489DFD} .select .selected:after{transform:rotate(90deg);color:#59A5FD;content:'\E809';font-family:'icons';position:absolute;right:5px;top:11px;width:9px;height:6px} .select ul{line-height:normal;padding-top:4px;border:1px solid #cdcdcd;border-top:0px;padding-bottom:8px;transition-property:opacity, visibility;transition-duration:.2s, 0s;transition-delay:0s,.2s;opacity:0;visibility:hidden;overflow:hidden;background:#fff;list-style:none;left:-1px;right:-1px;margin:0 auto;position:absolute;top:21px;width:auto;z-index:1;overflow-y:auto;border-radius:3px;border-top-left-radius:0px;border-top-right-radius:0px} .select ul li{cursor:pointer;transition:all 0.3s;display:block;outline:none;padding:2px 10px;color:#cdcdcd;text-decoration:none} .select ul li:hover,.select ul li.active{color:#333}.select:hover ul{opacity:1;visibility:visible;transition-delay:0s, 0s} .select-perpage{width:85px} .select:hover{background:#fff;border-color:#cdcdcd} /* ui slider */ .ui-slider{background:#fff;height:5px;width:100%;border-radius:6px;position:relative} .ui-slider-range{position:absolute;top:0px;height:5px;background:#ddd} .ui-slider-handle{outline:none;display:block;position:absolute;border-radius:100%;top:-6px;margin-left:-8px;width:16px;height:16px;} .ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:focus{background:#fff;border:3px solid #299CFE;} /* radio, check */ .radio, .check {text-align:center;display:flex;align-items:center;justify-content:center;border-radius:100%;width:20px;height:20px;cursor:pointer;border: 2px solid #E6E6E6;background:#fff;text-align:center;} .radio:before, .check:before {content:'';border-radius:100%;width:10px;height:10px;background:transparent;transition:all 0.3s;display:inline-block;font-size:0px; line-height:0px;} .check {border-radius:5px;} .check:before {border-radius:0px;} /* breadcrumbs */ .breadcrumbs{display:flex;flex-wrap:wrap;margin-bottom:20px;color:#292A34;font-size:14px;} .breadcrumbs li a{transition:all 0.3s;text-decoration:none;color:#A5A5A9;display:block;position:relative;margin-right:5px;} .breadcrumbs li a:after{content:'/';margin-left:5px;color:#A5A5A9;} .breadcrumbs li a:hover, .breadcrumbs li:last-child a:hover{color:var(--main-color);} .breadcrumbs li:last-child a {color:#292A34} .breadcrumbs li:last-child a:after{display:none;} /* default tabs */ .tabs-group .tabs-links {position:relative;z-index:1;margin-bottom:-6px;display:flex;padding:0 30px;} .tabs-group .tabs-links .tabs-links--item {color:#000;border-radius:6px;cursor:pointer;transition:all 0.3s;font-weight:700;font-size:16px;text-transform:uppercase;height:60px;padding:0 40px;display:flex;align-items:center;justify-content:center;} .tabs-group .tabs-links .tabs-links--item .tabs-links--item-value{padding-bottom:2px;border-bottom:1px dashed var(--main-color);;} .tabs-group .tabs-links .tabs-links--item.is-selected{color:var(--main-color);box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);background:#fff;} .tabs-group .tabs-links .tabs-links--item.is-selected span {border-color:#fff;} .tabs-group .tabs-content{position:relative;z-index:2;background:#fff;border-radius: 5px;padding:50px;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);} .tabs-group .tabs-content .product-grid .product-item .product-item--img .product-item--img-wrap,.tabs-group .tabs-content .product-grid .product-item--img {background:none;} .tabs-group .tabs-content .product-grid .product-item--img img {mix-blend-mode:unset;} /* default stars */ .rating{font-size:16px} .rating i{display:inline-block;font-style:normal;margin-right:2px;} .rating i:last-child{margin-right:0;} .rating i:before{font-family:'icons';display:inline-block;content:'\E804';color:#C5C5C5} .rating i.on:before{content:'\E804';color:#FFC200} .rating-large {font-size:24px;} .rating-large .count {font-size:16px;color:#ccc;} /* heading */ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:20px;color:#000;font-weight:700;text-transform:uppercase;} h1,.h1{font-size:32px;} h2,.h2{font-size:22px} h3,.h3{font-size:20px} h4,.h4{font-size:18px} h5,h6,.h5,.h6{font-size:16px;} /* links */ a{color:var(--main-color);background-color:transparent;outline:none !important}a:hover{text-decoration:none} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .false{transition:all 0.3s;text-decoration:none;display:inline-block;padding-bottom:2px;cursor:pointer;color:var(--main-color);border-bottom:1px solid var(--main-color)} .false:hover{border-color:transparent;} /* base */ strong,b,.b{font-weight:700}p{margin-bottom:25px}u{text-decoration:underline}em,dfn{font-style:italic}del{text-decoration:line-through}ins{background:#ff9;color:#000;text-decoration:none}big{font-size:120%}small{font-size:80%}abbr[title],acronym{border-bottom:1px dotted}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}q{quotes:none}q:before,q:after{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}hr{display:block;height:1px;border:0;border-top:1px dashed #ccc;margin-bottom:15px;padding:0}dl{margin:0 0 15px 0}dl dt{font-weight:700}dd{margin:0 0 0 15px}table{border:0px;margin-bottom:25px;width:100%}table tr td,table tr th{transition:background 0.3s;border:1px solid #CCC;padding:8px 12px;vertical-align:middle}table tr th{background:#EEE;text-align:center}table tr:hover td{background:#FBFBFB} /* editor content */ .editor{line-height:18px;font-size:15px} .editor img{max-width:100%;max-height:none;height:auto} .editor ul,.editor ol{margin-bottom:35px;padding-left:0px;} .editor ul li,.editor ol li{margin-bottom:10px;list-style:inside;position:relative} .editor ul li:before{content:'';position:absolute;width:8px;height:8px;top:6px;left:0;background:var(--main-color)} .editor ul li{list-style:none;padding-left:20px;position:relative} .editor ol li{list-style-type:decimal} .editor blockquote{padding-left:35px;border-left:2px solid #000} .editor p:last-child{margin-bottom:0} .editor iframe{max-width:100%;max-height:100%} /* alert */ .alert-success,.alert-warning,.alert-error,.alert-empty{text-align:left;padding-left:30px;border-left:3px solid transparent} .alert-success{border-color:#e0f1e9;} .alert-warning{border-color:#FFA301;} .alert-error{border-color:#ebccd1;} .alert-empty{border-color:#e1e1e1;} /* embed */ .embed-responsive{position: relative;display: block;width: 100%;padding: 0;overflow: hidden} .embed-responsive::before{display: block;content: ""} .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}.embed-responsive-21by9::before{padding-top: 42.857143%} .embed-responsive-16by9::before{padding-top: 56.25%} .embed-responsive-4by3::before{padding-top: 75%} .embed-responsive-1by1::before{padding-top: 100%} /* popups */ .popup{transition:opacity 0.6s;visibility:hidden;z-index:999;opacity:0;position:absolute;right:0;top:-9999px;left:0;margin:0 auto 0 auto;width:320px} .popup.sm{width:380px} .popup.md{width:570px} .popup.lg{width:670px} .popup.xl{width:1140px} .popup .l{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background: rgba(255, 255, 255, 0.8);opacity:0.95} .popup .c{overflow:hidden;transition:all 0.3s;transform:scale(1.1);opacity:0;border-radius:6px;box-shadow: 0 0px 40px rgb(0 0 0 / 10%);z-index:999;position:relative;background:#FFF;padding:45px} .popup .c>.t,.popup .c>div>.t{font-size:18px;position:relative;text-transform:uppercase;color:#000;font-weight:700;display:block;margin-bottom:20px} .popup .close{font-size:18px;transition:all 0.3s;cursor:pointer;position:absolute;display:block;right:10px;top:10px;left:auto;width:40px;height:40px;text-align:center;line-height:40px;background:#fff} .popup .close:after{font-size:20px;font-family:'icons';content:'\E806'} .popup .close:hover{color:#f00;} .popup .input {width:100%;} .popup .btn:not(.close){width:100%;text-transform:uppercase} .popup .state-b{color:#83AB01;display:none;padding-bottom:15px} .popup-cart{text-align:center} .popup-cart .t{margin-bottom:20px} .popup-cart a{margin-bottom:8px} .popup-cart .btn{height:46px;line-height:48px;width:100%;text-align:cnter;margin-bottom:10px} .popup-cart .close_popup{transition:all 0.3s;display:inline-block;cursor:pointer} .popup-cart .close_popup:hover{color:#000;border-color:#000} .popup-fb .msg{border-left:0px;border-radius:6px;margin-bottom:0px;font-size:12px;color:#767676;line-height:18px;padding-top:15px} .popup-fb .c>.msg{margin-bottom:15px;padding-top:0px} .popup-fb .form textarea{height:110px} /* GEOlocation */ .geo-open {font-size:25px;float:right;margin:3px 20px 0 0;cursor:pointer} .popup-geolocation .label {margin-bottom:6px;} .popup-geolocation .false {margin-left:10px;} .popup-geolocation .row-selected .selected {font-weight:600;padding-left:25px;position:relative;margin-bottom:16px;line-height:normal;font-size:15px;} .popup-geolocation .row-selected .selected i {position:absolute;left:0px;top:-5px;color:#ccc;font-size:26px;} .popup-geolocation .hint {padding-top:10px;font-size:12px;margin-bottom:0px;line-height:normal;color:#666;} .popup-geolocation .js-geo-choose {display:none;} .popup-geolocation.js-geo-choose-show .js-geo-selected {display:none;} .popup-geolocation.js-geo-choose-show .js-geo-choose {display:block;} .popup-geolocation.js-geo-choose-city-show .js-geo-choose .none {display:block;} .popup-geolocation {width:400px;overflow:visible;} .popup-geolocation .c > .t {margin-bottom:15px;} .popup-geolocation .row .val {padding:4px 0;} .popup-geolocation .easy-autocomplete {width:100% !important;} .popup-geolocation input[type=text] {width:100%;} .popup-geolocation .buttons {line-height:32px;padding-top:10px;} .popup-geolocation .buttons .false {margin-left:15px;} .popup-geolocation .input[type=text] {height:50px;line-height:50px;} .popup-geolocation .js-geo-selected {} .popup-geolocation .js-geo-selected .selected {background:#f4f4f4;border-radius:6px;padding:15px 20px;font-size:16px;} .popup-geolocation .js-geo-selected i {float:left;font-size:26px;margin:-5px 10px 0 0;} .popup-geolocation .js-geo-choose .val {z-index:4;position:relative;} .popup-geolocation .js-geo-choose .val input{z-index:3;position:relative;} .popup-geolocation .js-geo-choose .val:nth-child(2){z-index:3;} .popup-geolocation .easy-autocomplete-container {z-index:2;position:relative;} .popup-geolocation ul {display:none;width:100%;border:1px solid #ccc;position:absolute;overflow:hidden;max-height:230px;overflow-y:auto;left:0px;top:0px;background:#fff;} .popup-geolocation ul li {cursor:pointer;padding:8px 15px;border-bottom:1px solid #f1f1f1} .popup-geolocation ul li .marked {background:yellow;} .popup-geolocation ul li:hover{background:#f4f4f4} .popup-reviews .star {cursor:pointer;} .popup-reviews .filewrap label {display:block;margin-bottom:10px;} .popup-callback .c>.t {margin-bottom:30px;} .popup-callback .input {padding:0 15px;font-size:14px;} .popup-callback .logo {margin-bottom:20px;text-align:center;} .popup-callback .tr {margin-bottom:12px;} .popup-callback .offer {font-size:12px;line-height:15px;color:#ccc;} .popup-callback .btn {margin-top:12px;width:100%;height:60px;line-height:60px;} .popup-callback .time-wrap .time-inputs {margin-bottom:10px;display:none;align-items:center;} .popup-callback .time-wrap .time-inputs select {padding:0 15px;border-radius:3px;font-size:14px;min-width:1px;flex:0 0 45%;} .popup-callback .time-wrap .time-inputs .sep {height:auto;flex:0 0 10%;text-align:center;} .popup-callback.choose-time .time-wrap .time-inputs {display:flex;} .popup-callback.choose-time .time-wrap .time-link {display:none;} .popup-newreview .set-rating {padding-top:4px;} .popup-newreview .set-rating .rating i {cursor:pointer;margin-right:4px;} .js-popup-show .popup.shown{z-index:999;top:0;left:0;opacity:1;visibility:visible} .js-popup-show .popup.shown .c{transform:scale(1);margin-top:0px;opacity:1} /* swiper */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-container-vertical > .swiper-wrapper{flex-direction:column} .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:y mandatory} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height} .swiper-button-lock{display:none}.swiper-pagination-lock{display:none} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-pagination{width:100%;text-align:left;transition:all 0.3s;line-height:0;font-size:0;} .swiper-pagination>span{cursor:pointer;transition:all 0.3s;margin-right:14px;width:14px;height:14px;border-radius:100%;border: 2px solid #d1d1d1;display:inline-block;} .swiper-pagination>.swiper-pagination-bullet-active,.swiper-pagination>span:hover{background:var(--main-color) !important;border-color:var(--main-color) !important;} .swiper-buttons{font-weight:400;display:flex;align-items:center;justify-content:space-between;color:#000;left:0;z-index:100;height:0;position:absolute;right:0;top:50%} .swiper-buttons .swiper-button{transition:all 0.3s;cursor:pointer;width:46px;height:46px;font-size:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s} .swiper-buttons .swiper-button:before{font-family:'icons';content:'\E80C';margin:0;} .swiper-buttons .swiper-button--prev:before{content:'\E80C';transform:rotate(-180deg)} .swiper-buttons .swiper-button.swiper-button-disabled{opacity:0 !important;visibility:hidden !important} .swiper-buttons .swiper-button:hover{color:var(--main-color)} /* acc */ .acc-list .item{margin-bottom:2px;transition:all 0.3s;z-index:1;position:relative;} .acc-list .item > .a{transition:all 0.3s;cursor:pointer;padding:20px 40px 20px 20px;border-bottom:1px dashed #888888;font-size:18px;color:#555555;font-weight:600} .acc-list .item > .a:before{transition:all 0.3s;width:2px;height:13px;background:#fff;content:'';position:absolute;left:0px;top:24px} .acc-list .item > .a:after{position:absolute;right:20px;top:28px;width:9px;height:6px;content:'';} .acc-list .item > .b{font-weight:400;font-size:14px;color:#555;padding:20px;animation:slideUp 0.3s;display:none} .acc-list .item > .b p:last-child{margin-bottom:0px} .acc-list .item:last-child > .a{border:0px} .acc-list .item.open{z-index:2;background:#F0F0F0} .acc-list .item.open > .a{border:0px;border-bottom:0px} .acc-list .item.open > .a:before{background:#299CFE} .acc-list .item.open > .b{padding-top:0px;display:block;} /* default qty */ .qty {display:flex;align-items:center;} .qty .qty-label {margin-right:5px;} .qty .qty-inputs {display:flex;align-items:center;} .qty .qty-inputs--btn {position:relative;transition:all 0.3s;cursor:pointer;margin:0 4px;width:32px;height:32px;border-radius:100%;display:flex;background: #F1EEE5;} .qty .qty-inputs--btn:after, .qty .qty-inputs--btn:before{transition:all 0.1s;margin:0 auto;left:0;right:0;top:50%;margin-top:-2px;width:14px;height:3px;border-radius:3px;position:absolute;background:#000;content:'';} .qty .qty-inputs--btn-minus {order:1} .qty .qty-inputs--btn-minus:after {content:none} .qty .qty-inputs--btn-plus {order:3} .qty .qty-inputs--btn-plus:after {transform:rotate(90deg)} .qty .qty-inputs--input {color:#000;text-align:center;order:2;font-size:26px;width:92px;height:32px;line-height:32px;} .qty .qty-inputs--btn:hover {background: #FFA602;} .qty .qty-inputs--btn:hover:after, .qty .qty-inputs--btn:hover:before{background:#fff;} /* form */ .form .form-group {margin-bottom:25px;} .form .form-group .form-control {width:100%;} .form .form-group--submit{margin-bottom:0;} .form .form-success {padding-top:15px;text-align:center;color:green;} .form .form-label span {color:#f00;} .form .form-msg {margin-bottom:25px;} /* misc */ .cf:after,.clearfix:after,.clear{clear:both;content:".";height:0px;display:block;visibility:hidden;line-height:0px;font-size:0px} .none{display:none} .nscript{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgb(0,0,0);background:transparent\9;background:rgba(0,0,0,0.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);zoom:1;z-index:9999}.nscript .c{background:#C00;padding:10px 0;font-size:13px;text-shadow:1px 0 1px #970000;line-height:15px;color:#FFF;text-align:center;box-shadow:0 0 5px #000}.ns .c p{margin:0px} .a-left{text-align:left !important} .a-right{text-align:right !important} .a-center{text-align:center !important} .layer{transition:all 0.2s;opacity:0;filter: blur(4px);visibility:hidden;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:900;background: rgba(255, 255, 255, 0.8)} img{max-width:100%;max-height:100%} .lazyload,.lazyloading{opacity:0} .lazyloaded{opacity:1;transition:opacity 300ms} /* ------------------- HEADER ------------------- */ body{padding-top:228px;} /* header */ .header {transition:all 0.3s;position:fixed;left:0;top:0;right:0;z-index:999;} .header .header-topbar {height:48px;transition:all 0.2s;font-size:14px;background:#26262D; color:#fff;} .header .header-topbar a {transition:all 0.3s;color:#fff;text-decoration:none;} .header .header-topbar a:hover{text-decoration:underline;} .header .header-topbar--inner {transition:all 0.3s;display:flex;justify-content:space-between} .header .header-topbar--links {flex:1;align-items:center;display:flex;padding:10px 0;} .header .header-topbar--links .header-topbar--links-list {align-items:center;width:100%;display:flex;flex-wrap:wrap;} .header .header-topbar--links .header-topbar--links-list__item {padding:2px 20px 2px 0} .header .header-topbar--links .header-topbar--links-list__item-link {color:#989CA3;} .header .header-topbar--links .header-topbar--links-list__item-link:hover, .header .header-topbar--links .header-topbar--links-list__item-link.is-selected{color:#fff;} .header .header-topbar--panel {height:auto;padding:15px 3%;display:flex;align-items:center;border-left:2px solid #46464C;} .header .header-worktime {padding-top:7px;padding-bottom:5px;} .header .header-account{padding-right:0;font-weight:500;} .header .header-account .header-account--sep {margin:0 7px;font-weight:400;} .header .header-main {position:relative;z-index:2;transition:all 0.3s;background:#FFF;padding-top:15px;padding-bottom:15px;} .header .header-main--inner {display:flex;align-items:center; } .header .header-main .header-panel {padding:0 2%;} .header .header-main .header-panel--icon .item {transition:all 0.3s;text-decoration:none;color:#292A34;font-size:14px;display:flex;align-items:center;} .header .header-main .header-panel--icon .item span {display:block;} .header .header-main .header-panel--icon .item .item-icon {position:relative;transition:all 0.3s;display:flex;align-items:center;justify-content:center;color:#D4D4D6;font-size:18px;min-width:50px;margin-right:10px;width:50px;height:50px;border-radius:100%;border:1px solid #DFDFE1;} .header .header-main .header-panel--icon .item .item-icon:before{margin:0;} .header .header-main .header-panel--icon .item .item-content--value {transition:all 0.3s;font-size:18px;font-weight:700;} .header .header-main .header-panel--icon .item .item-icon .item-icon--counter {position:absolute;right:-2px;top:-2px;color:#000;font-weight:700;font-size:11px;width:16px;height:16px;border-radius:100%;background:var(--second-color);text-align:center;line-height:16px;} .header .header-main .header-panel--logo {padding-left:0;} .header .header-main .header-panel--search {flex:0 0 31%;} .header .header-main .header-panel--search .search{position:relative;} .header .header-main .header-panel--search .input {width:100%;border:1px solid #DFDFE1;background:#FCFCFC;border-radius:20px;padding-right:50px;} .header .header-main .header-panel--search .search-go {transition:all 0.3s;display:flex;justify-content:center;align-items:center;position:absolute;right:5px;top:0;width:46px;height:46px;background:transparent;cursor:pointer;} .header .header-main .header-panel--search .search-go:after {content:'\E803';font-family:'icons'} .header .header-main .header-panel--search .search-go:hover{color:var(--main-color)} .header .header-main .header-panel--cart {padding-right:0;} .header .header-main .header-panel--icon a.item .item-icon {color:var(--main-color);} .header .header-main .header-panel--icon a.item:hover .item-icon{color:#fff;background: var(--main-color);box-shadow: 2px 2px 15px rgba(0, 121, 255, 0.5);} .header .header-main .header-panel--icon a.item:hover .item-content--value {color:var(--main-color)} .header .header-main .header-panel--phone .item-content--phone .item-content--phone-link {text-decoration:none;font-weight:700;font-size:16px;color:#333;} .header .header-main .header-panel--phone .item-content--cb .item-content--cb-link {color:#777;text-transform:lowercase;transition:all 0.3s;display:inline-block;cursor:pointer;border-bottom:1px dashed #ccc;} .header .header-main .header-panel--phone .item-content--cb .item-content--cb-link:hover{color:#000;border-color:#000;} .header .header-bottom {transition:all 0.3s;} @media (min-width:992px){ .header .nav {font-size:16px;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;} .header .nav > .nav-item {padding:15px 2%;position:relative;} .header .nav > .nav-item > .nav-item--link {transition:all 0.3s;padding:26px 0;display:block;text-decoration:none;letter-spacing: 0.2em;color:#292A34;position:relative;} .header .nav > .nav-item > .nav-item--link:after{opacity:0;transition:all 0.3s;height:2px;content:'';position:absolute;left:0;bottom:20px;width:100%;background:var(--main-color)} .header .nav > .nav-item:hover > .nav-item--link, .header .nav > .nav-item > .nav-item--link.is-selected {color:var(--main-color)} .header .nav > .nav-item:hover > .nav-item--link:after, .header .nav > .nav-item > .nav-item--link.is-selected:after{opacity:1;} .header .nav .nav-item--dd {padding:15px 0;font-size: 14px;border-radius:6px;box-shadow: 0 0px 40px rgb(0 0 0 / 10%);z-index: 99;position: absolute;background: #fff;width: 274px;left:0;top: 60%;transition-property: all;transition-duration: .25s, 0s;transition-delay: 0s,.25s;opacity: 0;visibility: hidden;} .header .nav .nav-item--dd .nav-item {border-top:1px solid #f5eded;} .header .nav .nav-item--dd .nav-item:first-child{border:0;} .header .nav .nav-item--dd .nav-item .nav-item--link {transition:all 0.1s;padding:10px 25px;display:block;color:#292A34;text-decoration:none;} .header .nav .nav-item--dd .nav-item .nav-item--link:hover, .header .nav .nav-item--dd .nav-item .nav-item--link.is-selected{background:var(--main-color);color:#fff;} .js-h-menu-show .layer{opacity:0.98;visibility:visible} } .js-fixed-header .header{background:#eee;} .js-fixed-header .header .header-main {box-shadow: 0 10px 10px rgba(0,0,0,0.04)} .js-fixed-header .header .header-topbar, .js-fixed-header .header .header-bottom {opacity:0;height:0;overflow:hidden;} .js-h-catalog-over .header .nav .nav-item.hs:hover > .nav-item--dd {top:80%;opacity:1;visibility:visible;transition-delay:0s, 0s} /* index slider */ .index-slider {position:relative;z-index:4;margin:10px -20px 0 -20px;} .index-slider .swiper-slide {background:#eee;} .index-slider .item {display:flex;align-items:center;height:500px;position:relative;margin-top:30px;background:#fff;border-radius:4px;border:1px solid #D9D9DC;} .index-slider .item .item-desc {width:70%;opacity:0;transition:all 0.3s;padding-bottom:50px;display:flex;flex-direction:column;z-index:3;padding-left:50px;} .index-slider .item .item-desc--title {margin-bottom:10px;text-shadow:0 0 10px rgba(255,255,255,0.15);font-size:96px;line-height:96px;letter-spacing: 0.1em;font-weight:700;text-transform:uppercase;} .index-slider .item .item-desc--subtitle {max-width:50%;background:rgba(255,255,255,0.15);font-size:24px;font-weight:100;} .index-slider .item .item-desc--btns {padding-top:50px;} .index-slider .item .item-desc--btns .btn {height:60px;border-radius:30px;padding:0 35px;font-size:16px;} .index-slider .item-img {opacity:0;transition:all 0.3s;max-height:530px;max-width:none;position:absolute;top:-30px;right:0;} .index-slider .swiper-pagination {z-index:99;position:absolute;left:70px; bottom:50px;} .index-slider .swiper-slide-active .item .item-desc {opacity:1;padding-left:70px;} .index-slider .swiper-slide-active .item-img {right:30px;opacity:1;} /* boxes */ .box .box-header .box-header--title {text-align:center;margin-bottom:40px;letter-spacing:0.1em;font-weight:700;font-size:24px;text-transform:uppercase;} .box .box-content--more {padding-top:30px;text-align:center;} .box .box-content--more{text-align:center;} .box .box-content--more .btn {background:#eee} .box .box-content--more .btn:hover{background:var(--main-color);color:#fff;} /* box shopdesc */ .box-shopdesc {padding-bottom:100px;padding-top:90px;} .box-shopdesc .box-content {position:relative;padding-top:50px;padding-bottom:30px;color:#fff;margin:0 -20px;border-radius:5px;min-height:400px;background:url(shop-desc-bg.jpg) repeat center top;} .box-shopdesc .shop-title {margin:0 0 -50px 50px;position:relative;z-index:2;font-size:96px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;} .box-shopdesc .shop-description {color:#D2D2D7;line-height:20px;width:62%;padding:50px;background: rgba(141, 141, 141, 0.3);backdrop-filter: blur(50px);border-radius: 5px;} .box-shopdesc .shop-description .b {color:#fff;} .box-shopdesc .shop-description--img {max-width:none;max-height:none;position:absolute;right:20px;top:-60px;z-index:3;} /* box benefits */ .box-benefits {margin-bottom:30px;text-align:center;padding-top:40px;padding-bottom:40px;} .box-benefits .benefit-items--item .benefit-items--item-ico {display:flex;align-items:center;justify-content:center;margin-bottom:10px;height:64px;} .box-benefits .benefit-items--item .benefit-items--item-name {font-weight:500;} /* box reviews */ .box-reviews {margin:0 -20px;padding-top:40px;} .box-reviews .box-header .box-header--title {margin-bottom:80px;} .box-reviews .item-review {position:relative;height:100%;background: #EEEEEE;border: 1px solid #D2D2D7;border-radius: 5px;padding:30px;} .box-reviews .item-review .item-review--from {display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;} .box-reviews .item-review .item-review--text {line-height:20px;max-height:100px;overflow:hidden;} .box-reviews .item-review.is-hidden .item-review--text:after{z-index:9;left:0;position:absolute;content:'';width:100%;bottom:0;height:80px;background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,0.65) 8%, rgba(238,238,238,0.65) 20%);background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.65) 8%,rgba(238,238,238,0.65) 20%);background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,0.65) 8%,rgba(238,238,238,0.65) 20%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#a6eeeeee',GradientType=0 );} .box-reviews .item-review.is-hidden .item-review--text:before{cursor:pointer;z-index:10;text-decoration:underline;position:absolute;color:#666;bottom:10px;left:30px;font-size:13px;content:'Подробнее'} .box-reviews .item-review.is-open .item-review--text {max-height:none;} .box-reviews .item-review .item-review--date{min-width:100px;color: #A5A5A9;} .box-reviews .item-review .item-review--rating {min-width:100px;} .box-reviews .item-review .item-review--avatar{flex:1;text-align:center;position:relative;} .box-reviews .item-review .item-review--img {margin:0 auto;width:80px;height:80px;border-radius:100%;overflow:hidden;margin-bottom:-16px;margin-top:-70px;} .box-reviews .item-review .item-review--img img {width:100%;height:100%;} .box-reviews .item-review .item-review--name {min-width:90px;background:#000;border-radius:5px;padding:6px 10px;display:inline-block;color:#fff;font-weight:700;} .page-review .page-title {padding:0 25px;} .page-review .page-review--content {padding-top:50px} .page-review .page-review--header {padding:0 25px;align-items:center;margin-bottom:20px;display:flex;flex-wrap:wrap;} .page-review .page-review--header .page-reviews--header-rating {padding:0 20px;} .page-review .box-reviews .item-review--wrap {margin-bottom:70px;} .box-reviews--product .item-review {background:#fff} .box-related {position:relative;padding:40px 20px 0 20px;} .box-related .product-grid .product-item {padding-top:20px;} .box-related .box-header .box-header--title {text-align:left;margin-bottom:20px;} .box-related .swiper-buttons {padding:0 6px;} /* box white */ .box-white {position:relative;z-index:3;margin: 0 -15px;background: #FFF;padding: 30px;box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);border-radius: 5px;} .box-white--catalog-header {box-shadow:none;transition:all 0.3s;margin-left:15px;margin-right:15px;margin-bottom:20px;background: rgba(255, 255, 255, 0.6);} .box-white--catalog-header:hover{background:#fff;} /* subcollections */ .collection-filters {margin-bottom:30px;font-size:13px;padding-left:15px;padding-right:15px;} .collection-filters .collection-filters--content {display:flex;flex-wrap:wrap;} .collection-filters .collection-filters--item {margin:0 8px 8px 0;} .collection-filters .collection-filters--item .collection-filters--item-value {display:inline-block;transition:all 0.3s;position:relative;z-index:1;color:#777;padding:5px 10px;background:#fff;border-radius:6px;text-decoration:none;} .collection-filters .collection-filters--item .collection-filters--item-value:hover{color:#000;z-index:2;box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);} /* footer */ .footer {position:relative;z-index:2;} .footer .footer-top {background:#fff;padding-top:25px;} .footer .footer-top .footer-top--inner {display:flex;flex-wrap:wrap;width:100%;} .footer .footer-top .footer-panel {height:auto;flex:0 0 25%;} .footer .footer-top .footer-panel .footer-panel--group {height:calc(100% - 43px);} .footer .footer-top .footer-panel .footer-panel--group + .footer-panel--group {margin-top:25px;} .footer .footer-top .footer-panel .footer-panel--group-title {margin-bottom:25px;text-transform:uppercase;font-weight:700;} .footer .footer-top .footer-panel .footer-panel--group-content {height:100%;padding-bottom:25px;border-left:1px solid var(--main-color);padding-left:25px;} .footer .footer-top .footer-menu .footer-menu--item {padding-bottom:8px;} .footer .footer-top .footer-menu .footer-menu--item .footer-menu--item-link {transition:all 0.3s;color:#26262D;text-decoration:none;} .footer .footer-top .footer-menu .footer-menu--item .footer-menu--item-link:hover, .footer .footer-top .footer-menu .footer-menu--item .footer-menu--item-link.is-selected{text-decoration:underline;color:var(--main-color)} .footer .footer-top .footer-menu .footer-menu--item:last-child{padding-bottom:0;} .footer .footer-top .footer-panel--c {flex:0 0 20%} .footer .footer-top .footer-panel--c .footer-panel--group-content {color:#989CA3;line-height:20px;border-left-color:#D2D2D7;} .footer .footer-top .footer-panel--c .footer-panel--group:first-child .footer-panel--group-content {padding-bottom:0;} .footer .footer-top .footer-panel--c .footer-panel--group {height:auto;} .footer .footer-top .footer-panel--map {flex:0 0 30%} .footer .footer-top .footer-map {position:relative;} .footer .footer-top .footer-map--layer {position:absolute;top:20px;left:0;right:0;margin:0 auto;display:flex;justify-content:center;} .footer .footer-top .footer-map--layer .btn {height:40px;padding:0 15px;} .footer .footer-top .footer-map--layer .btn-link {background:#fff;padding-left:20px;} .footer .footer-top .footer-map--layer .btn-primary{margin-right:-5px;position:relative;z-index:2;} .footer .footer-bottom {background: rgb(73,79,90);background: radial-gradient(circle, rgba(73,79,90,1) 0%, rgba(33,40,48,1) 69%);} .footer .footer-bottom > .container {align-items:center;display:flex;padding-top:40px;padding-bottom:40px;} .footer .footer-bottom .footer-logo {position:relative;padding-right:30px;} .footer .footer-bottom .footer-logo:after{position: absolute;width: 78px;height: 27px;content:'';right:30px;z-index:1;background: transparent;box-shadow: 0px 0px 50px 7px #0079FF;} .footer .footer-bottom .footer-logo img {position:relative;z-index:2;} .footer .footer-bottom .footer-copyrights {flex:1;color: #D2D2D7;line-height:17px;} .footer .footer-bottom .footer-copyrights .footer-copyrights--offer {display:flex;flex-wrap:wrap;font-size:12px;} .footer .footer-bottom .footer-copyrights .footer-copyrights--offer a {margin-right:10px;margin-bottom:6px;color:#848890;} /* content wrap */ .content-wrap {height:100%;position:relative;z-index:4} .content-wrap > .container {height:100%;} .inner-page .content-wrap {border-top:1px solid #D2D2D7;} .inner-page .page-content {padding-top:15px;padding-bottom:60px;} .product-page .breadcrumbs {padding-left:50px;} .cart-page .page-content--inner {padding-left:15px;padding-right:15px;} .page-content {height:100%;border:1px solid #D2D2D7;border-top:0;border-bottom:0;position:relative;} .page-content .page-content--lines:before, .page-content .page-content--lines:after, .page-content .page-content--lines span {z-index:1;width:1px;height:100%;content:'';position:absolute;left:25%;top:0;background:#D2D2D7;} .page-content .page-content--lines:after {left:auto;right:25%;} .page-content .page-content--lines span {left:auto;left:50%;} .page-content .page-content--inner {position:relative;z-index:2;} .page-inner {border-radius:6px;background:#fff;padding:35px; /*box-shadow: 0 0px 40px rgb(0 0 0 / 10%);*/ } .page-header {padding:0 15px;margin-bottom:20px;} .page-header .page-header--title * {margin-bottom:0} .page-header--wrapper {display:flex;justify-content:space-between;} .page-header--wrapper .page-header--title {padding-right:25px;} .page-header--wrapper .page-header--title h1 {margin-bottom:0;} .inner-page .page-content--lines span, .inner-page .page-content--lines:before, .inner-page .page-content--lines:after {display:none;} .collection-page .page-content--lines:before {display:block;} .collection-content {display:flex;} .collection-content .collection-sidebar--wrap {padding:0 15px;flex:0 0 25%;} .collection-content .collection-sidebar--wrap .sidebar {transition: all 0.3s;position: -webkit-sticky;position: sticky;top: 100px;} .collection-content .collection-content--wrap {flex:0 0 75%;} /* products grid */ .product-grid .product-item {margin-bottom:30px;position:relative;padding-bottom:100px;} .product-grid .product-grid--items {margin:0;position:relative;z-index:2;} .product-grid .product-item--img {transition:all 0.3s;display:flex;justify-content:center;align-items:center;background:#eee;position:relative;z-index:1;height:270px;font-size:0} .product-grid .product-item--img img {mix-blend-mode: multiply;} .product-grid .product-item--details {transition:all 0.3s;position:absolute;bottom:0;left:0;right:0;z-index:2;background: rgba(255, 255, 255, 0.6);box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);backdrop-filter: blur(30px);border-radius: 5px;} .product-grid .product-item--title {transition:all 0.3s;justify-content:center;padding:10px 20px;min-height:60px;font-size:16px;line-height:19px;display:flex;align-items:center;border-bottom:1px solid #E2E2E3} .product-grid .product-item--title a {transition:all 0.3s;overflow:hidden;display:block;text-decoration:none;color:#292A34} .product-grid .product-item--title a:hover{color:var(--main-color)} .product-grid .product-item--buy {padding:15px 20px;display:flex;align-items:center;} .product-grid .product-item--prices {flex:0 0 60%;padding-right:10px;} .product-grid .product-item--prices .old-price {text-decoration:line-through;font-size:14px;color: #A5A5A9;} .product-grid .product-item--prices .price {font-size:20px;font-weight:700;} .product-grid .product-item--buttons .btn-buy {border:none;color:var(--main-color);background:none;padding:0 10px;height:40px;width:100%;} .product-grid .product-item--buttons .btn-buy:hover{background:#eee;} .product-grid .product-item .product-item--img .product-item--img-wrap {background:#eee;height:270px;transition:all 0.4s;} .product-grid .product-item:hover .product-item--img .product-item--img-wrap {margin-top:-50px;} .product-grid .product-item:hover .product-item--details {background:#fff;} /* shopReviews */ .shopReviews {justify-content:center} .shopReviews .item {padding:25px 0;text-align:center;} .shopReviews .item__provider {margin-bottom:20px;} .shopReviews .item .provider__logo {position:relative;z-index:1;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:-20px;} .shopReviews .item .provider__logo a {transition:all 0.3s;} .shopReviews .item .provider__logo a:hover{opacity:0.7} .shopReviews .item .provider__rating {display:inline-block;border:1px solid #ccc;margin:0 auto;position:relative;z-index:2;padding:8px 12px;border-radius:18px;background:#fff;} .shopReviews .item .review .review__author {text-transform:uppercase;font-weight:700;margin-bottom:4px;} .shopReviews .item .review .review__date {color:#ccc;font-size:12px;margin-bottom:10px;} .shopReviews .item .review .review__text {font-size:14px;line-height:18px;max-height:100px;overflow:hidden;position:relative;} .shopReviews .item .review .review__text:after{content:'';height:50px;position:absolute;left:0;bottom:0;width:100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.07) 5%, rgba(255,255,255,1) 76%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 5%,rgba(255,255,255,1) 76%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.07) 5%,rgba(255,255,255,1) 76%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .shopReviews__newButton {text-align:center;margin-bottom:15px;} .shopReviews__header {border:1px solid #e9e5e5;padding:15px 0;margin-bottom:25px;border-radius:25px;} .shopReviews__header .shopReviews .item__provider {margin-bottom:0;} .shopReviews__list {padding:0 4%;} .shopReviews__list .item {align-items:center;display:flex;padding:35px 0;border-bottom:1px solid #e9e5e5;} .shopReviews__list .item:last-child{border-bottom:0} .shopReviews__list .item__avatar {flex:0 0 120px;min-width:120px;} .shopReviews__list .item__avatarSrc {width:120px;height:120px;border-radius:100%;} .shopReviews__list .item__desc{padding-left:20px;} .shopReviews__list .item__header {display:flex;align-items:center;margin-bottom:10px;flex-wrap:wrap;} .shopReviews__list .item__author {font-size:18px;font-weight:700;text-transform:uppercase;margin-right:10px;} .shopReviews__list .item__date {color:#ccc;font-size:13px;} .shopReviews__list .item__rating {margin-right:10px;} .shopReviews__list .item__content {line-height:20px;color:#444;} @media (max-width: 767px){ .shopReviews__list .item {display:block;text-align:center;} .shopReviews__list .item__avatar {margin-bottom:10px;} .shopReviews__list .item__header {justify-content:center;} .shopReviews__list .item__content {font-size:14px;line-height:18px;} .shopReviews__list .item__desc {padding-left:0;} .shopReviews__list .item__author {font-size:15px;} } @media (max-width: 420px){ .shopReviews__list{padding:0;} .shopReviews__list .item__header {display:block;text-align:center;} .shopReviews__list .item__rating {padding:4px 0;} } /* index catalog */ .index-catalog--group {margin-bottom:40px;} .index-catalog--group .index-catalog--group-title {margin-bottom:-30px;text-align:center;position:relative;z-index:1;color: #E0E0E0;font-size:96px;font-weight:700;text-transform:uppercase;letter-spacing:0.2em} .index-catalog--group .product-grid .product-item {margin-bottom:15px;} .collection-catalog--group .index-catalog--group-title {color:#000;text-align:center;font-size:24px;margin-bottom:25px;} .offer-link {display:block;color:#bbb;font-size:11px;line-height:13px;padding-top:6px;} /* status */ .status span{height: 20px;font-weight:300;line-height: 20px;font-style:normal;padding: 0 10px;border-radius: 4px;background: #67BB00;color: #fff;font-size: 11px;display:inline-block;} .status.na span{background:#666} /* compare */ .compare-page .page-title{overflow:hidden} .compare-page .page-content{width:100%;overflow:hidden} .compare-page #header{margin-bottom:25px} .compare-page .page-title h1{float:left} .compare-page .page-title .compare_clear{margin-top:6px;font-size:13px;text-transform:uppercase;float:right} .compare-page .page-title .compare_clear a{transition:all 0.3s;color:#7b7680;text-decoration:none;border-bottom:1px dashed #7b7680} .compare-page .page-title .compare_clear a:hover{color:#333;border-color:#333} .compare-page #compare_div {overflow:hidden;overflow-x:auto;} .compare-page .table-wrap {min-width:960px;} .compare-page #compare_table{font-size:13px;color:#222124;table-layout:fixed} .compare-page #compare_table td{vertical-align:middle;width:20%;padding:12px;} .compare-page #compare_table td.param-title{text-align:right;padding-right:12px;background:#fafafa} .compare-page #compare_table thead td{border-bottom:1px solid #ccc} .compare-page #compare_table tbody tr td{transition:all 0.3s;padding-top:9px;padding-bottom:9px;} .compare-page #compare_table tbody tr:hover td{background:#fafafa} .compare-page #compare_table td.prod-empty .item{height:252px;} .compare-page #compare_table td.prod-empty .item{color:#7b7680;position:relative;text-align:center} .compare-page #compare_table td.prod-empty .item span{position:relative;top:50%;display:inline-block;transform:translateY(-50%)} .compare-page #compare_table .compare_control{vertical-align:middle} .compare-page #compare_table .links{font-size:13px} .compare-page #compare_table .links > span{cursor:pointer;color:#000;text-decoration:none;transition:all 0.3s;display:block;height:50px;text-align:center;line-height:50px;background:#C5E0FE} .compare-page #compare_table .links > span.active{background:#489DFD;color:#fff} .compare-page #compare_table .links > span:first-child{-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px} .compare-page #compare_table .links > span:last-child{-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px} /* COLLECTION */ .collection-sorting{margin-bottom:20px} .sort{font-size:14px;color:#637492} .sort span{position:relative;margin:0 10px 10px 0;transition:all 0.3s;display:inline-block;height:30px;line-height:30px;cursor:pointer;border-radius:6px;float:left;padding:0 15px;border:1px solid #ddd} .sort span:hover{border-color:#FFC300;color:#FFC300} .sort span:after{opacity:0;display:block;border-radius:100%;position:absolute;right:-6px;top:-6px;content:'x';width:15px;height:15px;background:#FFC300;color:#fff;text-align:center;line-height:14px;font-size:10px} .sort span.selected{color:#FFC300;border-color:#FFC300} .sort span.selected:after{opacity:1} .page-sort{margin-top:8px;display:flex;font-size:14px;} .page-sort .item{display:flex;float:right} .page-sort .item .label{color:#9A9A9A;line-height:26px} .page-sort .item .label,.sort .item .select{float:left} .page-sort .select-sort .select {min-width:134px;} .page-sort .view {font-size:20px;color:#ccc;display:flex;margin-left:8px;} .page-sort .view > div {cursor:pointer;transition:all 0.3s;float:left;line-height:30px;} .page-sort .view > div:first-child {margin-right:10px;} .page-sort .view > div:hover{color:#888;} .page-sort .view > div.selected {color:#489DFD;} /* filter */ .filter .group{padding: 15px 0;border-radius: 6px;background:#fff;margin-bottom:20px;box-shadow: 0 0px 20px rgb(0 0 0 / 2%);} .filter .group .group-content {padding:0 15px;} .filter .group .t{padding:0 15px;font-size:15px;margin-bottom:14px;font-weight:700;} .filter .group input[type=checkbox]{display:none} .filter .group.bk ul{font-size:13px;overflow:hidden} .filter .group.bk ul li{float:left;font-size:12px;background:#fff;margin:0 3px 3px 0;border:1px solid #ddd;transition:all 0.3s;overflow:hidden;border-radius:5px;color:#9A9A9A;text-align:center;text-decoration:none;} .filter .group.bk ul li .item{cursor:pointer;line-height:26px;min-width:46px;display:block;padding:0 10px} .filter .group.bk ul li:hover{color:#489DFD;border-color:#489DFD} .filter .group.bk ul li.checked{border-color:#489DFD;} .filter .group.bk ul li.checked .item{color:#489DFD;} .filter .group.color ul{overflow:hidden} .filter .group.color ul li{transition:all 0.3s;cursor:pointer;border:1px solid #ddd;border-radius:100%;min-width:1px;font-size:0px;background:none;margin:0 5px 5px 0;border-radius:none;display:block;float:left} .filter .group.color ul li .item{display:block;padding:0px;border:3px solid #fff;border-radius:100%} .filter .group.color ul li .item img{width:12px;height:12px;border-radius:100%} .filter .group.color ul li.checked,.filter .group.color ul li:hover{border-color:#489DFD} .filter .group.series .group-content {padding:0} .filter .group.series ul li {border-bottom:1px solid #f5eded} .filter .group.series ul li a {padding:10px 15px;display:block;text-decoration:none;transition:all 0.3s;color:#292A34;} .filter .group.series ul li a:hover, .filter .group.series ul li.active a{background-color:var(--main-color);color:#fff;} .filter .group.series ul li:last-child{border:0;} .filter .group.reset {text-align:center;font-size:16px} .filter .group.reset span{border-bottom:1px dashed #9A9A9A;color:#9A9A9A;display:inline-block;cursor:pointer;transition:all 0.3s} .filter .group.reset span:hover{color:#777} .filter .group-price .slider {margin-bottom:20px;} .filter .group-price .buttons {display:flex;justify-content:space-between;} .filter .group-price .buttons .col {flex:0 0 48%;} .filter .group-price .buttons .input{font-size:12px;color:#999;border:1px solid #ddd;float:left;height:26px;line-height:26px;width:80%; min-width:1px;text-align:center;padding:0px;} .filter .group-price .buttons label {color:#999;width:20%;float:left;line-height:26px;display:block;} .filter .group ul li.disabled {opacity:0.4 !important;} .filter .group ul li.disabled span {cursor:not-allowed !important} .filter .filter-reset .btn{width:100%;} /* default specs */ .p-specs {column-count:2;column-gap: 50px;break-inside: avoid-column;} .p-specs .p-specs-group{ margin-bottom:35px} .p-specs .t{font-size:18px;font-weight:700;margin-bottom:25px} .p-specs ul{font-size:14px;color:#555} .p-specs ul li{overflow:hidden;margin-bottom:15px;position:relative} .p-specs ul li:before{width:100%;z-index:1;height:1px;border-bottom:1px dashed #c8c8c8;content:'';position:absolute;left:0px;top:12px} .p-specs ul li span{position:relative;z-index:2;background:#FFF;display:block;width:45%;float:left} .p-specs ul li span.title{display:inline-block;max-width:55%;width:auto;padding-right:6px} .p-specs ul li span.value{float:right;padding-left:6px} .p-specs ul li span i {color:#67BB00;cursor:pointer;} /* pager */ .pager{margin-bottom:40px;font-size:16px;text-align:center;font-weight:300} .pager a{text-decoration:none;transition:all 0.3s;color:#9A9A9A;display:inline-block;text-decoration:none} .pager a,.pager span{margin:0 13px;padding:6px 6px} .pager span{font-weight:400;color:#000;border-bottom:3px solid #489DFD} .pager a:hover{color:#000} .pager a.prev:before,.pager a.next:before{content:'\e82d';color:#9A9A9A} .pager a.prev:before{transform:rotate(180deg)} .pager a.prev:hover:before,.pager a.next:hover:before{color:#000} .pager a.prev{margin-left:0px} .pager a.next{margin-right:0px} /* Responsive */ .filter-open{display:none} /* default hs-groups */ .hs-groups .group{position:relative} .hs-groups .group .label{margin-bottom:10px;color:#489DFD;text-transform:uppercase} .hs-groups .group .t{margin-bottom:10px;font-size:24px;color:#1D1B1F} .hs-groups .group p{margin-bottom:0px;color:#9A9A9A} .hs-groups .group.i-location .t{font-size:18px} .contacts-form {padding:30px 0 60px 0;} .contacts-form .t {margin-bottom:20px;} .contacts-form .form {margin:0 auto;} .contacts-form .form .input {width:100%;} /* contacts page */ .map-wrap {padding-top:35px;} .s-contacts .top-contacts{border-top:1px solid #EAECF2;} .s-contacts .top-contacts .hs-groups .col{border-left:1px solid #EAECF2} .s-contacts .top-contacts .hs-groups .col:first-child{border:0px} .s-contacts .top-contacts .hs-groups .groups {display:flex;} .s-contacts .top-contacts .hs-groups .group{padding:22px 15px} .s-contacts .map-wrap .h4{text-align:center;text-transform:uppercase;margin-bottom:50px} .s-contacts .map-wrap .hs-groups>*:nth-child(1) .group{padding-top:0px;border:0px} .s-contacts .map-wrap .hs-groups>*:last-child .group .t{font-size:18px} .s-contacts .map-wrap .group{border-top:1px solid #EAECF2;padding-top:35px;margin-bottom:35px} .s-contacts .map-wrap .map img,.s-contacts .map-wrap .map iframe{max-width:100%} .s-contacts .bottom-contacts{ text-align:center;padding:30px 0;background:#F0F0F0} .s-contacts .bottom-contacts .item{height:100%;background:#fff} .s-contacts .bottom-contacts .item p{margin-bottom:0px} .s-contacts .bottom-contacts .item .h, .contacts-form .t{font-size:18px;text-align:center;text-transform:uppercase;padding:20px;border-top:2px solid #489DFD;border-bottom:1px solid #EAECF2} .s-contacts .bottom-contacts .item .c{padding:10px 40px} .s-contacts .bottom-contacts .item .group{padding:20px 0;border-top:1px solid #EAECF2} .s-contacts .bottom-contacts .item .group:first-child{border:0px} .s-contacts .bottom-contacts .item .group .t{font-size:24px; margin-bottom:10px} .s-contacts .bottom-contacts .item .group p{Color:#9A9A9A} .s-contacts .bottom-contacts .item .group.email .t{font-size:18px; font-weight:700} .s-contacts .bottom-contacts .item .group.txt{line-height:18px;margin-bottom:40px} .s-contacts .bottom-contacts .item .group.address{font-size:16px;line-height:24px} .s-contacts .bottom-contacts .item .group.warn{font-weight:700} .s-contacts .phone a {color:#000;text-decoration:none;font-weight:700;} .s-contacts .phone a:hover{text-decoration:underline;} /* new page reviews */ .page-reviews-content {display:flex; margin-bottom:40px;padding-top:15px;} .page-reviews-content .editor {order:1;} .page-reviews-content .newreview__button {min-width:20%;text-align:right;order:2;margin-left:25px;} /* ------------------- MOBILE ------------------- */ @media (max-width:1399px){ body{padding-top:186px;} .header .header-main .header-panel--search {flex:1} .header .nav {font-size:14px} .header .nav > .nav-item {padding-top:6px;padding-bottom:6px;} .header .header-topbar--links .header-topbar--links-list__item {padding-right:2%} .header .header-topbar{height:40px;} .header .header-main .header-panel--icon .item .item-content--value {font-size:16px;} .header .header-topbar--panel {padding-top:6px;padding-bottom:6px;} .header .header-main .header-panel {padding-right:0;padding-left:20px;} .header .header-main .header-panel--icon .item .item-icon {margin-right:0;} .header .header-worktime {font-size:11px;} .header .nav > .nav-item > .nav-item--link {padding-top:18px;padding-bottom:18px;} .header .nav > .nav-item > .nav-item--link:after {bottom:10px;} .header .header-main .header-panel--icon .item .item-content {display:none;} .header .header-main .header-panel--phone .item .item-content {display:block} .header .header-main .header-panel--phone .item .item-icon {margin-right:10px;} .index-slider{margin-top:0} .index-slider .item-img {max-width:50%;max-height:90%;bottom:0;top:auto;} .index-slider .item {height:350px;padding-top:0;margin-top:0;} .index-slider .item .item-desc--title {font-size:40px;line-height:normal;} .index-slider .item .item-desc--subtitle {font-size:16px;width:60%} .index-slider .item .item-desc--btns {padding-top:30px;} .index-slider .item .item-desc--btns .btn {height:48px;line-height:48px;} .box-benefits {margin-bottom:0;padding-top:30px;padding-bottom:30px;} .product-page .breadcrumbs {padding-left:15px;} .footer .footer-top .footer-menu li {padding-bottom:10px;} .footer .footer-top .footer-panel--c {font-size:13px;} .footer .footer-top .footer-map--layer {display:block;text-align:center;} .footer .footer-top .footer-map--layer .btn {min-width:80%;} .footer .footer-top .footer-map--layer .btn-primary {margin:0} .footer .footer-top .footer-map--layer .btn + .btn {margin-top:10px;} .box-reviews .item-review .item-review--text {font-size:13px;} .index-catalog--group {margin-bottom:30px;} .box-shopdesc {padding-top:60px;} .p-page .p-title h1 {font-size:28px;} } @media (min-width:1200px) and (max-width:1399px){ .product-grid .product-item--buy {display:block;padding-left:10px;padding-right:10px;} .product-grid .product-item--prices {text-align:center;justify-content:center;align-items:center;padding-right:0;margin-bottom:10px;display:flex;width:100%;} .product-grid .product-item--prices .old-price {margin-right:10px;} .product-grid .product-item--prices .price {display:block;text-align:center;font-size:18px;} } @media (max-width:1199px){ .editor {font-size:14px;} .header .header-account {display:none} .header .header-worktime {padding-right:0} .header .header-topbar--panel {border-left-width:1px} .header .nav > .nav-item {padding-left:0;padding-right:0;} .page-content .page-content--lines span {display:none;} .page-content .page-content--lines:before {left:33.33%} .page-content .page-content--lines:after {right:33.33%} .collection-page .page-content .page-content--lines:before {display:none} .box-benefits{padding-left:30px;padding-right:30px;background:#eee;border-bottom:1px solid #ccc;} .box-benefits .benefit-items--item .benefit-items--item-name {font-size:14px;} .box-reviews {margin-left:15px;margin-right:15px;} .index-catalog--group .product-grid .product-item--wrap, .box-reviews--index .item-review--wrap{display:none;} .index-catalog--group .product-grid .product-item--wrap:nth-child(-n+3), .box-reviews--index .item-review--wrap:nth-child(-n+2){display:block;} .box-shopdesc .shop-description--img {max-width:40%;top:auto;bottom:-30px} .box-shopdesc .shop-title {font-size:36px;margin-bottom:15px;} .box-shopdesc .shop-description {font-size:14px;} .collection-content, .collection-content .mobile-filter--btn {display:block;} .collection-content .mobile-filter--btn {margin-bottom:20px;} .collection-content .sidebar {display:none;} .js-show--filter .collection-content .sidebar {display:block;} .filter {display:flex;flex-wrap:wrap;justify-content:space-between;} .filter .group {flex:0 0 49%;} .filter .filter-reset{display:none;} .map-wrap .map {margin-bottom:35px;} } @media (min-width:767px) and (max-width:1199px){ .footer .footer-top .footer-panel {flex:0 0 33.33%} .footer .footer-top .footer-panel--map {padding-bottom:25px;flex:0 0 100%;padding-top:25px;} .footer .footer-bottom > .container {padding-top:30px;padding-bottom:30px;} } @media (max-width:991px){ body {padding-top:80px;} .index-catalog--group .index-catalog--group-title {font-size:56px;} .index-catalog--group .index-catalog--group-title {margin-bottom:30px;padding-top:15px;} .index-catalog--group .product-grid .product-item--wrap {margin-bottom:20px;} .index-catalog--group .product-grid .product-item--wrap:nth-child(-n+4){display:block;} .index-catalog--group .box-content--more {padding-top:10px;} .page-content .page-content--lines:before {left:50%;} .page-content .page-content--lines:after {display:none;} .index-slider .swiper-slide-active .item .item-desc {padding-left:30px} .index-slider .item {height:260px;} .index-slider .swiper-pagination {left:30px;bottom:18px;} .index-slider .item .item-desc--title {font-size:36px;} .index-slider .item .item-desc--subtitle {font-size:14px;width:80%;} .header .header-topbar {display:none;} .header .header-main--inner {justify-content:space-between;} .header .header-main .header-panel {display:none} .header .header-main .header-panel--mobile-nav .link {cursor:pointer;margin-right:6px;font-size:18px;color:#292A34;text-decoration:none;} .header .header-main .header-panel--mobile-nav .link:first-child{margin-left:0;} .header .header-main .header-panel--mobile-nav .link span {display:block;font-size:11px;color:#333;width: 18px;height: 18px;border-radius: 100%;background: var(--second-color);text-align: center;line-height: 18px;} .header .header-main .header-panel--mobile-nav, .header .header-main .header-panel--logo {display:block;} .header .header-main .header-panel--search, .header .header-bottom {display:none;position:fixed;background:#fff;left:0;top:58px;right:0;width:100%;padding-top:15px;padding-bottom:15px;animation: fadeInDown 0.3s;box-shadow: 5px 10px 10px rgba(0,0,0,0.1);} .header .header-main .header-panel--mobile-nav {display:flex;} .header .header-main .header-panel--mobile-nav .link.i-cart {align-items:center;display:flex;} .header .header-main .header-panel--mobile-phone {display:block;} .header .header-main .header-panel--mobile-phone .phone {font-weight:700} .header .header-main .header-panel--mobile-phone .phone a {color:#000;text-decoration:none;} .header .header-main .header-panel--mobile-phone .cb {font-size:14px;} .js-show-search .layer, .js-show-menu .layer {opacity:0.98;visibility:visible;} .js-show-menu .header .header-bottom, .js-show-search .header .header-main .header-panel--search {display:block;} .header .nav>li{border-bottom:1px solid #cbcbcb;font-size:14px} .header .nav>li:last-child{border:0px} .header .nav>li>a{color:#232323;display:block;padding:8px 0;text-decoration:none;margin-right:40px} .header .nav>li>ul{text-transform:none;column-count: 2;column-gap: 20px;break-inside: avoid-column;display:none;font-size:14px;margin-bottom:15px;padding-top:20px;} .header .nav>li>ul>li{font-size:14px;margin-bottom:10px} .header .nav>li>ul>li a{color:#888;text-decoration:none} .header .nav>li>ul>li a:hover, .header .nav>li>ul>li a.active {color:#2A72DE;text-decoration:underline;} .header .nav>li.sale{padding:6px 0} .header .nav>li.hs i{transition:all 0.3s;font-style:normal;position:absolute;right:2px;top:0px;text-align:center;display:inline-block;z-index:4;color:#fff;cursor:pointer;z-index:4;color:#333;text-align:center;line-height:30px;right:2px;top:1px;width:30px;height:30px} .header .nav>li.hs i:after{display:inline-block;font-size:22px;line-height:30px;transition:all 0.3s;content:'\E809';font-family:'icons';} .header .nav>li.hs.open > ul {display:block;} .header .nav>li.hs.open i {transform:rotate(90deg)} .header .nav > .nav-item {position:relative;} .header .nav > .nav-item > .nav-item--link {padding-top:4px;padding-bottom:4px;} .header .mobile-links {font-size:13px;display:block;margin-top: 10px;display: block;padding: 15px 20px;background: #F0F2F5;column-count: 2} .header .mobile-links li {padding:4px 0;} .header .header-bottom {max-height: 80vh;overflow: hidden;overflow-y: auto;} .footer .footer-bottom .footer-payments {display:none;} .footer .footer-bottom .footer-copyrights {font-size:13px;} .box-reviews {padding-top:20px;} .box-reviews .box-header {margin-bottom:55px;} .box-reviews .item-review .item-review--from {display:block;} .box-reviews .item-review .item-review--from .item-review-rating {text-align:center;padding-top:10px;} .box-reviews .item-review .item-review--date {display:none;} .box-reviews .item-review {padding:30px 20px 30px 20px;} .p-specs {column-count:unset;column-gap:none} .page-header--wrapper {display:block;} .page-reviews-content {display:block;} .page-reviews-content .newreview__button {text-align:left;margin-bottom:20px;margin-left:0;} } @media (max-width:767px){ .header .header-main .header-panel--logo img {max-width:140px;} .index-slider .item {height:200px;} .index-slider .item .item-desc--subtitle {width:100%;text-align:center;max-width:100%} .index-slider .swiper-slide-active .item .item-desc {padding:0 20px;} .index-slider .item .item-desc {width:100%;text-align:center;padding-left:0;} .index-slider .item .item-desc--title {font-size:28px;} .box-benefits .benefit-items--item {margin-bottom:15px;} .index-catalog--group .index-catalog--group-title {font-size:40px;margin-bottom:20px;} .product-grid .product-item--buttons {flex:0 0 40%;} .product-grid .product-item--buttons .btn {width:100%;} .box-reviews .item-review--wrap{display:block;margin-bottom:20px;} .box-shopdesc .shop-description {width:70%;padding:30px 50px 30px 30px;} .box .box-content--more {padding-top:0;} .box .box-header .box-header--title {margin-bottom:20px;font-size:20px;} .box-shopdesc {padding-bottom:40px;} .footer .footer-top .footer-panel {flex:0 0 50%;margin-bottom:30px;} .footer .footer-top .footer-panel .footer-panel--group-content {padding-bottom:0;} .footer .footer-bottom > .container {display:block;} .footer .footer-bottom .footer-logo {margin-bottom:20px;} .footer .footer-bottom .footer-logo:after {display:none;} .filter {display:block;padding:15px;border-radius: 6px;background:#fff;margin-bottom:20px;box-shadow: 0 0px 20px rgb(0 0 0 / 2%);} .filter .group {background:none;padding:0;box-shadow:none;border-radius:0;background:none;border:0;} .filter .group .t, .filter .group .group-content {padding:0;} } @media (max-width:575px){ h1,.h1, h2,,h2, .h3, h3,.h4, h4,.h5, h5,.h6, h6 {line-height:normal;} h1,.h1{font-size:24px;} h2,.h2{font-size:20px;} h3,.h3{font-size:18px;} h4,.h4,h5,.h5,h6,.h6{font-size:16px;} .popup {width:auto !important;left:0;right:0;margin:0 10px;} .popup .c {padding:20px;} body {padding-top:65px;font-size:14px;} .index-slider {margin-left:15px;margin-right:15px;} .page-content .page-content--lines:before {display:none;} .box-benefits {padding:20px 20px 0 20px;} .box-benefits .benefit-items--item-wrap {flex:0 0 50%} .box-benefits .benefit-items--item .benefit-items--item-ico {margin-bottom:0;min-width:56px;} .box-benefits .benefit-items--item .benefit-items--item-ico img {width:56px;height:56px;} .box-benefits .benefit-items--item {text-align:left;display:flex;flex:0 0 50%;align-items:center;} .header .header-main .header-panel--mobile-phone {display:none;} .swiper-pagination>span {margin-right:8px;} .collection-content .mobile-filter--btn {display:flex;justify-content:space-between;} .collection-content .mobile-filter--btn .btn {flex:0 0 49%;height:40px;padding:0 15px;font-size:12px;} .box-white {padding:15px;} .page-header--sort .page-sort .item {float:none;} .page-header--sort .page-sort {display:block;} .s-contacts .top-contacts .hs-groups .groups {display:block;} .s-contacts .top-contacts {margin-bottom:0;} .s-contacts .top-contacts .hs-groups .groups .group + .group .label {display:none} .bottom-contacts .row, .contacts-form .row {margin:0 -30px;} .s-contacts .top-contacts .hs-groups .group {padding:20px 0;} .s-contacts .bottom-contacts .item .c {padding-left:20px;padding-right:20px;} .acc-list .item > .a {font-size:16px;padding: 10px 20px;} .box-reviews .item-review.is-hidden .item-review--text:before {left:20px} } @media (max-width:480px){ .breadcrumbs {margin-bottom:15px;} .page-content .page-content--inner, .collection-filters, .page-header, .collection-content .collection-sidebar--wrap {padding-left:0;padding-right:0;} .box-white--catalog-header {margin-left:0;margin-right:0;} .page-content, .inner-page .content-wrap {border:0;} .box-benefits .benefit-items--item {display:block;text-align:center;} .index-slider{margin-left:0;margin-right:0;} .footer .footer-top {padding-top:20px;padding-bottom:20px;} .footer .footer-top .footer-top--inner {display:block;} .footer .footer-top .footer-panel {margin-bottom:0;} .footer .footer-top .footer-panel--map {padding-top:25px;} .footer .footer-top .footer-panel .footer-panel--group + .footer-panel--group {margin-top:0;} .footer .footer-top .footer-panel .footer-panel--group-content {display:none;} .footer .footer-top .footer-panel .footer-panel--group-title {cursor:pointer;position:relative;padding:15px 0;font-size:14px;border-bottom:1px solid #ccc;margin-bottom:0;} .footer .footer-top .footer-panel .footer-panel--group-title:after{transition:all 0.3s;font-size:20px;content:'\E809';font-family:'icons';position:absolute;right:10px;top:12px;} .footer .footer-top .footer-panel .footer-panel--group-content {margin-top:20px;margin-bottom:20px;} .footer .footer-top .footer-panel .footer-panel--group.is-open .footer-panel--group-content {display:block;} .footer .footer-top .footer-panel .footer-panel--group.is-open .footer-panel--group-title:after {transform:rotate(90deg)} .box-benefits .benefit-items--item-wrap{max-width:50%;} .box-benefits .benefit-items--item .benefit-items--item-name {font-size:12px;} .index-slider .item .item-desc--btns .btn {height:36px;font-size:12px;} .index-slider .item .item-desc--btns {padding-top:15px;} .index-slider .swiper-pagination {display:none;} .product-page .breadcrumbs {padding-left:0;} .index-catalog--group .index-catalog--group-title {font-size:30px;} .inner-page .page-content {padding-top:0;padding-bottom:30px;} .footer .footer-bottom > .container {padding-top:20px;padding-bottom:20px;} .index-page .box-catalog{margin-left:-15px;margin-right:-15px;} .box-reviews{margin-left:0;margin-right:0;} .box-related {padding-left:0;padding-right:0;} .box-related .swiper-buttons {padding:0;justify-content:space-between;} } @media (max-width:440px){ .collection-content .mobile-filter--btn {display:block;} .collection-content .mobile-filter--btn .btn {width:100%;} .collection-content .mobile-filter--btn .btn + .btn {margin-top:10px;} .header .nav>li>ul {column-count:unset} } /* loader */ .loader{transition:all 0.3s;visibility:hidden;opacity:0;z-index:9991;width:188px;height:188px;margin:-94px 0 0 -94px;position:fixed;left:50%;top:50%;transform:scale(0.33)}.loader>i{font-style:normal;display:block;top:80px;left:93px;width:4px;height:30px;background:#888;-webkit-animation;fadeOut 1s linear infinite;animation;fadeOut 1s linear infinite;border-radius:10px;position:absolute}.loader>i:nth-of-type(1){-webkit-transform:rotate(0deg) translate(0,-60px);transform:rotate(0deg) translate(0,-60px);-webkit-animation-delay;-0.5s;animation-delay;-0.5s}.loader>i:nth-of-type(2){-webkit-transform:rotate(30deg) translate(0,-60px);transform:rotate(30deg) translate(0,-60px);-webkit-animation-delay:-0.4166666666666667s;animation-delay:-0.4166666666666667s}.loader>i:nth-of-type(3){-webkit-transform:rotate(60deg) translate(0,-60px);transform:rotate(60deg) translate(0,-60px);-webkit-animation-delay:-0.33333333333333337s;animation-delay:-0.33333333333333337s}.loader>i:nth-of-type(4){-webkit-transform:rotate(90deg) translate(0,-60px);transform:rotate(90deg) translate(0,-60px);-webkit-animation-delay:-0.25s;animation-delay;-0.25s}.loader>i:nth-of-type(5){-webkit-transform:rotate(120deg) translate(0,-60px);transform:rotate(120deg) translate(0,-60px);-webkit-animation-delay:-0.16666666666666669s;animation-delay:-0.16666666666666669s}.loader>i:nth-of-type(6){-webkit-transform:rotate(150deg) translate(0,-60px);transform:rotate(150deg) translate(0,-60px);-webkit-animation-delay:-0.08333333333333331s;animation-delay:-0.08333333333333331s}.loader>i:nth-of-type(7){-webkit-transform:rotate(180deg) translate(0,-60px);transform:rotate(180deg) translate(0,-60px);-webkit-animation-delay:0s;animation-delay;0s}.loader>i:nth-of-type(8){-webkit-transform:rotate(210deg) translate(0,-60px);transform:rotate(210deg) translate(0,-60px);-webkit-animation-delay:0.08333333333333337s;animation-delay:0.08333333333333337s}.loader>i:nth-of-type(9){-webkit-transform:rotate(240deg) translate(0,-60px);transform:rotate(240deg) translate(0,-60px);-webkit-animation-delay:0.16666666666666663s;animation-delay:0.16666666666666663s}.loader>i:nth-of-type(10){-webkit-transform:rotate(270deg) translate(0,-60px);transform:rotate(270deg) translate(0,-60px);-webkit-animation-delay:0.25s;animation-delay;0.25s}.loader>i:nth-of-type(11){-webkit-transform:rotate(300deg) translate(0,-60px);transform:rotate(300deg) translate(0,-60px);-webkit-animation-delay:0.33333333333333337s;animation-delay:0.33333333333333337s}.loader>i:nth-of-type(12){-webkit-transform:rotate(330deg) translate(0,-60px);transform:rotate(330deg) translate(0,-60px);-webkit-animation-delay:0.41666666666666663s;animation-delay:0.41666666666666663s} /* on show elements */ .js-popup-show .popup.shown{z-index:999;top:0;left:0;opacity:1;visibility:visible} .js-popup-show .popup.shown .c{transform:scale(1);margin-top:0px;opacity:1} .js-loader-show .loader{opacity:1;visibility:visible} /* animation */ @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}} .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}