/* base reset */ *,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body,html{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:transparent}applet,article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,input,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,section,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}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],[list]::-webkit-calendar-picker-indicator,template{display:none}a img,abbr,acronym,body,html,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}dir,menu,ol,ul{list-style:none}a{background-color:transparent}:focus,a,a:active,a:hover{outline:0;border:0}caption,table th{text-align:left}table{border-collapse:collapse;border-spacing:0}table td{vertical-align:top}q:after,q:before{content:''}blockquote,q{quotes:none}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}sub,sup{line-height:0}svg:not(:root){overflow:hidden}nav ol,nav ul{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}[type=button],[type=reset],[type=submit],button{-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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}::-webkit-color-swatch-wrapper,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{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:300px;/*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 (custom bootstrap 5.0.2) */ .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:10px;padding-left:10px;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:1320px}} .row{margin-left:-10px;margin-right:-10px;display:flex;flex-wrap:wrap}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:10px;padding-left:10px}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66667%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66667%}}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333%}.col-2{flex:0 0 auto;width:16.66667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333%}.col-8{flex:0 0 auto;width:66.66667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333%}.col-11{flex:0 0 auto;width:91.66667%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333%}.col-sm-2{flex:0 0 auto;width:16.66667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333%}.col-sm-5{flex:0 0 auto;width:41.66667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333%}.col-sm-8{flex:0 0 auto;width:66.66667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333%}.col-sm-11{flex:0 0 auto;width:91.66667%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333%}.col-md-2{flex:0 0 auto;width:16.66667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333%}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}.col-md-8{flex:0 0 auto;width:66.66667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333%}.col-md-11{flex:0 0 auto;width:91.66667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333%}.col-lg-2{flex:0 0 auto;width:16.66667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-8{flex:0 0 auto;width:66.66667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333%}.col-lg-11{flex:0 0 auto;width:91.66667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333%}.col-xl-2{flex:0 0 auto;width:16.66667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333%}.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}.col-xl-11{flex:0 0 auto;width:91.66667%}.col-xl-12{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333%}.col-xxl-2{flex:0 0 auto;width:16.66667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333%}.col-xxl-5{flex:0 0 auto;width:41.66667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333%}.col-xxl-8{flex:0 0 auto;width:66.66667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333%}.col-xxl-11{flex:0 0 auto;width:91.66667%}.col-xxl-12{flex:0 0 auto;width:100%}} .no-gutters{margin-left:0;margin-right:0}.no-gutters>*{padding-left:0;padding-right:0} /* variables */ :root{ --main-body-color:#272727; --main-accent-color:#FF00FF; --font-body:'Montserrat',sans-serif; --font-icons:'icons'; --success-color:green; --error-color:#FF2D52; --disabled-color:#ccc; } /* layout */ html,body{height:100%} body{padding-top:43px;background:#F0F0F0;/*font-family:var(--font-body);*/color:var(--main-body-color); font-size: 14px;min-width:320px;font-weight:400;width:100%;overflow:hidden;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column} .layout{flex:1 0 auto} @media (min-width:991px){ body {padding-top:160px} } @media (min-width:1200px){ body {padding-top:220px} } /* placeholder (defaut) */ *::-webkit-input-placeholder{color:#999} *:-moz-placeholder{color:#999} *::-moz-placeholder{color:#999} *:-ms-input-placeholder{color:#999} /* placeholder (disabled) */ *[disabled]::-webkit-input-placeholder{color:var(--disabled-color)} *[disabled]:-moz-placeholder{color:var(--disabled-color)} *[disabled]::-moz-placeholder{color:var(--disabled-color)} *[disabled]:-ms-input-placeholder{color:var(--disabled-color)} /* placeholder (error) */ .form-control.error::-webkit-input-placeholder,.form-group.error .form-control::-webkit-input-placeholder{color:var(--error-color)} .form-control.error:-moz-placeholder,.form-group.error .form-control:-moz-placeholder{color:var(--error-color)} .form-control.error::-moz-placeholder,.form-group.error .form-control::-moz-placeholder{color:var(--error-color)} .form-control.error:-ms-input-placeholder,.form-group.error .form-control:-ms-input-placeholder{color:var(--error-color)} /* default */ .input,.btn, select{font-family:var(--font-body);margin:0px;vertical-align:top;transition:all 0.25s;font-size:14px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} /* input,textarea */ input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none} .input,.btn, select{background:#fff;height:40px;padding:0 15px;border:1px solid #d7d7d7;border-radius:6px;color:#828282;font-size:14px;font-weight:400} .input:hover, select:hover{border-color:#b9b9b9;border-top:1px solid #a0a0a0} .input:focus, select:focus{border:1px solid #d7d7d7;border-color:var(--main-accent-color);box-shadow:inset 0 4px 8px rgba(0,0,0,0.075);background:#fff} .input.error{border-color:#F00;color:#F00} .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:15px;line-height:normal} /* buttons */ .btn{align-items:center;justify-content:center;text-decoration:none;border:0px;display:inline-flex;width:auto;transition:all 0.3s;color:#fff;height:40px;background:var(--main-accent-color);text-decoration:none;cursor:pointer;font-weight:500;padding:0 25px;text-align:center;white-space:nowrap;} .btn:hover{text-decoration:none;background:#c910c9;} .btn:active{box-shadow:inset 0 6px 20px rgba(0, 0, 0, 0.1)} .btn2 {border:1px solid #ccc;border-radius:5px;background:none;color:var(--main-body-color)} .btn2:hover{border-color:var(--main-accent-color);color:var(--main-accent-color);background:none;} .btn3 {border:1px solid var(--main-accent-color);font-weight: 700;border-radius:5px;background:none;color:var(--main-accent-color)} .btn3:hover{background:var(--main-accent-color);color:#fff;} .btn--trasparent {background:none;border:0;padding-right:0;padding-left:0;color:var(--main-accent-color);font-weight: 700;} .btn--trasparent:before{font-weight: 400;} .btn--trasparent:hover{background:none;color:var(--main-body-color)} .btn--ico:before {font-family:var(--font-icons);font-size: 130%;margin-right: 8%;} .btn--ico-cart:before {content:'\E812';} .btn--ico-angle-down:before {content:'\E819';color:#999;padding-top:2px;} input[disabled], .btn[disabled], .btn--disabled{text-shadow:none !important;cursor:not-allowed !important;box-shadow:none !important;background:#ccc !important;color:#949393 !important;border:0px !important} .input.sm,.btn.sm{height:26px;font-size:12px;padding:0 15px;text-transform:none} @media (min-width:991px){ .input.md,.btn.md{height:50px;padding:0 25px} .input.lg,.btn.lg{height:60px;padding:0 35px} } .ns,.ns:hover,.ns:focus{text-shadow:none;text-transform:none;border-radius:none;height:auto;background:none;line-height:auto;padding:0;border:0;box-shadow:none} /* default forms */ .form .form__group{margin-bottom:25px} .form .form__group .form__label{margin-bottom:10px;display:block;font-weight:500} .form .form__group .form__label .required{color:#f00} .form .form__group .form__control{width:100%} .form .form__group .form__controls{position:relative} /* form hint */ .form .form__hint{font-size:14px;padding-top:8px;transition:all 0.3s} .form .form__hint--error{color:var(--error-color)} .form .form__hint--success{color:var(--success-color)} /* mod:label combined */ .form .form__group--combined{position:relative} .form .form__group--combined .form__control{order:2;width:100%;background:none;position:relative;z-index:1} .form .form__group--combined .form__label{font-weight:400;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} .form .form__group--combined .form__hint{order:3;display:none} .form .form__group--combined .form__control:focus + .form__label{color:var(--main-accent-color)} .form .form__group--combined .form__control:focus + .form__label, .form .form__group--combined .form__control:not(:placeholder-shown) + .form__label, .form .form__group--focus .form__label{z-index:2;background:#fff;top:0px;left:10px;font-size:12px} .form .form__group--combined .form__control:focus, /* mod:focus */ .form .form__group--focus .form__control{padding-top:4px} .form .form__group--focus .form__control{border-color:#67BB00 !important} .form .form__group--focus .form__input, .form .form__group--focus .form__label{color:#67BB00 !important} /* mod:error */ .form .form__group--error .form__label{color:#FF2D52 !important} .form .form__group--error .form__control, .form .form-control.error{border-color:#FF2D52 !important;color:#FF2D52 !important} .form .form__group--error .form__hint{display:block} @media (max-width:575px){ .form .form__group .form__label {margin-bottom:5px;} .form .form__group {margin-bottom:15px;} } /* heading */ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:20px;line-height:normal;font-weight: 600;} h1,.h1{font-size:24px;font-weight: 600;} h2,.h2{font-size:20px;} h3,.h3{font-size:18px} h4,.h4, h5,h6,.h5,.h6{font-size:16px} @media (min-width:992px){ h1,.h1{font-size:30px;} h2,.h2{font-size:26px;} h3,.h3{font-size:23px} h4,.h4{font-size:20px} h5,h6,.h5,.h6{font-size:18px} } @media (min-width:1400px){ h1,.h1{font-size:36px;font-weight: 600;} h2,.h2{font-size:30px;} h3,.h3{font-size:26px} h4,.h4{font-size:22px} h5,h6,.h5,.h6{font-size:18px} } /* links */ a{color:var(--main-accent-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{text-decoration:none;cursor:pointer;color:var(--main-accent-color);border-bottom:1px dashed var(--main-accent-color)} /* base */ strong,b,.b{font-weight:500}p{margin-bottom:20px}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:15px;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{font-size: 14px;line-height: 160%;} .editor img{max-width:100%;max-height:none;height:auto} .editor blockquote{padding-left:35px;border-left:2px solid var(--main-accent-color)} .editor p:last-child{margin-bottom:0} .editor img, .editor iframe{max-width:100%;max-height:100%} .editor ul,.editor ol{margin-bottom:15px;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:6px;height:6px;top:10px;border-radius:6px;left:0;background:var(--main-accent-color)} .editor ul li{list-style:none;padding-left:20px;position:relative} .editor ol li{list-style-type:decimal} @media (min-width:576px){ .editor{font-size:18px;} } /* alert */ *[class^="alert-"]{font-size:14px;text-align:left;padding:20px 25px;margin-bottom:10px;border-left:5px solid transparent;border-radius:5px} *[class^="alert-"] p {margin:0;} *[class^="alert-"] .alert__title {font-size:14px;font-weight:700;margin-bottom:8px;} .alert-success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74} .alert-success a{color:#1d9d74} .alert-warning{background-color:#F9F2CB;border-color:#F5E79E;color:#C09853} .alert-warning a{color:#C09853} .alert-error{background-color:#f2dede;border-color:#ebccd1;color:#B94A48} .alert-error a{color:#B94A48} .alert-empty{background-color:#f7f7f7;border-color:#e1e1e1;color:#7b7b7b} /* 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%} .contacts__phone .contacts__number {margin-bottom: 4px;font-weight: 500;font-size:18px} .contacts__phone .contacts__number .contacts__number_link {white-space:nowrap;color:var(--main-body-color);text-decoration: none;} .contacts__phone .contacts__callback_link {transition:all 0.3s;cursor:pointer;display:block;text-align: center;height:22px;line-height:20px;font-size: 12px;font-weight: 700;color:var(--main-accent-color);border: 1px solid var(--main-accent-color);border-radius:3px;} /* messangers */ .contacts__messangers {display:flex;font-size:30px;} .contacts__messangers .messanger__item + .messanger__item {margin-left:10px;} .contacts__messangers .messanger__link {display:flex;align-items:center;transition:all 0.3s;text-decoration: none;} .contacts__messangers .messanger__link:before{margin: 0;transition:all 0.3s;} .contacts__messangers .messanger__link:hover{color:var(--main-accent-color);text-decoration: none;} .contacts__messangers .messanger__link.i-viber:before, .contacts__messangers--grey .messanger__link.i-viber:hover:before {color:#36D252;} .contacts__messangers .messanger__link.i-telegram:before, .contacts__messangers--grey .messanger__link.i-telegram:hover:before {color:#2097CE;} .contacts__messangers--grey .messanger__link.i-viber:before {color:#ddd;} .contacts__messangers--grey .messanger__link.i-telegram:before {color:#ddd;} .contacts__messangers--with-text {display:block;} .contacts__messangers--with-text .messanger__item + .messanger__item {margin:0;} .contacts__messangers--with-text .messanger__name {transition:all 0.3s;margin-left:10px;font-size: 14px;display:inline-block;border-bottom:1px dashed #999;color:#999} .contacts__messangers--with-text .messanger__link:hover .messanger__name {color:var(--main-body-color)} /* default tabs */ .tabs__group .tabs__links {margin:0 -7px;margin-bottom:20px;font-size:16px;} .tabs__group .tabs__links .tab__item{padding:0 7px} .tabs__group .tabs__links .tab__itemValue{transition:all 0.3s;cursor:pointer;padding:0 20px;text-align:center;height:50px;line-height:50px;background:#FFF;border:1px solid #d1d1d1;border-radius:6px} .tabs__group .tabs__links .tab__item.is-selected .tab__itemValue{border-color:var(--main-accent-color);color:var(--main-accent-color)} .tabs__group .swiper-slide {width:auto;} .tabs__group .tabs__content .tab__item {opacity:0;height:0;overflow:hidden;visibility:hidden;transition:all 0.2s;} .tabs__group .tabs__content .tab__item.is-selected {opacity:1;visibility:visible;height:auto;} .docs__list {margin-bottom:25px;} .docs__list .doc__item {margin-bottom:10px;display:flex;align-items:center;} .docs__list .doc__icon {flex:0 0 40px;min-width:40px;} .docs__list .doc__icon .doc__iconSrc {max-width;100%;} .docs__list .doc__name {padding-left:10px;font-size:16px;} /* POPUP */ .popup{transition:opacity 0.6s;visibility:hidden;z-index:9991;opacity:0;position:absolute;right:0;top:-9999px;left:0;margin:0 auto 0 auto;min-width:300px} .popup .popup__layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background:#d2d2d2;opacity:0.6} .popup .popup__content{overflow:hidden;border-radius:10px;transition:all 0.3s;transform:scale(1.1);opacity:0;box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);z-index:999;border:1px solid #ddd;position:relative;background:#FFF;padding:35px} .popup .popup__title{position:relative;color:var(--main-body-color);font-weight:500;display:block;margin-bottom:30px;font-size: 22px;} .popup .popup__close, .advPopup .advPopup__close{position:absolute;display:block;right:15px;top:15px;left:auto;} .popup .popup__close:before, .advPopup .advPopup__close:before {font-size:26px;cursor:pointer;transition:all 0.3s;color:#ccc;font-family:var(--font-icons);content:'\E802';} .popup .popup__close:hover:before, .advPopup .advPopup__close:hover:before{color:#f00} .popup .btn:not(.close){width:100%} .popup .popup__state--b{color:#83AB01;display:none;padding-bottom:15px} /* mod:sizes */ .popup--sm{max-width:380px} .popup--md{max-width:570px} .popup--lg{max-width:650px} .popup--xl{max-width:1140px} /* popup:added */ .popup--added{min-width:420px;text-align:center} .popup--added .popup__title{margin-bottom:20px} .popup--added .alert-warning {margin-bottom:15px;padding:15px 20px;font-size:14px;border-left:0;} .popup--added a{margin-bottom:8px} .popup--added .btn{width:100%;text-align:cnter;margin-bottom:10px} /* mod: callback */ .popup--callback .popup__title {margin-bottom:30px;} .popup--callback .form-control {padding:0 15px;border-radius:3px;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;} @media (max-width:575px){ .popup .popup__content {padding:20px;} } /* popup show */ .js-popup-show .popup.is-shown{z-index:999;top:0;left:0;opacity:1;visibility:visible} .js-popup-show .popup.is-shown .popup__content{transform:scale(1);margin-top:0px;opacity:1} /* ADVANCED POPUP */ .advPopup .advPopup__header{display:none} .advPopup .advPopup__header{font-size:22px;text-align:left;padding-top:15px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between} .advPopup .advPopup__header .advPopup__close{cursor:pointer;transition:all 0.3s} .advPopup .advPopup__header .advPopup__close:hover{color:var(--main-accent-color)} @media (max-width:991px){ .advPopup{box-shadow:12px 0 12px rgba(0,0,0,0.05);transition:all 0.3s;overflow:hidden;overflow-y:auto;color:var(--main-body-color);padding:15px;position:fixed;left:-100%;width:100%;top:0;max-width:340px;z-index:992;background:#fff;height:100vh} .advPopup--cart {left:auto;right:-400px;} } @media (max-width:575px){ .advPopup{max-width:86vw} } /* ui slider */ .ui-slider{background:#e4e4e4;height:5px;width:100%;position:relative} .ui-slider-range{position:absolute;top:0px;height:5px;background:#f1a3f1} .ui-slider-handle{top:-6px;outline:none;margin-left:-6px;display:block;position:absolute;width:16px;height:16px;border-radius:16px;} .ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:focus{background:var(--main-accent-color);} /* 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} .layer{transition:all 0.2s;opacity:0;visibility:hidden;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:990;background:#000} .lazyload,.lazyloading{opacity:0} .lazyloaded{opacity:1;transition:opacity 300ms} .insales-editable {border-color:#e0e5aa;} .advPopup--cart {box-shadow:-12px 0 12px rgba(0,0,0,0.05);transition:all 0.3s;overflow:hidden;overflow-y:auto;color:var(--main-body-color);padding:0;position:fixed;right:-400px;width:100%;top:0;max-width:400px;z-index:9991;background:#fff;height:100vh} .cart .cart__header {display:flex;align-items:center;background:var(--main-body-color);padding:20px 20px;color:#fff;} .cart .cart__header .cart__icon {font-size:44px;color:#515151;} .cart .cart__header .cart__icon:before{margin:0;} .cart .cart__header .cart__total {padding-left:20px;} .cart .cart__header .cart__totalItems {font-size:14px;color:#ccc;} .cart .cart__header .cart__totalPrice {font-size:24px;color:#fff;font-weight:700;} .cart .cart__items .item {padding:25px 30px 25px 64px;position:relative;border-bottom:1px dashed #ccc} .cart .cart__items .item__header {margin-bottom:12px;display:flex;font-size:18px;font-weight:600;} .cart .cart__items .item__title {flex:1;} .cart .cart__items .item__link {color:#000;text-decoration:none;} .cart .cart__items .item__link:hover{text-decoration:underline;color:var(--main-accent-color)} .cart .cart__items .item__price {flex:0 0 110px;min-width:110px;text-align:right;color:#0077FF;} .cart .cart__items .item__details {display:flex;justify-content:space-between;} .cart .cart__items .item__details .col__label {font-size:14px;color:#999;} .cart .cart__items .item__details .col__value {padding-top:4px;font-size:18px;font-weight:400;color:#000;} .cart .cart__items .item__remove {position:relative;cursor:pointer;width:43px;height:39px;position:absolute;left:0;top:0;} .cart .cart__items .item__remove:before{z-index:2;position:absolute;left:6px;top:3px;font-family:var(--font-icons);content:'\E800';font-size:16px;color:#fff;} .cart .cart__items .item__remove:after{transition:all 0.3s;z-index:1;color:#ccc;position:absolute;left:0;top:-2px;font-family:var(--font-icons);content:'\E81C';font-size:36px;} .cart .cart__items .item__remove:hover:after{color:var(--main-accent-color)} .cart .cart__items .item__edit {text-decoration:none;cursor:pointer;transition:all 0.3s;position:absolute;left:20px;width:24px;height:24px;line-height:22px;top:50%;margin-top:-12px;background:var(--main-accent-color);border-radius:100%;text-align:center;color:#fff;} .cart .cart__items .item__edit:after{font-family:var(--font-icons);content:'\E81A';color:#fff;font-size:12px;} .cart .cart__items .item__edit:hover{background:#000;} .cart .cart__footer {padding:25px 30px;} .cart .cart__footer .btn {width:100%;} .cart .cart__footer .btn + .btn {margin-top:10px;} .cart .cart__empty {padding:20px;} .js-show-cart .advPopup--cart {right:0;} .js-show-cart .layer {opacity:0.2;visibility:visible;} /* ------------------------------------------------------------------- HEADER ------------------------------------------------------------------- */ /* header contacts */ .header .header__col-logo {padding-right: 15px;} .header .header__col-logo img {max-height:46px;} .header .header__col-toolbar {padding-left: 15px; flex:0 0 160px;justify-content:space-between;} .header .header__col-contacts, .header .header__col-addr {padding:0 15px;} .header .contacts{display:flex;align-items:center;} .header .contacts .contacts__phone{padding:0 8%;} .header .contacts .contacts__number {margin-bottom: 4px;font-weight: 500;font-size:18px} .header .contacts .contacts__number .contacts__number_link {white-space:nowrap;color:var(--main-body-color);text-decoration: none;} .header .contacts .contacts__callback_link {transition:all 0.3s;padding:0 6px;cursor:pointer;display:block;text-align: center;height:22px;line-height:20px;font-size: 12px;font-weight: 700;color:var(--main-accent-color);border: 1px solid var(--main-accent-color);border-radius:3px;white-space:nowrap;} .header .contacts .contacts__callback_link:hover{color:#fff; background-color:var(--main-accent-color)} .header .contacts .contacts__worktime{min-width:150px;font-size: 14px;color:#999;font-weight:500;line-height:155%;} /* addr */ .header .addr{text-align: center;} .header .addr .addr__name {font-size: 12px;font-weight: 500;margin-bottom: 6px;} .header .addr .addr__route {display:block;color:var(--main-body-color);text-decoration:none;transition:all 0.3s;cursor:pointer;height:22px;line-height: 20px;font-weight: 700;font-size: 12px;border-radius:3px;border: 1px dashed #ccc;} .header .addr .addr__route:hover{color:var(--main-accent-color);border-color:var(--main-accent-color)} /* header userLinks*/ .header .userLinks{height:50px;align-items:center;background:#fff;padding:0 25px;border-radius:6px;display:none} .header .userLinks .userLinks__link{position:relative;margin-left:12px;display:flex;justify-content:space-around;flex-direction:row;align-items:center;text-decoration:none;color:#4d4c4c} .header .userLinks .userLinks__link:before{font-size:20px} .header .userLinks .userLinks__link .userLinks__counter{position:absolute;right:-6px;top:-7px;box-shadow:0px 0px 0px 2px #f7f8fa;display:block;width:20px;height:20px;color:#fff;line-height:20px;font-size:11px;text-align:center;border-radius:100%;background:rgba(194, 31, 118, 0.89)} .header .userLinks .userLinks__link:hover{color:#000} .header .userLinks .userLinks__link:hover .userLinks__counter{background-color:var(--main-accent-color)} .header .mainmenu .mainmenu__header, .header .header__col-mainmenu {display:none;} .header .header__col-mainmenu .mainmenu__link {cursor:pointer;} .header .mainmenu .mainmenu__link {display:block;width:100%;font-size:16px;} .header .mainmenu .mainmenu__link--catalog { height:50px; width:100%; border:2px solid #FF00FF; border-radius:4px; display:flex; align-items:center; justify-content: center; font-size:18px; transition:all 0.3s; font-weight: 700; cursor:pointer; } .header .mainmenu .mainmenu__link--catalog span { display: inline-block; background: linear-gradient(to right, #FF00FF, #e795e7); /* Градиент для текста */ -webkit-background-clip: text; background-clip: text; color: transparent; position:relative; z-index:2; } .header .mainmenu .mainmenu__link--catalog::after { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; } .header .mainmenu .mainmenu__link--catalog::before { position:relative; z-index:2; content:''; width:30px; height:30px; background:url(favicon.svg) no-repeat center center; } .header .mainmenu .mainmenu__link--catalog:hover, .js-show-menu .header .mainmenu .mainmenu__link--catalog { content:''; background:#fff; } .header .mainmenu .mainmenu__item{position: relative;padding:8px 40px 8px 0;display: block;} .header .mainmenu .mainmenu__itemLink {display:block;font-size:15px;color:var(--main-body-color);text-decoration:none;} .header .mainmenu .mainmenu__item.is-sub {padding-right:40px;} .header .mainmenu .mainmenu__item .toggle {cursor:pointer;width:30px;height:30px;text-align:center;line-height:30px;font-size:18px;position:absolute;right:6px;top:2px;} .header .mainmenu .mainmenu__item .toggle:before{transition:all 0.3s;font-family:var(--font-icons);content:'\F105';} .mainmenu__list--sidebar .mainmenu__itemLink:before{margin-right:6px;font-size:18px;font-family:var(--font-icons);content:'\F105';} .mainmenu__list--sidebar .mainmenu__subList {font-size:14px;padding:20px 0 0 20px;margin-bottom:30px;} @media (min-width:992px){ .header .mainmenu .mainmenu__header{display:block;} .header .header__main .header__col-mainmenu {display:none;} .header .header__main .mainmenu__link {margin-right:15px;width:40px;font-size:17px;} .header .header__main .mainmenu__link:before{margin:0;padding:0;} .header .mainmenu {padding:0;position:relative;} .header .header__col-mainmenu {display:block;} .header .header__bottom {padding:20px 0;} .header .header__bottom .container {display:flex;} .header .header__bottom .header__col-nav {min-width:240px;flex:0 0 240px;margin-right:20px;} .header .header__bottom .header__col-search {flex:1} .header .mainmenu .mainmenu__list {opacity:0;visibility:hidden;transition:all 0.3s;padding:15px 0;border-radius:6px;width:300px;z-index:999;background:#fff;position:absolute;left:0;top:100%;box-shadow:0 0 10px rgba(0,0,0,0.1)} .header .mainmenu .mainmenu__link{display:flex;} .header .mainmenu .mainmenu__item{position:relative;padding-left:20px;border-left: 5px solid #fff;} .header .mainmenu .mainmenu__item:hover{border-color:var(--main-accent-color);background: #FAFAFA;} .header .mainmenu .mainmenu__subList {opacity: 0;visibility: hidden;transition: all 0.3s;width: 300px;top: 0;left: 88%;position: absolute;z-index: 1;background: #fff;padding: 15px 0;border-radius: 6px;box-shadow: 0 0 15px rgb(0 0 0 / 6%);} .header .mainmenu .mainmenu__item:hover .mainmenu__subList {opacity: 1;visibility: visible;left: 92%;} .header .mainmenu .mainmenu__subList2 {opacity: 0;visibility: hidden;transition: all 0.3s;width: 300px;top: 0;left: 88%;position: absolute;z-index: 1;background: #fff;padding: 15px 0;border-radius: 6px;box-shadow: 0 0 15px rgb(0 0 0 / 6%);} .header .mainmenu .mainmenu__subList .mainmenu__item:hover .mainmenu__subList2 {opacity: 1;visibility: visible;left: 92%;} .js-show-menu .header .mainmenu .mainmenu__list {top:calc(100% + 20px);opacity:1;visibility:visible;} .js-show-menu .layer {visibility:visible;opacity:0.2;} } @media (max-width:991px){ .header .mainmenu {padding:35px 0 20px 0;} .header .header__bottom .header__col-nav {order:2;} .header .header__bottom .header__col-search {order:1;} .header .mainmenu .mainmenu__itemLink:hover{color:var(--main-accent-color);} .header .mainmenu .mainmenu__subList {display:none;} .header .mainmenu .mainmenu__item .toggle {background:var(--main-accent-color);color:#fff;} .header .mainmenu .mainmenu__item.open .toggle{transform:rotate(90deg)} .header .mainmenu .mainmenu__item.open .mainmenu__subList {display:block;padding:20px 0 0 20px;} } .header .header__search {position:relative;} .header .header__search .input {width:100%;padding-right:60px;} .header .header__search .input-go {font-size:18px;text-align:center;width:50px;height:100%;background:transparent;position:absolute;right:0;top:0;} .header .header__search .input-go:before{margin:0;} /* unsort END */ @media (min-width:992px){ .header .advPopup__close{display:none} .header{transition:all 0.3s;position:fixed;left:0;right:0;top:0;z-index:991;animation:fadeInDown 0.3s;} .js-show-cart .header {z-index:989} .header a{transition:all 0.3s} /* header search */ .header .search .input{border-color:#fff} /* header top */ .header .header__top{height:40px;font-weight:500;overflow:hidden;opacity:1;visibility:visible;transition:all 0.3s;color:#fff;font-size:12px;background:#272727} .header .header__top a{text-decoration:none} .header .header__top .header__inner{display:flex;align-items:center;justify-content:space-between} /* header default nav */ .header .nav{display:flex;flex-wrap:wrap;align-items:center} .header .nav .nav__item{position:relative;margin:0 15px} .header .nav .nav__item:first-child {margin-left:0;} .header .nav .nav__item:last-child{margin-right:0;} .header .nav .nav__link{position:relative;color:#ccc;display:block;text-decoration:none} .header .nav .nav__link:hover{color:var(--main-accent-color)} .header .nav .nav__item .nav__toggle{display:none} /* mod:topNav */ .header .nav--topNav {font-weight:500;} .header .nav--topNav .nav__link{display:inline-flex;height:40px;align-items:center;} .header .nav--topNav .nav__item:first-child{margin-left:0} .header .nav--topNav .nav__link:after{transition:all 0.3s;height:3px;background:transparent;content:'';position:absolute;bottom:6px;left:0;right:0} .header .nav--topNav .nav__link.is-selected{color:var(--main-accent-color)} .header .nav--topNav .nav__link.is-selected:after, .header .nav--topNav .nav__link:hover:after{bottom:0;background-color:var(--main-accent-color)} /* mod:userAuth */ .header .nav--userAuth .nav__link{color:#fff;} /* header main */ .header .header__main{padding:14px 0;background:#fff} .header .header__main .header__inner{display:flex;align-items:center;justify-content:space-between;} /* header toolbar */ .header .toolbar {width:100%;justify-content:space-between; display:flex;align-items:center;} .header .toolbar .toolbar__item {width:100%;display:flex;justify-content:space-between; align-items:center;cursor:pointer;} .header .toolbar .toolbar__item + .toolbar__item {margin-left:15px;} .header .toolbar .toolbar__ico {flex:0 0 46px;min-width:46px;position:relative;transition:all 0.3s;width:46px;height:46px;border-radius:100%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;} .header .toolbar .toolbar__ico:before{margin:0;font-size: 18px;} .header .toolbar .toolbar__counter {transition:all 0.3s;background:var(--main-accent-color);position:absolute;right:-5px;top:-5px;width:22px;height:22px;line-height:20px;border:2px solid #fff;border-radius:100%;text-align:center;color:#fff;font-weight: 700;font-size: 10px;} .header .toolbar .toolbar__item--cart .toolbar__value {transition:all 0.3s;font-size: 18px;font-weight: 500;} .header .toolbar .toolbar__item--cart .toolbar__ico {margin-left:15px;background:var(--main-accent-color);color:#fff;border-color:var(--main-accent-color);} .header .toolbar .toolbar__item--cart:hover .toolbar__value {color:var(--main-accent-color)} .header .toolbar .toolbar__item--cart:hover .toolbar__counter{background:var(--main-body-color)} .header .toolbar .toolbar__item--search {display:none;} .header .toolbar .toolbar__item--search:hover .toolbar__ico {border-color:var(--main-accent-color);color:var(--main-accent-color)} /* header catalog */ .header__catalog {min-height:124px;} .header__catalog .nav {text-transform: uppercase;position:relative;font-size: 18px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:20px 0;} .header__catalog .nav__submenu {left:0;right:0;font-size: 14px;justify-content:center;text-transform: none;transition:all 0.3s;opacity:0;visibility:hidden;display: flex;position:absolute;width:100%;top:65px;} .header__catalog .nav .nav__item{position:unset} .header__catalog .nav .nav__link {color:var(--main-body-color);} .header__catalog .nav .nav__link--lvl2:hover{text-decoration: underline;} .header__catalog .nav__item--has-dd.is-hover > .nav__submenu {visibility:visible;opacity:1;top:85px;} /* fixed header */ .is-fixed-header .header .header__bottom {padding:0;transition:all 0.3s;} .is-fixed-header .header .header__col-logo { padding-right: 0;} .is-fixed-header .header .header__col-logo p{display: none;} .is-fixed-header .header .header__col-logo img{ max-width: 240px;margin-top: -6px;} .is-fixed-header .header .header__bottom .mainmenu__header, .is-fixed-header .header .header__bottom .header__col-search {display:none;} .is-fixed-header .header .header__main .header__col-mainmenu {display:block;} .is-fixed-header .header .toolbar .toolbar__item--search{display:flex;} .is-fixed-header .header{box-shadow:0 6px 16px rgba(0,0,0,0.1);} .is-fixed-header .header .header__catalog{opacity:0;visibility:hidden;min-height:unset;height:0;} .is-fixed-header .header .header__top{margin-top:-40px;overflow:hidden;opacity:0;visibility:hidden} .is-fixed-header .header .nav--catalog{padding:4px 0} .is-fixed-header .header .nav--catalog .nav__item--lvl1 .nav__link--lvl1{padding-top:10px;padding-bottom:10px} .js-search-show.is-fixed-header .layer {opacity:0.2;visibility:visible;} .js-search-show.is-fixed-header .header .header__bottom {background:#F0F0F0;padding:20px 0;} .js-search-show.is-fixed-header .header .header__bottom .header__col-search {display:block;} .js-search-show.is-fixed-header .header .header__bottom .header__col-nav {display:none;} } @media (min-width:1200px) and (max-width:1400px){ .header .toolbar .toolbar__item--cart .toolbar__value {display:none;} } @media (max-width:1400px){ .header .addr .addr__name {font-size: 11px;} .header .nav--topNav .nav__item{margin-left:10px;} .header .nav--userAuth .nav__item{margin-right:10px;} } @media (max-width:1199px){ .header .addr, .header .header__top {display: none;} .header__catalog .nav {font-size: 16px;} } /* .top__search {background:#fff;position:fixed;top:-20px;left:0;right:0;padding:20px 0;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s;} .top__search .search {display:flex;} .top__search .search .input {flex:1;margin-right:15px;} .js-search-show .top__search {top:0;opacity:1;visibility:visible;} .js-search-show .layer {opacity:0.6;visibility:visible} */ /* mobile header */ @media (max-width:991px){ .m__header{max-width:100%;box-shadow:0 6px 16px rgba(0,0,0,0.1);position:fixed;left:0;top:0;right:0;transition:all 0.3s;background:#fff;padding:10px 0;z-index:991;display:block} .m__header .ico-link{transition:all 0.3s;font-size:20px;color:var(--main-body-color)} .m__header .ico-link:hover{color:var(--main-accent-color)} .m__header .row{justify-content:space-between;align-items:center} .m__header .logo .logo__img{max-height:40px} .m__header .col--logo{text-align:center} .m__header .col--cart{text-align:right} .header .advPopup__inner{display:flex;flex-direction:column} .header .advPopup__inner .container{padding:0} .header .header__main{order:3;padding-top:25px} .header .header__catalog{order:1;margin-bottom:5px;padding-top:35px} .header .header__top{order:2;display: block;} .header .header__col-toolbar {display: none;} .header .nav--topNav .nav__item{margin-left: 0;} .header .header__col-auth {display: none;} .header .header__col-cart, .header .contacts .contacts__worktime, .header .header__col-logo {display:none} .header .header__col-logo{margin-bottom:25px} .header .search__area{display:block;padding:0} .header .search{padding-right:0;margin-bottom:10px} .header .header__col-contacts {padding: 0;} .header .contacts {flex-direction:column;align-items:flex-start} .header .contacts .contacts__messangers {order:3;} .header .contacts .contacts__phone{order:1;padding:0;text-align:left;margin-bottom: 10px;} .header .contacts .contacts__number {font-size: 26px;margin-bottom: 10px;} .header .contacts .contacts__worktime{order:2;display: block;margin-bottom: 10px;} .header .contacts .contacts__worktime br {display: none;} .header .header__inner{display:flex;flex-direction:column} .header .header__col-contacts{order:1;margin-bottom:10px} .header .header__col-search{order:2} .header .nav{font-size:14px} .header .nav .nav__submenu{display:none;margin-bottom:20px} .header .nav .nav__item{border-bottom:1px solid #eee} .header .nav .nav__item:last-child{border:0} .header .nav .nav__link{transition:all 0.3s;text-decoration:none;color:var(--main-body-color);display:inline-flex;padding:10px 0} .header .nav .nav__link:hover, .header .nav .nav__link--is-selected{color:var(--main-accent-color);text-decoration:underline} .header .nav .nav__item--has-dd{position:relative} .header .nav .nav__item--has-dd .nav__toggle{color:#fff;cursor:pointer;position:absolute;right:0;top:3px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--main-accent-color)} .header .nav .nav__item--has-dd .nav__toggle:after{transition:all 0.3s;transform:rotate(-90deg);font-family:var(--font-icons);content:'\f107'} .header .nav .nav__item--has-dd.open .nav__toggle:after{transform:none} .header .nav .nav__item--has-dd.open > .nav__submenu{display:block} .header .nav:before{color:var(--main-accent-color);font-weight:700;font-size:18px;margin-bottom:10px;display:block} .header .nav--catalog {font-size: 16px;} .header .nav--catalog .nav__link--lvl1{font-weight:700} .header .nav--catalog .nav__link--lvl2{padding:6px 0} .header .nav--topNav .nav__link{padding:10px 0} .header .user-links{display:flex;padding:0} .js-show-menu .layer{opacity:0.6;visibility:visible;} .js-show-menu .header{left:0;opacity:1;visibility:visible} } /* swiper 7: default */ .swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1} .swiper-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-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)} .swiper-pointer-events {touch-action: pan-y} .swiper-pointer-events.swiper-vertical {touch-action: pan-x} .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform} .swiper-slide-invisible-blank {visibility: hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide {height: auto} .swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height} .swiper-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {display: none} .swiper-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start} .swiper-horizontal.swiper-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory} .swiper-vertical.swiper-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory} .swiper-centered>.swiper-wrapper::before {content: '';flex-shrink: 0;order: 9999} .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {margin-inline-start: var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper::before {height: 100%;min-height: 1px;width: var(--swiper-centered-offset-after)} .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {margin-block-start: var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper::before {width: 100%;min-width: 1px;height: var(--swiper-centered-offset-after)} .swiper-centered>.swiper-wrapper>.swiper-slide {scroll-snap-align: center center} /* .swiper buttons */ .swiper__buttons {display:flex;margin:0 -5px;} .swiper__buttons .swiper__button {margin:0 5px;cursor:pointer;transition:all 0.3s;} .swiper__buttons .swiper__button:before{font-family:var(--font-icons);content:'\F105';display:inline-block;} .swiper__buttons .swiper__button--prev:before{transform:rotate(180deg)} .swiper__buttons .swiper__button.swiper-button-disabled {cursor:default;opacity:0.1;} @media (max-width:1200px){ .swiper__buttons {height:0px;justify-content:space-between;z-index:999;} .swiper__buttons .swiper__button.swiper-button-disabled {opacity:0;} .swiper__buttons .swiper__button {font-size: 24px;color:#fff;width:42px;height:42px;line-height:42px;text-align:center;background:#ccc;border-radius:100%;} .swiper__buttons .swiper__button--prev {margin-left:-17px;} .swiper__buttons .swiper__button--next {margin-right:-17px;} } @media (max-width:575px){ .swiper__buttons .swiper__button {width:36px;height:36px;line-height:36px;font-size: 20px;} .swiper__buttons .swiper__button--prev {margin-left:10px;} .swiper__buttons .swiper__button--next {margin-right:10px;} } @media (min-width:1201px){ .swiper__buttons .swiper__button:before {content:'\E807';} } .price .i-rub-bold {font-size:70%;vertical-align:middle;padding-left:1px;display:inline-block;} /* BENEFITS */ .benefits {background:#fff;border-radius: 10px;padding:30px;} .benefits .benefit__title {position:relative;font-size: 18px;margin-bottom: 10px;font-weight: 500;} .benefits .benefit__title:before{font-family:var(--font-icons);content:'\E801';width:30px;height:30px;background:var(--main-accent-color);border-radius:100%;color:#fff;display:block;text-align:center;line-height:30px;font-size: 14px;} .benefits .benefit__desc {font-size: 14px;color:#999;line-height: 155%;} .benefits .benefits__item:not(.benefits .benefits__item:last-child){margin-bottom: 20px;} @media (max-width:575px){ .benefits {text-align: center;padding:25px 15px} .benefits .benefit__title:before {margin:0 auto 10px auto;} } @media (min-width:576px){ .benefits .benefit__title:before{position: absolute;top:-5px;left:-46px;} .benefits .benefits__item {padding-left:50px;position: relative;} } @media (min-width:992px){ .benefits {padding:50px 30px;} .benefits .benefits__item {margin-bottom: 0;} } /* */ .banners__list .banner__item {transition:all 0.3s;background:#fff;padding:20px 15px;border-radius:10px;min-height:100%;height:auto;display:flex;align-items:center;justify-content:center;} .banners__list .banner__img {flex: 0 0 50px;max-width:none;max-height:none;} .banners__list .banner__title {font-size: 18px;font-weight:500;margin-bottom:10px;} .banners__list .banner__text {color:#999;line-height: 155%;} .banners__list a.banner__item:hover {background:rgba(255,255,255,0.35)} .banners__list--benefits .banner__item {justify-content:flex-start;} .banners__list--benefits .banner__img {margin-right: 20px;} .banners__list--exreviews .banner__item {min-height:140px;align-items:center;} .banners__list--brands .banner__item {min-height:100px;} @media (max-width:575px){ .banners__list--benefits .col {margin-bottom: 10px;} .banners__list--exreviews .banner__item {min-height:120px;} .banners__list--exreviews .banner__img {max-width:96%;} .banners__list .banner__title {font-size: 16px;} .banners__list .banner__text {font-size: 13px;} } @media (min-width:576px){ .banners__list--benefits .col {margin-bottom: 20px;} .banners__list--benefits .banner__item {padding:24px 30px;} .banners__list--benefits .banner__img {margin-right:25px;} } @media (min-width:992px){ .banners__list--payments .banner__item {padding:33px 30px} .banners__list--payments .banner__img {max-width:90%;max-height:90%;margin-bottom:20px;} } @media (min-width:1200px){ .banners__list--benefits .col {margin-bottom: 38px;} .banners__list--payments .col {margin-bottom: 0;} .banners__list--payments .banner__item {flex-direction: column;align-items:flex-start} } /* contacts list */ .contacts__list .col {margin-bottom:10px;} .contacts__list .contact__wrap {display:flex;align-items:center;border:1px solid #ccc;border-radius:10px;padding:15px;} .contacts__list .contact__wrap--white {border:0;background:#fff;} .contacts__list .contact__wrap--white .contact__link {font-size: 16px;text-decoration: none;} .contacts__list .contact__wrap--white .contact__link:hover{text-decoration: underline;} .contacts__list .contact__title {font-size: 16px;font-weight: 500;margin-bottom: 14px;line-height: 22px} .contacts__list .contact__content {color:#999;line-height:155%;} .contacts-page .contacts__map {margin-bottom:30px;} .contacts-page .contacts__list .contact__wrap--white .contact__link {font-size: 16px;} .contacts-page .contacts__map .contacts__mapImg {width:100%;} @media (max-width:767px) { .contacts__list .contact__title br {display: none;} } @media (min-width:768px) { .contacts__list .col {margin-bottom: 20px;} .contacts__list .contact__title {font-size: 18px;} .contacts__list .contact__wrap {min-height:140px;height:100%;padding:17px 15px 17px 25px;} .contacts__list .contact__wrap--white .contact__link {font-size: 24px;} .contacts-page .contacts__list .contact__wrap--white .contact__link {font-size: 22px;} } @media (min-width:1400px){ .contacts__list .contact__wrap {padding:30px 50px;min-height:180px;} .contacts-page .contacts__map {margin-bottom: 0;} .contacts-page .contacts__list .contact__wrap {min-height:168px;padding:20px 15px 20px 25px;} } .product__status {font-weight: 700;font-size: 12px;} .product__status--inStock {color:#00C11F} .product__status--outStock {color:#f00} /* PRODUCTS GRID */ .productsGrid{position:relative} .productsGrid .item{z-index:1;margin-bottom:20px;transition:all 0.3s;text-align:center;border:1px solid #ccc;border-radius:10px;position:relative;overflow:hidden} .productsGrid .item__img {padding:14px 20px;min-height:270px;display:flex;align-items:center;justify-content:center;} .productsGrid .item__imgSrc {transition:all 0.3s;max-height:194px;} .productsGrid .item__title {max-height:58px;overflow:hidden;font-size: 24px;margin-bottom:6px;} .productsGrid .item__title .item__link {transition:all 0.3s;color:var(--main-body-color);text-decoration:none;} .productsGrid .item__title .item__link:hover{text-decoration: underline;color:var(--main-accent-color)} .productsGrid .item__desc {min-height:76px;margin-bottom:10px;padding:0 10px;} .productsGrid .item__bottom {display:flex;justify-content:space-between;padding:10px 20px;border-top:1px solid #ccc;align-items:center;} .productsGrid .price {font-size: 18px;font-weight:700;} .productsGrid .unit {font-weight:400;font-size:16px;} /* mod:outstock */ .productsGrid .item--na .item__img{filter:grayscale(100%);opacity:0.8} .productsGrid .item--na .item__buttons{justify-content:center} .productsGrid .item--na .item__title .item__link{color:#c0c0c0} .productsGrid .item--na .item__title .item__link:hover{color:#333} .productsGrid--carousel .swiper-slide {opacity:0;transition:all 0.3s;} .productsGrid--carousel .swiper-slide-visible {opacity:1;} .productsGrid--carousel .swiper-slide .item{margin-bottom:0} .productsGrid--carousel .swiper__buttons {display:none;} @media (max-width:991px){ .productsGrid--carousel .swiper__buttons {display:flex;} } /* unless touchdevice */ @media (hover:hover) and (pointer:fine) and (min-width:1200px){ .productsGrid .item:hover .item__imgSrc {transform:scale(1.1)} } @media (hover:hover) and (pointer:fine) and (min-width:1400px){ .productsGrid .item:hover{background:#fff;box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1);border-color:#fff;} /* mod:carousel */ .productsGrid--carousel{position:relative;overflow:hidden;padding:10px 20px 30px 20px;margin:-10px -20px -40px -20px;} .productsGrid--carousel .swiper {overflow:visible} .productsGrid--carousel .swiper-slide {transition:all 0.3s;padding:20px 10px 60px 10px;/*opacity:0;visibility:hidden;*/} .productsGrid--carousel .swiper-slide-visible {opacity:1;visibility:visible;} } /* FOOTER */ .footer{font-size:14px;color:#999;background:var(--main-body-color)} .footer a{transition:all 0.3s;color:#999;text-decoration:none} .footer a:hover{text-decoration:underline;color:var(--main-accent-color)} .footer .footer__line--a{padding:20px 0 0 0} .footer .logo {text-align:center;margin-bottom: 20px;} .footer .logo img {max-height:40px;} .footer .nav {line-height:130%;} .footer .nav .nav__item{padding-top:20px} .footer .nav .nav__link--selected{text-decoration:underline;color:var(--main-accent-color)} .footer .footerBox .footerBox__title{position:relative;font-size:18px;font-weight:500;color:#FFF} .footer .footerBox--contacts {background:#515151;border:0;text-align: center;} .footer .contacts__item + .contacts__item {padding-top:33px;} .footer .contacts__messangers {justify-content:center} .footer .contacts__phone .contacts__number {margin-bottom: 8px;} .footer .contacts__phone .contacts__number .contacts__number_link {color:#fff;} .footer .contacts__phone .contacts__callback_link {background:var(--main-accent-color);border:0;line-height:24px;height:24px;color:#fff;} .footer .contacts__phone .contacts__callback_link:hover{background:var(--main-body-color)} .footer .footer__line--b {background:var(--main-accent-color);padding:8px 0;;color:#fff;} .footer .footer__line--b .sitemap__link {background: #FFFFFF;display:inline-block;text-align: center; border-radius: 3px;height:24px;line-height:24px;color:var(--main-accent-color);min-width:120px;padding:0 8px;font-size: 12px;font-weight: 700;} .footer .footer__line--b .sitemap__link:hover {background:var(--main-body-color);text-decoration: none;} @media (min-width:992px){ .footer .nav .nav__item {padding-top: 10px;} .footer .footerBox .footerBox__title {margin-bottom: 10px;} .footer .footer__line--a .footerBox {height:100%;padding:30px;border: 1px solid #515151;border-radius: 10px 10px 0px 0px;border-bottom:0;} .footer .footer__line--b .footerBox {display:flex;justify-content:space-between;align-items:center;} } @media (min-width:1200px){ .footer .footer__line--a {padding-top: 40px;} .footer .logo {margin-bottom: 40px;} .footer .footerBox--menu-2 .nav{columns:2} } @media (min-width:1400px){ .footer .footer__line--a .footerBox {padding:30px 50px;} } @media (max-width:991px){ .footer .col--menu{order:1} .footer .col--contacts{order:3} .footer .footer__line--a{padding:20px 0} .footer .logo {margin-bottom: 20px;} .footer .footerBox .footerBox__title{position:relative;cursor:pointer;padding:15px 0;border-top:1px solid #615f5e} .footer .footerBox .footerBox__content{padding:0 0 25px 0} .footer .footerBox .nav{column-count:2} .footer .footerBox--contacts {padding:30px;border-radius:10px;margin-top:20px;} .footer .contacts__item + .contacts__item {padding-top:10px;} .footer .contacts__phone .contacts__callback_link {max-width:40%;margin:0 auto;} .footer .footerBox--contacts .footerBox__content {padding-bottom: 0;} .footer .footerBox--hide .footerBox__title:after{transition:all 0.3s;font-size:20px;transform:rotate(-90deg);position:absolute;right:10px;top:50%;margin-top:-10px;font-family:var(--font-icons);content:'\f107'} .footer .footerBox--hide .footerBox__content{display:none} .footer .footerBox--hide.open .footerBox__content{display:block} .footer .footerBox--hide.open .footerBox__title:after{transform:none} .footer .footer__line--b .footerBox {text-align: center; line-height:160%} .footer .footer__line--b .copyrights, .footer .footer__line--b .sitemap__link {font-size: 11px;} } @media (max-width:767px){ .footer .nav .nav__item {padding-top: 10px;} .footer .contacts__addr {font-size: 12px;} } @media (max-width:575px){ .footer .footerBox .nav{column-count:unset} .footer .contacts__phone .contacts__callback_link {max-width:60%;} .footer .footerBox .footerBox__title {font-size: 15px;padding-left:10px;} .footer .footerBox:not(.footerBox--contacts) .footerBox__content {padding:0 10px 20px 10px} .footer .footer__line--b .copyrights {line-height:normal;margin-bottom: 8px;} } /* default section */ .section{margin-bottom:min(max(20px, 5vw), 80px);} .section--padding {padding:min(max(20px, 5vw), 80px) 0;} .section .section__header {margin-bottom: 30px;} .section .section__title {margin-bottom: 20px;} .section .section__title > *, .page .page__title > * {margin-bottom:0;} .section .section__content{margin-bottom: 20px;} .section .section__description {margin-bottom: 30px;} .section .section__description--catalog {padding:20px;border-radius:10px;background:#fff;display:flex;font-size:16px;align-items:center;} .section .section__description--catalog .catalog__logo {margin-right:20px;} .section .section__description--catalog .catalog__description {flex:1;} .section .section__moreLink {font-weight: 700;font-size: 14px;text-decoration: none;} .section .section__moreLink:hover{text-decoration: underline;} @media (max-width:768px) { .section .section__description { padding-top:0 !important; } } @media (max-width:1200px) { .section__productsCarousel .container { position: relative; } .section__productsCarousel .section__footer { left:10px; right:10px; position: absolute; bottom: 50%; } .section__productsCarousel .section__footer .swiper__buttons { display: flex; position: absolute; top: 50%; left: 0; right: 0; height: 0; } } @media (max-width:991px) { .section .section__description--catalog { display: block; } .section .section__description--catalog .catalog__logo { margin-bottom: 15px; } } @media (min-width:1200px){ .section .section__more {margin-bottom: 30px} .section .section__content {margin-bottom:40px} } @media (min-width:1400px){ .section .section__title {margin-bottom: 30px;} .section .section__header {margin-bottom: 50px;} } .section--relatedProducts, .section__productImages {padding-bottom:0;} .section--relatedProducts .section__content {margin-bottom:0;} .section__np {padding:0;} .page .page__title {margin-bottom: 30px;} .page__columns {display:flex;} .page__columns > .column--sidebar {flex:0 0 240px;min-width:200px;margin-right:20px;} .page__columns > .column--content {flex:1} .section__breadcrumbs{display:flex;flex-wrap:wrap;margin-bottom:10px;} .section__breadcrumbs .breadcrumbs__item {padding-right:28px;position:relative;margin-bottom:5px;} .section__breadcrumbs .breadcrumbs__item:last-child{padding-right:0} .section__breadcrumbs .breadcrumbs__value--link:after{color:#000;font-size:17px;top:-3px;position:absolute;right:10px;content:'-';font-family:var(--font-icons)} @media (max-width:991px){ .section__breadcrumbs .sub__items {display:none;} } /* mod: whiteBg */ .section--whiteBg{background:#fff;} /* mod: productsCarousel */ .section__productsCarousel .section__header {margin-bottom:20px;} .section__productsCarousel .section__content {margin-bottom: 0;} @media (min-width:1200px){ .section__productsCarousel .section__header {padding-right:25px;} } /* section mods */ .section__reviewsExternal .section__header {position: relative;z-index:99} .section__reviewsExternal .director__mail {text-align: center;} .section__reviewsExternal .director__mailText {margin-bottom: 15px;font-size: 14px;line-height: 155%;color:#999} .section__reviewsExternal .swiper__buttons {position: absolute;left:0;right:0;bottom:-75px;} .section__brands .section__footer, .section__reviewsExternal .swiper-buttons {position:relative;z-index:99;} @media (max-width:1199px){ .section__brands .swiper__buttons {position:absolute;top:-90px;left:0;right:0;z-index:99;} .section__brands .swiper__buttons {display:flex;} } @media (max-width:575px){ .section__header {text-align: center;} .section__brands .swiper__buttons {top:-100px;} } /* section contacts */ @media (max-width:1199px){ .section__contacts .contacts__list .col{order:3} .section__contacts .contacts__list .col:nth-child(1){order:1;} .section__contacts .contacts__list .col:nth-child(4){order:2;} } /* section reviews */ @media (min-width:768px){ .section__reviewsExternal .director__mail {text-align:unset;display:flex;justify-content:space-between;align-items:center;} .section__reviewsExternal .director__mailText {margin-bottom: 0;} .section__reviewsExternal .swiper__buttons {display:none;} } /* section main slider */ .section__mainSlider {margin-bottom:25px;padding-bottom:0;padding-top:20px;max-width:100%; overflow:hidden;} /* links */ .ico-link{cursor:pointer;display:inline-flex;align-items:center;text-decoration:none} .ico-link:before, .ico-link:after{font-family:var(--font-icons)} .ico-link .ico-link__counter{display:block;width:20px;height:20px;color:#fff;line-height:20px;font-size:11px;text-align:center;border-radius:100%;background:var(--main-accent-color)} .bannerSlider {overflow:visible;} .bannerSlider .item { background:#fff;background-size:cover;border-radius:5px;position:relative;min-height:300px;} .bannerSlider .item__title {font-size: 30px;line-height:110%;} .bannerSlider .item__desc {font-size: 20px;color:#999;margin-bottom:20px;} .bannerSlider .item__content { padding:30px;display:flex;flex-direction:column;justify-content:space-between;} .bannerSlider .item__img {position:relative;flex:0 0 30%;height:100%;} .bannerSlider .item .btn {min-width:160px;} .bannerSlider .item--dark .item__title {color:#fff;} .bannerSlider .item--dark .item__desc {color:#ccc;} .bannerSlider .item__imgSrc {transition:all 0.6s;position:absolute;top:-30px;right:-70px;background-repeat:no-repeat;background-position:center center;background-size:contain} .bannerSlider .swiper-slide {transition:all 0.3s;opacity:0;visibility:hidden;} .bannerSlider .swiper-slide .item__img {transition:0.2s;opacity:0;} .bannerSlider .swiper-slide-active {opacity:1;visibility:visible;} .bannerSlider .swiper-slide-active .item__img {opacity:1} .bannerSlider .swiper-slide-active .item__imgSrc {right:-30px;} @media (min-width:768px){ .bannerSlider .item { min-height:300px;display:flex;justify-content:space-between; } .bannerSlider .item__title { font-size:36px; } .bannerSlider .item__imgSrc {width:400px;height:400px;} } @media (min-width:1400px){ .bannerSlider .item {min-height:400px;} .bannerSlider .item__content {flex:0 0 70%;padding:50px;} .bannerSlider .item__desc {font-size: 24px;} .bannerSlider .item__imgSrc {width:524px;height:490px;} .bannerSlider .item__title { font-size:48px; } } .section__largeBanner {padding:0} .section__largeBanner .bannerSlider .item {height:auto;display:block;} .section__largeBanner .bannerSlider .item__img {display:none;} .section__largeBanner .bannerSlider .item__imgSrc {display:none;} .section__largeBanner .bannerSlider .item__desc{font-size: 18px;color:var(--main-body-color);line-height: 155%;} @media (min-width:992px){ .section__largeBanner {padding:70px 0} .section__largeBanner .bannerSlider .item{height:340px;display:flex;justify-content:space-between;} .section__largeBanner .bannerSlider .item__content {flex:0 0 55%} .section__largeBanner .bannerSlider .item__img {display:block;} .section__largeBanner .bannerSlider .item__imgSrc {display:block;width:480px;height:480px;top:-70px} } @media (min-width:1400px){ .section__largeBanner .bannerSlider .item__title {font-size: 36px;} .section__largeBanner .bannerSlider .item__imgSrc {width:645px;height:645px;top:-130px} } .content-wrap {padding:25px 0 60px 0} .pageIndex .content-wrap {border:0;padding-top:0;} .editor-crop.croped {position:relative;max-height:300px;overflow:hidden;} .editor-crop.croped:before{ background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(240,240,240,1) 77%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(240,240,240,1) 77%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(240,240,240,1) 77%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f0f0f0",GradientType=1); position:absolute;left:0;right:0;bottom:0;height:160px;z-index:9;content:'';} .editor-crop.croped .more {position:absolute;left:0;bottom:15px;z-index:10;} .editor-crop.croped .more > *:before{content:'Подробнее';color:var(--main-accent-color);border-bottom:1px dashed var(--main-accent-color);cursor:pointer;} .editor-crop.croped.open {max-height:none;overflow:visible;} .editor-crop.croped.open:before {display:none;} .editor-crop.croped.open .more {position:relative;bottom:auto;top:auto;margin-top:20px;} .editor-crop.croped.open .more > *:before {display:inline-block;content:'Свернуть';} /* 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} .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} /* NEW 20.11.2022 */ .section__breadcrumbs .breadcrumbs__item--hs {position:relative;} .section__breadcrumbs .breadcrumbs__item--hs .sub__items {opacity:0;visibility:hidden;} @media (min-width:992px){ .section__breadcrumbs .breadcrumbs__item:last-child .breadcrumbs__value--link:after {display:none;} .section__breadcrumbs .breadcrumbs__item--hs .sub__items {transition:all 0.2s;position:absolute;z-index:2;min-width:100%;max-width:320px;left:-16px;top:-10px;padding:12px 16px;padding-top:30px;border-radius:6px;background:#fff;box-shadow: 5px 0 10px rgba(0,0,0,0.1)} .section__breadcrumbs .breadcrumbs__item--hs .sub__items .item {padding:6px 0;white-space:nowrap;} .section__breadcrumbs .breadcrumbs__item--hs .sub__items .item__link {transition:all 0.3s;color:#666;text-decoration:none;} .section__breadcrumbs .breadcrumbs__item--hs .sub__items .item__link:hover {color:var(--main-accent-color);text-decoration:underline} .section__breadcrumbs .breadcrumbs__item--hs:hover .breadcrumbs__value {position:relative;z-index:3;} .section__breadcrumbs .breadcrumbs__item--hs:hover .sub__items {opacity:1;visibility:visible;} .section__breadcrumbs .breadcrumbs__item--hs:hover .breadcrumbs__value--link:after {display:none;} } .section--no-padding {padding:0;} .section--no-padding-top{padding-top:0} .section--no-padding-bottom{padding-bottom:0} .section--padding-small{padding-top:min(max(20px,1.25vw),1.25rem)} .section--padding-medium{padding-top:min(max(35px,2.5vw),2.5rem)} .section--padding-large{padding-top:min(max(80px,8.75vw),8.75rem)} .section--no-margin{margin:0} .section--no-margin-top{margin-top:0} .section--no-margin-bottom{margin-bottom:0} .section--margin-small{margin-bottom:min(max(20px,1.25vw),1.25rem)} .section--margin-medium{margin-bottom:min(max(35px,2.5vw),2.5rem)} .section--margin-large{margin-bottom:min(max(80px,8.75vw),8.75rem)} /* CUSTOM MOBILE */ @media (max-width:1399px){ } @media (max-width:1199px){ .popup--xl{max-width:960px} } @media (max-width:991px){ .popup--xl{width:auto;margin:0 10px;left:0;right:0} } @media (max-width:767px){ .popup--lg{width:auto;margin:0 10px;left:0;right:0} } @media (max-width:575px){ .popup{width:auto !important;margin:0 10px !important;left:0 !important;right:0 !important} .popup--sm {margin:0 auto !important} } .success-message-obsv{display:none} .obsv{ } .obsv input[type="text"], .obsv input[type="email"], .obsv textarea{ width: 100%; height: 40px; color: rgb(130, 130, 130); font-size: 14px; font-weight: 400; background: rgb(255, 255, 255); padding: 0px 15px; border-width: 1px; border-style: solid; border-color: rgb(215, 215, 215); border-image: initial; border-radius: 6px; margin-bottom: 15px; } .obsv input[type="checkbox"]{ // display:none; } .obsv textarea { height: 60px; padding: 10px 15px; } div[data-feedback-form-field-error] { color: #ff00ff; } .obsv .btn{ width: 100%; } .contacts-feedback{ background: #fff; margin: 22px 0; padding: 10px 20px 15px 20px ; border-radius: 10px; } .contacts-feedback h2{ font-size: 20px; margin-bottom: 10px; } .contacts-feedback .offer{ font-size: 11px; line-height: 15px; color: #ccc; padding-top: 10px; } .header__col-logo p{ margin: 0; font-size: 13px; color: #ff00ff; letter-spacing: 0.5px; } .header__top2{ display: block; } .header__top2 div{ max-width: 1320px; margin: 0 auto; padding: 0 10px; } .header__top3{display: none;} .header__top2, .header__top3{ background: #ff00ff; padding: 8px 0; color: #fff; font-size: 12px } @media (max-width: 991px) { .header__top2{display: none;} .header__top3{display: block;padding:5px 10px;} } .va--qnt{ display: none!important; }