/* Start:/local/assets/css/base.min.css?169994455780145*/
/*
	Degorov normalize.css v4.1
	====================
*/
*,::before,::after{box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
html,body{width:100%;padding:0;margin:0;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";box-sizing:border-box;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
html *{max-height:999999px;outline:none;}
body{margin:0;font-size:1rem;font-weight:400;font-weight:var(--f1w);line-height:1.5;color:#212529;color:var(--dark);text-align:left;background-color:#fff}
body.dark_theme {color:#fff;background: var(--dark);}
body.hiddenbody{overflow:hidden!important;}
body.blur .page-frame,body.compensate-for-scrollbar .page-frame{-webkit-filter:blur(3px);filter:blur(3px);}
[tabindex="-1"]:focus{outline:0!important}
section{position:relative;padding: 4rem 0;}
hr{box-sizing:content-box;height:0;overflow:visible}
code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1rem}
pre{font-family:var(--f3),SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.9rem}
small{font-size:80%;line-height: 1.4;display: inline-block;color: var(--gray);}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{vertical-align:middle;border-style:none;max-width: 100%;max-height: 100%;height: auto;color: transparent;}
img[srcset="*"] {opacity:0;}
body.chrome img{image-rendering: -webkit-optimize-contrast;}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
label{position:relative;display:inline-block}
button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.3;margin:0;}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin:0;font-size:inherit;line-height:inherit;color:inherit;white-space:normal}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{outline-offset:-2px;-webkit-appearance:none}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
b,strong{font-weight:bold;font-weight: var(--f1wb);}

:root {
	--coef_r: 1;
	--coef_h: 1;
	--coef_w: 1;
}

h1,h2,h3,h4,h5,h6{margin: 1rem 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; word-break: break-word;}
h1{font-size:3rem;font-weight: var(--f2wh1);margin:0 0 2.5rem;line-height:1.1}
h2{font-size:2rem;font-weight:bold;font-weight: var(--f2w);margin: 2.5rem 0 2rem;line-height:1.2}
h3{font-size:1.5rem;font-weight:bold;font-weight: var(--f2w);margin:2rem 0 1rem;line-height:1.3}
h4{font-size:1.25rem;font-weight:bold;font-weight: var(--f2w);margin:2rem 0 1rem;font-family:var(--f1);line-height:1.3}

p{margin:1rem 0}
p:first-child{margin-top:0}


a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
a,a:focus,input:focus,button:focus{text-decoration:none;}
a,a:focus,a:active{color:var(--color);border-bottom-color:var(--color);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a[href^="mailto:"]{color:var(--color);border-bottom:1px dotted var(--color)}
a[href^="mailto:"]:hover{border-bottom-color: transparent}
a[href^="tel:"]{color:var(--color);border-bottom-color:transparent}
a[href^="tel:"].phone-content{color:var(--color);font-weight:bold;font-weight:var(--f1ws);white-space:nowrap}


ol{list-style-type:none;counter-reset:mylist}
ol li{position:relative;margin:.5rem 0;counter-increment:mylist}
ol li::before{content:counters(mylist, ".") ". "}
ol li h2::before{content:counter(mylist) ". "}
ol li li{padding-left:2.5rem}
ul{padding:0;margin:0;list-style:none}
li{text-align: left;}
.list ul,.list ol{padding:0;margin:0}
.list ol{counter-reset:item}
.list ul li,.list ol li{position:relative;margin:0.5rem 0;list-style:none;padding-left:2rem;line-height:1.4}
.list ul li::before{position:absolute;left:0;top:.4rem;content:"";border:2px solid var(--color);width:10px;height:10px;border-radius:50%}
.list ol li::before{position:absolute;left:0;top:0;content:counter(item) ". ";counter-increment:item;}


blockquote{
    border-radius: 0;
    position: relative;
    padding: 3rem 3rem 3rem 8rem;
    margin: 3rem auto;
    border-top: 3px solid var(--color_30);
    border-bottom: 3px solid var(--color_30);
    background: transparent;
    text-align: left;
    max-width: 850px;
}
blockquote .blockquote-icon{
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    height: 5rem;
    fill: var(--dark);
    opacity: 0.4;
}
.dark_theme blockquote .blockquote-icon {fill: #888;}
blockquote p:first-child {margin: 0 !important;}

[data-fancybox] {transition: all .3s ease;}

.sepa {padding: 0 10px;}
.ct{text-align:center!important}
.image_circle,.image_circle img{border-radius:50%}
.text_color {color: var(--color);}
.text_middle {font-size:1.25rem;margin:1.25rem 0;}
.text_big {font-size:1.5rem;margin:1.5rem 0;}
.text_bigger {font-size:2rem;margin:1.5rem 0;}
.parent_title {color: var(--gray);}

.header-wrap {position: relative;}
.header h2 + p,.subheader{font-size:1.25rem;font-weight:300;margin:-1.5rem 0 3rem;color:var(--gray);line-height:1.4;white-space:normal}
.header h2 + p ~ p{font-size:1rem;color: var(--dark);margin: 1rem 0;}
.link, .link a{
    display: inline-block;
    color: var(--color);
    border-bottom: 1px solid var(--color_30);
    transition: all .3s ease;
}
.link:hover, .link a:hover {
    border-bottom-color: transparent;
}
#browser_support {
    text-align: center;
    background: #ffbb00;
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    padding: 1rem;
	font-size: 16px;
}
#browser_support.active{display:block}
#browser_support .wrap{position:relative;background:#fff;max-width:1000px;margin:0 auto;padding: 1rem;}
#browser_support .wrap a{color: blue;}
#browser_support .wrap #browser_support-close svg {
    position: absolute;
    right: -3rem;
    top: 0rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background: #fff;
    padding: 0.5rem;
	border-radius: 50%;
	display:none;
    transition: all .3s ease 5s;
}
#browser_support .wrap #browser_support-close.active svg {
	display:block;
}


.bg_modules {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}


.button{position:relative;z-index:20;margin-top: 2rem;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;}
.btn.b-icon{padding-right:4rem}
.btn.b-icon::before{content:"";position:absolute;width:2rem;height:2rem;right:1rem;background:center no-repeat;background-size:1.5rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.btn-effect-glow .btn span::before{content:"";width:20px;height:100%;background:#fff;-webkit-animation-delay:.05s;animation-delay:.05s;position:absolute;left:0;top:0;z-index:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;-webkit-animation-name:slideme;animation-name:slideme;-webkit-animation-duration:3s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform:skew(-45deg);-ms-transform:skew(-45deg);transform:skew(-45deg)}
@keyframes slideme {
0%{left:-30px;margin-left:0}
30%{left:110%;margin-left:80px}
100%{left:110%;margin-left:80px}
}
@media (max-width: 1399px) {
h1{margin:0 0 2rem}
}
@media (max-width: 1023px) {
html{font-size: calc(15px * var(--coef_h));}
h1{font-size:2.5rem}
h2{font-size:2rem}
.header p:nth-child(2), .subheader {margin: -1rem 0 2.5rem;}
.text_middle {font-size:1.125rem;margin:1.125rem 0;}
.text_big {font-size:1.25rem;margin:1.25rem 0;}
.text_bigger {font-size:1.5rem;margin:1.5rem 0;}
}
@media (max-width: 767px) {
h1{line-height: 1.25;}
blockquote{padding: 1.5rem 1.5rem 1.5rem 7rem;margin:1.5rem auto}
.header p:nth-child(2), .subheader {font-size: 1.125rem;margin: -0.5rem 0 2rem;}
}
@media (max-width: 499px) {
section{padding:3rem 0}
html{font-size:14px}
h1{word-break:break-word;font-size:2.25rem; line-height: 1.2;}
blockquote {padding: 1.5rem;}
blockquote .blockquote-icon {width: 6rem;height: 6rem;opacity: 0.05;top: 2.5rem;}
.header p:nth-child(2), .subheader {margin: 0rem 0 1.5rem;}
.sepa {padding: 0 5px;}
}

/*
	Сетка DEGOROV Grid v1.3.1
	====================
*/
/*Общие настройки*/
.container-fluid{position: relative;width:100%;padding:0 1rem;margin:0 auto;z-index:1;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -1rem;}
.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m{position:relative;width:100%;min-height:1px;padding:0 1rem}

@media (max-width:1181px) {
.row {margin: 0 -0.75rem;}
.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 0 0.75rem;}
}

@media (max-width:767px) {
.row {margin: 0 -0.5rem;}
.col-1,.col-2,.col-25,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-25,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-25,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-ml-1,.col-ml-2,.col-ml-25,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9,.col-ml-10,.col-ml-11,.col-ml-12,.col-md,.col-ml-auto,.col-lg-1,.col-lg-2,.col-lg-25,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2.col-xl-25,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-s,.col-m {padding: 0 0.5rem;}
}

.visible-xs,.visible-sm,.visible-md,.visible-ml,.visible-lg,.visible-xl, .hidden{display:none}
.hidden-xs,.hidden-sm,.hidden-md,.hidden-ml,.hidden-lg,.hidden-xl{display:block}

/*Автоширина колонок*/
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}

/*Фиксированая ширина колонок*/
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

/*Смещение столбцов*/
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}

/*
Ширины экрана
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1180	Нетбуки
-- lg	1181-1399	Ноутбуки
-- xl	1400		Декстопы
*/

@media (min-width:1400px) {
.hidden-xl{display:none !important}
.visible-xl{display:flex !important}
}
@media (min-width:1153px) and (max-width:1399px) {
.hidden-lg{display:none !important}
.visible-lg{display:flex !important}
}
@media (min-width:1024px) and (max-width:1181px) {
.hidden-ml{display:none !important}
.visible-ml{display:flex !important}
}
@media (min-width:768px) and (max-width:1023px) {
.hidden-md{display:none !important}
.visible-md{display:flex !important}
}
@media (min-width:500px) and (max-width:767px) {
.hidden-sm{display:none !important}
.visible-sm{display:flex !important}
}
@media (max-width:499px) {
.hidden-xs{display:none !important}
.visible-xs{display:flex !important}
}

/*
	xs - Смартфоны
*/
@media (min-width: 320px) {
.container-fluid{padding:0 1rem}
.col-s,.col-m{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;}
}

/*
	sm - Фаблеты
*/
@media (min-width: 500px) {
.container-fluid{padding:0 2rem}
.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}
}

/*
	md - Планшеты
*/
@media (min-width: 768px) {
.container-fluid{padding:0 2.5rem}
.col-s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;}
.col-m{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin: 0 auto;}
.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
}

/*
	ml - Нетбуки
*/
@media (min-width: 1024px) {
.container-fluid{padding:0 3rem}
.col-ml{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-ml-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-ml-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-ml-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-ml-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-ml-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-ml-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-ml-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-ml-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-ml-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-ml-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-ml-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-ml-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-ml-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-ml-0{margin-left:0}
.offset-ml-1{margin-left:8.333333%}
.offset-ml-2{margin-left:16.666667%}
.offset-ml-3{margin-left:25%}
.offset-ml-4{margin-left:33.333333%}
.offset-ml-5{margin-left:41.666667%}
.offset-ml-6{margin-left:50%}
.offset-ml-7{margin-left:58.333333%}
.offset-ml-8{margin-left:66.666667%}
.offset-ml-9{margin-left:75%}
.offset-ml-10{margin-left:83.333333%}
.offset-ml-11{margin-left:91.666667%}
}
/*
	lg - Ноутбуки
*/
@media (min-width: 1181px) {
.col-s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%; margin: 0 auto;}
.col-m{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%; margin: 0 auto;}
.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}
}


/*
	xl - Десктопы
*/
@media (min-width: 1400px) {
.container-fluid{max-width:1472px}
.g-modules .container-fluid,
.g-hero .container-fluid,
.g-benefits .container-fluid,
#balls-cart .container-fluid,
#cases-hero .container-fluid,
#hero .container-fluid
{max-width:1472px}
.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-25{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}
}


/*
	Оформление
	====================
*/
/*
	Таблицы
*/
.table-wrap {overflow-y: auto;}
.table{width:100%;margin:2rem 0;font-size:.9rem;font-weight:300;line-height:1.3;}
.table p{margin: 0;}
.table th{padding:.75rem;}
.table td{padding:.75rem;vertical-align:top;}
.table thead th,.table thead td{vertical-align:middle;font-weight:bold;font-size:1rem;border-top:0;border-bottom: 2px solid var(--color);color: var(--color);}
.table tbody + tbody{border-top:2px solid #dee2e6}
.table .table{background-color:#fff}
.table-sm th,.table-sm td{padding:.3rem}
.table-bordered{border:1px solid #dee2e6}
.table-bordered td{border:1px solid #dee2e6}
.dark_theme .table-bordered{border: 1px solid rgb(255 255 255 / 20%);}
.dark_theme .table-bordered td, .dark_theme .table-bordered th{border: 1px solid rgb(255 255 255 / 20%);}
.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}
.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody + tbody{border:0}
.table-striped tbody tr:nth-of-type(odd){background-color: #f0f3f5}
.table-hover tbody tr:hover{background-color:rgba(0,0,0,0.075)}
.table-primary,.table-primary > th,.table-primary > td{background-color:#b8daff}
.table-hover .table-primary:hover{background-color:#9fcdff}
.table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th{background-color:#9fcdff}
.table-secondary,.table-secondary > th,.table-secondary > td{background-color:#d6d8db}
.table-hover .table-secondary:hover{background-color:#c8cbcf}
.table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th{background-color:#c8cbcf}
.table-success,.table-success > th,.table-success > td{background-color:#c3e6cb}
.table-hover .table-success:hover{background-color:#b1dfbb}
.table-hover .table-success:hover > td,.table-hover .table-success:hover > th{background-color:#b1dfbb}
.table-info,.table-info > th,.table-info > td{background-color:#bee5eb}
.table-hover .table-info:hover{background-color:#abdde5}
.table-hover .table-info:hover > td,.table-hover .table-info:hover > th{background-color:#abdde5}
.table-warning,.table-warning > th,.table-warning > td{background-color:#ffeeba}
.table-hover .table-warning:hover{background-color:#ffe8a1}
.table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th{background-color:#ffe8a1}
.table-danger,.table-danger > th,.table-danger > td{background-color:#f5c6cb}
.table-hover .table-danger:hover{background-color:#f1b0b7}
.table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th{background-color:#f1b0b7}
.table-light,.table-light > th,.table-light > td{background-color:#fdfdfe}
.table-hover .table-light:hover{background-color:#ececf6}
.table-hover .table-light:hover > td,.table-hover .table-light:hover > th{background-color:#ececf6}
.table-dark,.table-dark > th,.table-dark > td{background-color:#c6c8ca}
.table-hover .table-dark:hover{background-color:#b9bbbe}
.table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th{background-color:#b9bbbe}
.table-active,.table-active > th,.table-active > td{background-color:rgba(0,0,0,0.075)}
.table-hover .table-active:hover{background-color:rgba(0,0,0,0.075)}
.table-hover .table-active:hover > td,.table-hover .table-active:hover > th{background-color:rgba(0,0,0,0.075)}
.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}
.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}
.table-dark{color:#fff;background-color:#212529}
.table-dark th,.table-dark td,.table-dark thead th{border-color:#32383e}
.table-dark.table-bordered{border:0}
.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,0.05)}
.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,0.075)}
@media (max-width: 499.98px) {
.table {font-size: 0.8rem;margin: 1rem 0;}
.table td {padding: .5rem;}
.table-responsive-xs{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-xs > .table-bordered{border:0}

}
@media (max-width: 767.98px) {
.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-sm > .table-bordered{border:0}
}
@media (max-width: 1023.98px) {
.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-md > .table-bordered{border:0}
}
@media (max-width: 1180.98px) {
.table-responsive-ml{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-ml > .table-bordered{border:0}
}
@media (max-width: 1399.98px) {
.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-lg > .table-bordered{border:0}
}
@media (min-width: 1400px) {
.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive-xl > .table-bordered{border:0}
}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive > .table-bordered{border:0}

/*
	slick 1.9.0
	====================
 */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-arrow{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;position:absolute;bottom:50%;bottom:calc(50% - 1.5rem);border-radius:50%;background:var(--color);text-align:center;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:0;box-shadow:0 10px 30px -10px var(--color);z-index: 1;}
.slick-arrow svg{fill:#fff;width:60%;height:60%}
.slick-arr-prev{left:-1rem}
.slick-arr-next{right:-1rem}
.slick-arr-prev:hover{transform:translateX(-3px)}
.slick-arr-next:hover{transform:translateX(3px)}
.slick-arr-prev:active{transform:translateX(-3px) translateY(3px)}
.slick-arr-next:active{transform:translateX(3px) translateY(3px)}
.slick-arrow.slick-disabled, .swiper-button-disabled{cursor: no-drop !important;transform: none !important;filter: grayscale(1) opacity(0.4);box-shadow: none !important;}
.slick-arrow:active{box-shadow:0 10px 12px 0 rgba(0,0,0,.15),0 2px 6px 0 rgba(0,0,0,.1)}
.slick-dots{position:absolute;bottom:0.5rem;display:flex;flex-wrap:wrap;width:100%;justify-content:center;cursor:pointer}
.slick-dots li button{
    border: 0;
    border-radius: 3px;
    text-indent: -9999px;
    width: 10px;
    height: 6px;
    display: block;
    margin: 10px 5px 0 5px;
    font-size: 0;
    background: var(--gray);
    cursor: pointer;
    padding: 0;
    box-shadow: 0 1px 15px -1px #fff;}
.slick-dots li.slick-active button{width: 1.5rem;background:var(--color)}
.slick-dots li button:hover{background:var(--color);}

@media (max-width: 1500px) {
.slick-arr-prev{left:1rem}
.slick-arr-next{right:1rem}
}
@media (max-width: 1181px) {
.slick-arr-prev{left:0rem}
.slick-arr-next{right:0rem}
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/*!
 * jQuery Brazzers Carousel v1.0.0 (http://webdesign-master.ru)
 * Copyright 2015 WebDesign Master.
 */
.brazzers-daddy:after{content:"";display:table;clear:both}.brazzers-daddy{position:relative}.brazzers-daddy img{width:100%;position:relative;display:none;top:0;left:0;margin-bottom:5px}.brazzers-daddy img:first-child{display:block}.tmb-wrap{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.tmb-wrap .tmb-wrap-table{display:table;height:100%;width:100%}.tmb-wrap-table div{display:table-cell;transition:all .3s ease;border-bottom:5px solid var(--color_30);padding-top:10px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.tmb-wrap-table div.active{border-color: var(--color);}.tmb-wrap-table div:first-child:last-child{border-color:transparent}

/*!
noUiSlider
*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}		   

/*
	fancybox 3.3.5
	====================
*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{    text-align: center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
[data-fancybox] {
    /*cursor: zoom-in;*/
    cursor: pointer;
}

/*
	magnify (эффект линзы)
	https://thdoan.github.io/magnify/
	====================
*/
html.magnifying > body{overflow-x:hidden!important}.magnify,.magnify > .magnify-lens,.magnify-mobile,.lens-mobile{min-width:0;min-height:0;animation:none;border:none;float:none;margin:0;opacity:1;outline:none;overflow:visible;padding:0;text-indent:0;transform:none;transition:none}.magnify{position:relative;width:auto;height:auto;box-shadow:none;display:inline-block;z-index:inherit}.magnify > .magnify-lens{position:absolute;width:300px;height:300px;border-radius:100%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 30px rgba(0,0,0,0.25),inset 0 0 20px -10px rgba(0,0,0,0.15);cursor:none;display:none;z-index:99}.magnify > .magnify-lens.loading{background:#333!important;opacity:.8}.magnify > .magnify-lens.loading:after{position:absolute;top:50%;left:0;width:100%;color:#fff;content:'Loading...';font:italic normal 16px/1 Calibri,sans-serif;letter-spacing:1px;margin-top:-8px;text-align:center;text-shadow:0 0 2px rgba(51,51,51,0.8);text-transform:none}


/*
	progressive-image.js 
	v1.5.0, 6 June 2020
	https://github.com/craigbuckler/progressive-image.js
*/
.progressive{display:block;overflow:hidden;outline:none}.progressive img{display:block;width:100%;max-width:none;height:auto;border:0}.progressive.replace img.preview{filter:blur(10px);opacity:1;transition: all .1s ease}.progressive img.preview{opacity:1}.progressive img.reveal{position:absolute;left:0;top:0;animation:progressiveReveal 0.2s ease-out}@keyframes progressiveReveal{0%{opacity:0}to{opacity:1}}

/*
	ehoopscrollbar
	горизонтальный скролл
*/
.wrapper-ehoopscrollbar{position:relative}.inner-ehoopscrollbar{padding-bottom:6px;overflow-x:scroll;overflow-y:hidden;-webkit-appearance:none!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-ms-overflow-style:-ms-autohiding-scrollbar!important}.inner-ehoopscrollbar::-webkit-scrollbar{width:0px!important;height:0px!important;pointer-events:none!important;background:transparent!important;-webkit-appearance:none!important;display:none}.inner-ehoopscrollbar>div{min-width:100px}.inner-ehoopscrollbar>div:last-child{margin-right:0}.ehoopscrollbar{width:100%;height:6px;background-color:rgba(0,0,0,.3);padding-bottom:6px;position:absolute;left:0;right:0;bottom:0;overflow:hidden;margin:0}.ehoopscrollbar>span{width:50px;height:6px;background-color:#000;position:absolute;left:0%;top:0}

/*
	YouTube
	====================
*/
.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #000000;
}

.video__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-bottom: 0 !important;
}

.video__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.video__button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: none;
	padding: 0;
	width: 68px;
	height: 48px;
	border: none;
	background-color: transparent;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video__button-shape {
	fill: #212121;
	fill-opacity: 0.8;
}

.video__button-icon {
	fill: #ffffff;
}

.video__button:focus {
	outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
	fill: #ff0000;
	fill-opacity: 1;
}

/* Enabled */

.video--enabled {
	cursor: pointer;
}

.video--enabled .video__button {
	display: block;
}

/*
	Кнопка Наверх
	====================
*/
.scrollup{
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: none;
    border: 0;
    overflow: hidden;
    background: var(--dark);
    border-radius: 50px;
    width: 3rem;
    height: 3rem;
    z-index: 10000000;
    padding-left: 1.5rem;
    opacity: 0.4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.scrollup.active{
    display: block;
}
.scrollup:hover{
    opacity: 1;
    border: 0;
    width: 9rem;
    transition: all 0.2s ease 0s;
}
.scrollup .icon{
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--dark);
    z-index: 1;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}
.scrollup .icon:hover,
.scrollup .icon:focus,
.scrollup .icon:active{
    border: 2px solid var(--dark);
    background-color: var(--color);
    opacity: 1;
}
.scrollup .tooltip {
    display: block;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    color: var(--color);
    line-height: 3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.scrollup:hover .tooltip {
    opacity: 1;
    transition: all 0.2s ease 0.1s;
}
@media (max-width: 1023px) {
.scrollup.active{
    bottom: 4rem;
}
}
@media (max-width: 767px) {
.scrollup.active{
    display: none;
}
}

/*
	Соглашение на политику конфиденциальности
	====================
*/
#agreement-block{text-align:left}
#agreement-block label{display:inline-block;position:relative;padding-left:2rem;margin-bottom:.7rem;font-weight:400;line-height:1.4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:.7rem;color:#666}
#agreement input[type="checkbox"] + label::before{content:'';position:absolute;display:block;width:1rem;height:1rem;border:1px solid #000;left:0;top:1px;opacity:0;-webkit-transition:all .12s,border-color .08s;-o-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}
#agreement-block input[type="checkbox"]:checked + label::before{width:.5rem;top:-3px;left:6px;border:2px solid #000;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#agreement-block input[type="checkbox"] + label::after{content:'';position:absolute;display:block;width:1rem;height:1rem;border:1px solid #000;left:0;top:1px;opacity:.3}
#modal-not-agreement{display:none;position:fixed;text-align:center;width:90%;max-width:450px;padding:3rem 2rem;background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99999;overflow:hidden;border:0;-webkit-box-shadow:0 0 60px rgba(0,0,0,0.15);box-shadow:0 0 60px rgba(0,0,0,0.15)}
#modal-not-agreement h2{color:var(--dark);font-size:1.875rem;font-weight:400;text-align:center;text-transform:none;position:relative;margin:1.5rem 0;padding:0;display:block}
#modal-not-agreement .icon{width:4rem;height:4rem;border:1px solid #de0000;border-radius:50%;margin:0 auto 1.25rem;padding:0;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}
#modal-not-agreement .icon svg{stroke:#de0000;fill:none;width:1.5rem;height:4rem}
#modal-not-agreement__overlay{display:none;position:fixed;background:#000;opacity:.5;top:0;left:0;bottom:0;right:0;z-index:9998}
.dark_theme #modal-not-agreement {background: #444;}
.dark_theme #modal-not-agreement h2 {color: #fff;}

.agreement-check input{position:absolute;top:4px;z-index:1;opacity:0;width:1.5rem;height:1.5rem;cursor:pointer}
.agreement-check input + .agreement-label .check::before{content:'';position:absolute;display:block;width:1rem;height:1rem;border:1px solid #000;left:0;top:1px;opacity:0;-webkit-transition:all .12s,border-color .08s;-o-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}
.agreement-check input + .agreement-label .check::after{content:'';position:absolute;display:block;width:1.25rem;height:1.25rem;border:1px solid #D7E1E9;left:0;top:1px;opacity:1;border-radius:3px}
.agreement-check input:checked + .agreement-label .check::before{width:.5rem;top:-1px;left:7px;border:2px solid var(--color);border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.agreement-check input:hover + .agreement-label .check::after{border:1px solid var(--color)}
.agreement-check{position:relative}
.agreement-label{position:relative;font-size:.7rem;font-size: max(0.7rem, 12px);padding-left:2rem;font-weight:var(--f1w); text-align: left;}
.agreement-label .check{position:absolute;left:0;width:1.25rem;height:1.25rem;cursor:pointer}

/*
	Форма
	====================
*/
.hideLabels .form-group{margin:.5rem auto 1rem}
.hideLabels .form-group label{position:absolute;left:1rem;top:16px;color:#3e4757;transition:all .2s ease;font-size:.9rem}
.dark_theme .hideLabels .form-group label{color:#bbb;}
.hideLabels .form-control{position:relative;z-index:2;margin:0;width:100%;padding:1.25rem 1rem 1rem;height:auto;-webkit-box-shadow:none;box-shadow:none;color:var(--dark);font-size:.9rem;border-radius:6px;border:0;background:transparent;transition:all .2s ease;-webkit-appearance: none;}
.hideLabels label.label-none,.hideLabels label.label-none,.hideLabels .form-control:focus + label{top:0px;font-size:12px}
.hideLabels select.form-control{padding:20px 1rem}
.form .form-head{line-height:1.2}
.form .button{margin:1.25rem 0}
.dark_theme .hideLabels .form-control {color: #fff;}
.required ~ label::after {content: '*';position: absolute;color: red;right: -1rem;top: -0.35rem;}


/*
	Радиокнопки
	====================
*/
input[type=radio]:not(.adm-detail-content input[type=radio]){display:none}input[type=radio]+label{display:inline-block;position:relative;padding-left:2rem;margin-bottom:.7rem;font-weight:400;line-height:1.4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=radio]+label::before{content:'';position:absolute;display:block;width:1rem;height:1rem;border:1px solid #000;left:0;top:1px;opacity:0;-webkit-transition:all .12s,border-color .08s;-o-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}input[type=radio]+label::before{border-radius:50%;width:19px;height:19px;opacity:.7}input[type=radio]:checked+label::before{border:1px solid var(--color);opacity:1}input[type=radio]:checked+label::after{content:'';position:absolute;display:block;width:9px;height:9px;left:5px;top:6px;background:var(--color);border-radius:50%}input[type=radio]:checked+label,input[type=radio]:hover+label{color:var(--color)}input[type=radio]:hover+label::before{border:2px solid var(--color);opacity:1}
.adm-detail-content input[type=radio]+label:after{display:none}.adm-detail-content input[type=radio]+label:before{display:none}
/*
	Кнопка добавления файла
	====================
*/
.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.inputfile + label{font-weight:700;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;margin:0}
.no-js .inputfile + label{display:none}
.inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.inputfile + label span{color: var(--color);}
.inputfile + label svg{width:16px;height:22px;vertical-align:middle;fill:currentColor;margin-top:-8px;margin-right:.5rem; fill: var(--dark);}
.dark_theme .inputfile + label svg{fill: #fff;}
.inputmyfile + label{min-height: 2rem;display: flex;align-items: center;}
.inputmyfile:focus + label, 
.inputmyfile.has-focus + label,
.inputmyfile + label:hover{color: var(--dark)}

/*
	Кнопка добавления текстового блока
	====================
*/
.form span.add-textarea{position:relative;color:#1d1a24;font-weight:700;padding-left:1rem;cursor:pointer;transition:all .2s ease 0s}
.form span.add-textarea:hover{color:#fff}
.form span.add-textarea svg:hover,.form span.add-textarea:hover svg{fill:#fff;transition:all .2s ease 0s}
.form span.add-textarea:not(.opened) + .form-group{display:none}
.form span.add-textarea.opened + .form-group{margin-top:-24px}
.form span.add-textarea svg{position:absolute;left:-2rem;top:0;width:1.2rem;height:1.2rem;transition:all .2s ease 0s}
.form span.add-textarea.opened svg{transform:rotate(45deg)}

/*
	Подсказки в форме к полю
	====================
*/
.message-tooltip,.form-group .message-error{position:absolute;right:0;top:-1.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;font-weight:var(--f1w);font-weight:var(--f1w);line-height:1.2;background:rgba(0,0,0,0.85);z-index:10;color:#f5f6f8;font-size:.8rem;max-width:80%;border-radius:4px;box-shadow:0 5px 20px rgba(0,0,0,0.3)}
.message-tooltip::before,.form-group .message-error::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:1rem 1rem 0 0;border-color:rgba(0,0,0,0.85) transparent transparent;right:1rem;bottom:-1rem}

/*
	Цвет placeholder
	====================
*/
.form-control::-webkit-input-placeholder{color:#1d1a23!important}
.form-control:-ms-input-placeholder{color:#1d1a23!important}
.form-control::-ms-input-placeholder{color:#1d1a23!important}
.form-control::placeholder{color:#1d1a23!important}

/*
	Центрирование placeholder
	====================
*/
.form.ct .form-control::-webkit-input-placeholder{text-align:center}
.form.ct .form-control:-ms-input-placeholder{text-align:center}
.form.ct .form-control::-ms-input-placeholder{text-align:center}
.form.ct .form-control::placeholder{text-align:center}
.form.ct .form-control{text-align:center}

/*
	Список мультигородов
	====================
*/
#popup-location-confirm{position:absolute;top:3rem;left:0;box-shadow: 0 10px 60px 0px rgba(0,0,0,0.25);visibility:hidden;opacity:0;border-radius: 5px;z-index:120;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#popup-location-confirm.show{opacity:1;visibility:visible}
#popup-location-confirm .item{position:relative;background:#fff;padding:1.5rem;border-radius:5px}
#popup-location-confirm .item::before{content:"";position:absolute;background:#fff;width:1rem;height:1rem;transform:rotate(45deg);top:-.5rem}
#popup-location-confirm .link{cursor: pointer;color: var(--gray); border-bottom: 1px dashed;}
#popup-location-confirm .confirm {margin-right: 1rem;color: var(--color);font-weight: bold;}
#popup-location-confirm .header{font-size:1rem;margin-bottom: 0.5rem;color: var(--dark);}
#popup-location{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);visibility:hidden;opacity:0;z-index:120;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s .1s ease-in-out;-o-transition:all .3s .1s ease-in-out;transition:all .3s .1s ease-in-out}
#popup-location.show{opacity:1;visibility:visible}
#popup-location .location-field{position:absolute;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;max-width:1200px;width:70%;min-width:320px;background:#fff;padding:1.5rem 4rem 1.5rem 3rem;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;right:0}
#popup-location .location-field.active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#popup-location .citys{-webkit-column-count:3;column-count:3}
#popup-location .citys ul li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;margin:3px 0}
#popup-location .citys .letter{font-weight:700;font-size:1.5rem;margin:.5rem 0}
#popup-location .citys .city{display:inline-block;font-size:.9rem;cursor:pointer}
#popup-location .header{font-size:2rem;font-weight:700}
#popup-location .close_link{position:absolute;right:3rem;top:2rem;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;line-height:0}
#popup-location .close_link svg{width:2rem;height:2rem;padding:5px}
#popup-location .maincitys{border-bottom:1px solid var(--color);margin-bottom:2rem;margin-top:1rem;padding-bottom:1rem}
#popup-location .maincitys .city{display:inline-block;margin:.5rem 2rem;margin-left:0;font-weight:700;font-size:1rem;border-bottom-width:2px}

.city_span{color:var(--color);font-weight:700;border-bottom:1px dashed;cursor:pointer}
.city_span:hover{border-bottom-color:transparent}

@media (max-width: 767px) {
#popup-location .location-field {width: 90%;}
}
@media (max-width: 499px) {
#popup-location .header {font-size: 1.5rem;}
#popup-location .close_link {right: 2rem;top: 1.5rem;}
#popup-location .location-field {padding: 1.5rem 2rem 1.5rem 2rem;}
#popup-location .citys {column-count: 2;}
}

/*
	Анимация с кругами при наведении
	====================
*/
[anim="ripple"]{position:relative;overflow:hidden}
[anim="ripple"]:before{content:'';position:absolute;display:block;background:var(--ripple-background,white);border-radius:50%;pointer-events:none;top:calc(var(--y) * 1px);left:calc(var(--x) * 1px);width:calc(var(--d) * 1px);height:calc(var(--d) * 1px);opacity:calc(var(--o,1) * var(--ripple-opacity,0.3));-webkit-transition:calc(var(--t,0) * var(--ripple-duration,600ms)) var(--ripple-easing,linear);transition:calc(var(--t,0) * var(--ripple-duration,600ms)) var(--ripple-easing,linear);-webkit-transform:translate(-50%,-50%) scale(var(--s,1));transform:translate(-50%,-50%) scale(var(--s,1));-webkit-transform-origin:center;transform-origin:center}

/*
	Всплывающие окна
	====================
*/
.popup {position:relative;background:#fff;max-width:450px;width:auto;margin:0 auto;padding:2rem 3rem;display:none;text-align: center;}
.dark_theme .popup {background: #444;background: var(--color_bg_1);}
.dark_theme .fancybox-close-small {color: #999;}
.dark_theme .fancybox-close-small:hover {color: #ccc;}
.popup-manager {padding:3rem;background:#fff7e6;margin:-3rem;margin-right:1rem}
.popup-manager .avatar{margin:1.5rem 0;max-width:180px}
.popup-manager .name{font-weight:700;margin-bottom:.5rem}
.popup-manager .position{font-size:.9rem;border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem}
.popup-img-enable {
    max-width: 1000px;
    padding: 0 !important;
}
.popup-img-enable .popup-wrap {
    display: flex;
    align-items: center;
}
.popup-img-enable .popup-image{
    pointer-events: none;
}
.popup-img-enable.popup-margin .popup-image{
    margin-left: -9rem;
    margin-top: -3rem;
}
.popup-img-enable .form {
    max-width: 425px;
    padding: 3rem;
    flex: 1 0 425px;
}
@media (max-width: 1023px) {
.popup{padding:2rem}
.popup-img-enable .form {
    max-width: 380px;
    padding: 2rem;
    flex: 1 0 380px;
    margin: auto;
}
}
@media (max-width: 767px) {
.popup-img-enable .popup-wrap {
    display: block;
}
.popup-img-enable.popup-margin .popup-image {
    margin-left: 0;
    margin-top: 0;
    padding: 2rem;
    padding-bottom: 0;
}
}
@media (max-width: 499px) {
.popup{padding:1.5rem}
}

/*
	Адаптивное видео
	====================
*/
.responsive_video{position:relative;padding-bottom:56.25%}
.responsive_video iframe,.responsive_video .youtube{position:absolute;width:100%!important;height:100%!important}

/*
	Рамка документов
	====================
*/
.frame{position:relative;display:block;border:0;padding:17px;box-shadow:0 8px 30px -5px rgba(0,0,0,0.5);transition:all .2s ease}
.slider .frame{margin:5px 1.25rem 2rem}
a.frame:hover{transform:translateY(-3px);box-shadow:0 8px 30px 0 rgba(0,0,0,0.5)}
.frame::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:url(/local/assets/css/../images/frame.png) no-repeat center;background-size:100% 100%}
a.frame::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;background:rgba(44,54,74,0.9) url(/local/assets/css/../i/zoom.svg) no-repeat center;background-size:3rem;transition:all .2s ease}
a.frame:hover::before{opacity:1}

/*
	Спойлер отзывов
	====================
*/
.review .spoiler{position:relative;overflow:hidden;transition:all .5s ease 0s}
.review .spoiler::before{content:"";position:absolute;bottom:0;width:100%;height:3rem;background: linear-gradient(0deg,#fff 1rem, rgb(255 255 255 / 0.01));transition: all .2s ease;}
.review .spoiler.spoiler_visible{height:initial!important}
.review .spoiler.spoiler_visible::before{bottom:-3rem}
.review .spoiler + .more{color:var(--color);border-bottom:1px dashed;transition:all .3s ease;cursor:pointer}
.review .spoiler + .more:hover{color:var(--color);border-bottom:1px dashed transparent}

/*
	Пагинация
	====================
*/
#pagination{}
#pagination .pages{display:flex;justify-content:center;border-top:1px solid #ececec;padding-top:2rem;margin-top:-2rem}
.dark_theme #pagination .pages{border-top-color: rgb(255 255 255 / 15%);}
#pagination .page-numbers{display:flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;margin:0 5px}
#pagination .page-numbers svg{width:1.5rem;height:1.5rem;fill:var(--color)}
#pagination .page-numbers.current{background:var(--dark);font-weight:700;color:#fff}
#pagination .page-numbers:hover{background:var(--color);color:#fff}
#pagination .page-numbers:hover svg{fill:#fff}

/*
	Ленивая загрузка картинок
	====================
*/
.lazy-image{position:relative;display:block}
.lazy-image img{position:absolute;top:0;left:0;width:100%;height:auto}

/*
	Прогресс-бар для статей блога
	====================
*/
#barholder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: #f5f5f5;
    z-index: 200;
}
#barholder.visible {
    height: 5px;
}
#barholder #barline {
    background: var(--color);
    height: 100%;
}

/*
	Горизонтальная прокрутка при адаптиве
	====================
*/
@media (max-width: 767px) {
.hor-scroll .row,
.hor-scroll .items {
    flex-wrap: nowrap;
    overflow: auto;
    margin: 0;
    display: flex !important;
}
.hor-scroll .col ,
.hor-scroll .item {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0;
}
}


#edit-button {
    position: fixed;
    bottom: 4rem;
    left: 2rem;
    border: 0;
    background: var(--btn_color_1);
    z-index: 100000;
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 0 30px -10px var(--btn_color_1);
    transition: 0.15s linear;
    filter: grayscale(1);
}
#edit-button a {
    display: block;
    border: 0;
}
#edit-button a svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--btn_color_text);
}
#edit-button:hover {
    filter: grayscale(0);
}
@media (max-width: 767px) {
#edit-button {
	display: none;
}
}

/*
	Прайс-лист
	====================
*/
.price-list {
    max-width: 600px;
}
.col-s .price-list {
    max-width: none;
}
.price-list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1rem !important;
    margin: 0.5rem 0;
    line-height: 1.3;
}/*
.price-list li::before {
	display: none;
}*/
.price-list li::after {
    content: "";
    order: 1;
    border-bottom: 1px dotted var(--gray);
    flex-grow: 1;
    margin: 0.9rem 0.5rem 0 0.5rem;
}
.price-list li .text_color{
    order: 2;
    font-weight: var(--f1ws);
    white-space: nowrap;
}

/*
	Копирайт
	====================
*/
#copyright.copy-right{display: flex;justify-content: flex-end;}
#copyright.copy-inline{display:inline-block}
#copyright.copy-inline .b2b-copy{margin-top: 0;}
#copyright.copy-white .b2b-copy{background:rgba(0,0,0,.2)}
#copyright.copy-white .b2b-copy:hover{background:rgba(0,0,0,.4)}
#copyright.copy-white .b2b-copy-link{color:#fff;text-decoration:none!important}
#copyright.copy-white .b2b-copy #b2b{fill:#fff}
#copyright.copy-black .b2b-copy{background:rgba(255,255,255,.9);border:1px solid #eee}
#copyright.copy-black .b2b-copy:hover{background:rgba(255,255,255,.4)}
#copyright.copy-black .b2b-copy-link{color:#1D1A24;text-decoration:none!important}
#copyright.copy-black .b2b-copy #b2b{fill:#1D1A24}
#copyright.copy-link .b2b-copy{background:transparent!important;border:0;margin:0}
#copyright.copy-link .b2b-copy-link{border:0!important}
#copyright.copy-link.copy-black .b2b-copy-link::before{background:#000}
#copyright.copy-link.copy-white .b2b-copy-link::before{background:#fff}
.b2b-copy{display:flex;align-items:center;flex-wrap:nowrap;border-radius:5px;padding:3px 10px;min-width:180px;width: fit-content;transition:all .15s ease;margin-top:1rem;opacity: 0.6;transition:all .15s ease;}
.b2b-copy:hover {opacity:1}
.b2b-copy-link{position:relative;white-space:nowrap;font-weight:300;font-size:12px;transition:all .15s ease;letter-spacing:.5px}
.b2b-copy-link::before{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;opacity:.3;transition:all .15s ease 0s}
.b2b-copy:hover .b2b-copy-link::before{opacity:0}
.b2b-copy svg{width:82px;height:22px;margin-left:.5rem;transition:all .15s ease}
.b2b-copy-svg{height:20px;border:0!important;text-decoration:none!important}
#copyright .b2b-copy:hover .b2b-copy-link{color:#fa0;opacity:1}
#copyright .b2b-copy:hover svg{opacity:1}
/* End */


/* Start:/local/assets/css/blocks.css?1721391954140314*/
/*
	====================================================================================================
	СТИЛИ ЗАГОТОВОК БЛОКОВ
	====================================================================================================
*/
@media (max-width: 1535px) {}
@media (max-width: 1399px) {}
@media (max-width: 1299px) {}
@media (max-width: 1153px) {}	
@media (max-width: 1023px) {}
@media (max-width: 767px) {}
@media (max-width: 499px) {}
/*
	==================================================
	Кнопка
	==================================================
*/
.btn, .btn:visited, .btn:focus, .btn:active {
    position: relative;
    display: inline-block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    border-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.2;
    cursor: pointer;
    padding: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}
.btn:hover {
    border-bottom: 0;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
.btn span {
    overflow: hidden;
    display: block;
    padding: 1.25rem 2rem;
    min-width: 160px;
    position: relative;
}
@media (max-width: 499px) {
.btn span {
    padding: 1rem 1.5rem;
    min-width: auto;
}
}


/*
	==================================================
	Преимущества таксономий
	==================================================
*/
.g-benefits section {
    padding: 0;
}


/*
	==================================================
	Теги архивов
	==================================================
*/

.terms-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}
.terms-list li {
}
.terms-list li a {
    color: var(--dark);
    border: 1px solid var(--color);
    border-radius: 50px;
    padding: 0.6rem 1.25rem;
    display: inline-block;
    font-size: 0.9rem;
    white-space: nowrap;
}
.terms-list li a.active,
.terms-list li a:hover {
    background: var(--color);
    color: #fff;
}


/*
	==================================================
	Шапка
	==================================================
*/
#header-wrapper.main_menu.type-header{
    margin-bottom: -1.5rem;
}
#header-wrapper.main_menu.type-header.header-absolute,
#header-wrapper.main_menu.type-header.header-fixed,
#header-wrapper.main_menu.type-header.menu-full-width{
    margin-bottom: 0rem;
}
#header-wrapper.header-absolute{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    z-index: 1000;
}
#header-wrapper.header-fixed{
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    z-index: 1000;
}
#header {
    position: relative;
    padding: 1rem 0;
    z-index: 40;
    font-size: 0.9rem;
}
#header .mainrow {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-height: 9rem;
}
#header .content {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
    margin-left: 2rem;
}
#header .content .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
#header .content .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 17rem;
            flex: 0 0 17rem;
    text-align: right;
}
#header .content .burger-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3rem;
            flex: 0 0 3rem;
    text-align: right;
}
#header .content .social-col {
    text-align: right;
}
#header .content .descriptor .text {
    max-width: 450px;
    font-weight: var(--f1w);
}
#header .logo a {
    display: block;
    width: 12rem;
}
#header .contacts .phone-content {	
    font-size: 1.125rem !important;
    font-weight: var(--f1wb);
    color: var(--dark);
	border:0;
}
.dark_theme #header .contacts .phone-content {
    color: #fff;
}
#header .contacts .link{	
    color: var(--color);
    border-bottom: 1px dashed var(--color);
    cursor: pointer;
}
#header .contacts .link:hover{	
    border-bottom: 1px dashed rgba(34, 153, 179, 0) !important;
}
#header .contacts svg {
    fill: rgba(0, 0, 0, 0.3);
    width: 2rem;
    height: 2rem;
    margin-bottom: -1.4rem;
    margin-right: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    padding: 5px;
}
#header .social {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header .btn span::before {
    display: none;
}


/* Для шапки 1 */
.type-header-1 #header {
    padding: 1rem 0 0;
}
.type-header-1 #header .content {
}
.type-header-1 #header .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14rem;
            flex: 0 0 14rem;
    text-align: right;
    margin-top: 0;
}
.type-header-1 #header .btn {
    font-size: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    box-shadow: none;
}
.type-header-1 #header .btn svg {
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
}
.type-header-1 #header .btn:hover {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}
.type-header-1 #header .btn:hover svg {
    -webkit-animation: btnsvg 2s;
            animation: btnsvg 2s;
}
.type-header-1 #header .btn span{
    padding: 0.6rem 1.5rem 0.6rem 3rem;
}
.type-header-1 #header .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16rem;
            flex: 0 0 16rem;
    text-align: right;
}
.type-header-1 #header .menu_block {
    margin-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.type-header-1 #header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0;
}
.type-header-1.header-white.menu-black #header .menu {
    padding: 0;
    background: rgba(0, 0, 0, 0.6);
    background: var(--dark_60);
    border-radius: 5px;
    border-top: none;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.type-header-1 #header .menu .menu-item a {
    font-size: 1rem;
    padding: 0.5rem 1.25rem;
    text-transform: none;
    letter-spacing: 0px;
    border-left: 0;
    white-space: nowrap;
    color: var(--dark);
}
.type-header-1 #header .menu .menu-item a:hover, 
.type-header-1 #header .menu .current-menu-item a, 
.type-header-1 #header .menu .current-menu-parent a, 
.type-header-1 #header .menu .current-menu-ancestor a,
.type-header-1 #header .menu .menu-item .sub-menu .menu-item a:hover{
    color: var(--color);
    background: transparent;
} 
.type-header-1 #header .menu .menu-item::before {
    opacity: 1;
}
.type-header-1 #header .menu .menu-item-has-children a {
    padding-right: 2.5rem;
}
.type-header-1 #header .menu .menu-item .sub-menu .menu-item a {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    color: var(--dark);
}
.type-header-1 #header .menu .current-menu-parent .sub-menu .menu-item a, 
.type-header-1 #header .menu .current-menu-ancestor .sub-menu .menu-item a {
    color: var(--dark);
    background: transparent;
}
#header .menu .sub-menu .sub-menu .menu-item a {
    white-space: normal;
}
@-webkit-keyframes btnsvg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
	5% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
	15% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
	20% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
	25% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
	25% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
	50% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
	80% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
	100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes btnsvg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
	5% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
	15% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
	20% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
	25% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
	25% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
	50% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
	80% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
	100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


/* Для тёмной шапки */
#undo_header_abs {
    min-height: var(--header_height);
}
#undo_header_abs.black {
    background: var(--dark);
}
.header-white #header  {
    color: #fff;
}
.header-white #header a[href^="tel:"].phone-content {
    color: #fff;
}
.header-white #header .contacts .link {
    color: rgba(255, 255, 255, 0.5);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.header-white #header .contacts svg {
    fill: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.header-white #header .social .soc svg {
    fill: #fff;
}
.header-white.type-header-1 #header .menu {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.header-white.type-header-1 #header .menu .menu-item a {
    color: #fff;
}
.header-white.type-header-1 #header .menu .menu-item a:hover {
    color: var(--color);
}
.header-white.type-header-1 #header .menu .current-menu-item a {
    color: var(--color);
    font-weight: var(--f1ws);
}
.header-white.type-header-1 #header .menu .sub-menu .menu-item a {
    font-weight: normal;
	font-weight: var(--f1w);
}



#apex {
    border-bottom: 1px solid var(--light);
}
#apex .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


#header-top {
    position: relative;
    z-index: 21;
    font-size: 0.8rem;
    padding: 0.5rem 0;
    background: var(--light);
}
#header-top .flex {
    justify-content: space-between;
}
#header-top .phone-content {
    color: var(--dark);
    font-size: 0.9rem;
}
#header-top .call {
    margin-right: 1rem;
    cursor: pointer;
    color: var(--color);
    border-bottom: 1px dashed;
    transition: all .3s ease;
}
#header-top .call:hover {
    color: var(--dark);
    border-bottom-color: transparent;
}


#header-center {
    position: relative;
    z-index: 20;
}
#header-center .flex {
    justify-content: space-between;
}
#header-center .logo {
    width: 14rem;
    padding: 1.5rem 0 1rem;
}
#header-center .logo a {
}
#header-center .logo a img {
}
#header-center .menu {
    display: flex;
    flex-wrap: wrap;
}
#header-center .menu .menu-item a {
    font-weight: var(--f1ws);
    padding: 0.7rem 1.5rem;
    border-left: 0;
    color: var(--dark);
    letter-spacing: 0.7px;
}
#header-center .menu-item.menu-item-has-children a {
    padding-right: 2rem;
}
#header-center .menu .menu-item:last-child a {
    padding-right: 0;
}
#header-center .menu .menu-item .sub-menu {
    z-index: 0;
}
#header-center .menu .menu-item .sub-menu .menu-item a {
    font-size: 0.9rem;
    color: var(--dark);
}
#header-center .menu .menu-item:hover a,
#header-center .menu .menu-item .sub-menu .menu-item:hover a,
#header-center .menu .current-menu-parent a {
    color: var(--color);
}
#header-center .burger-icon {
    display: none;
}




/*
	++++++++++++++++++++++++++++++++++++++++
*/

@media (max-width: 1399px) {
#header .adress {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16rem;
            flex: 0 0 16rem;
}
}

@media (max-width: 1299px) {
#header .content .social-col {
    display: none;
}
}

@media (max-width: 1153px) {
.type-header-1 #header {
    padding: 1rem 0;
}
#header .content .descriptor,
.type-header-2 #header .menu_block,
.type-header-1 #header .menu_block {
    display: none;
}
.type-header-1 #header .menu .menu-item a {
    white-space: normal;
}
.type-header-1 #header .button {
    margin-right: 5rem;
}
#header .contacts {
    margin-right: 5rem;
}
.type-header-1 #header .contacts {
    margin-right: 0rem;
}
#header-center .menu {
    display: none;
}
}	

@media (max-width: 1023px) {
#header-wrapper.main_menu.type-header {
    margin-bottom: 0;
}
.type-header-1 #header {
    border-bottom: 0;
    padding-top: 1rem;
}
#header .adress {
    display: none;
}
#header .logo a img{
    max-height: 3rem;
}
.type-header-1 #header .content .contacts {
    margin-right: 0;
}
.type-header-1 #header .button {
    display: none;
}
.type-header-1 #header .logo a img{
    max-height: 7rem;
}
.type-header-2 #header-top .descriptor{
    display: none;
}
.type-header-2 #header .content .contacts {
    margin-right: 4rem;
}
}

@media (max-width: 767px) {
#header .logo a {
    display: block;
    width: 9rem;
}
#header .contacts svg {
    display: none;
}
#header .content .contacts {
    -ms-flex: 0 0 14rem;
    flex: 0 0 14rem;
}
.type-header-1 #header .content .contacts {
    margin-right: 4rem;
}
.type-header-2 #header .contacts .link {
    display: inline-block;
}
.type-header-2 #header .content .contacts {
    margin-right: 2rem;
}
}

@media (max-width: 499px) {
#header .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8rem;
            flex: 0 0 8rem;
}
#header .logo a {
    width: 8rem;
    min-height: 2rem;
}
#header .content {
    margin-left: 0rem;
}
#header .content .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10rem;
            flex: 0 0 10rem;
    margin-right: 0;
}
#header .contacts .phone-content {
    font-size: 0.9rem !important;
}
}



/*
	==================================================
	Меню
	==================================================
*/
#menu{
    position: relative;
    z-index: 30;
    width: 100%;
}
/*
#menu::before{
	content: "";
    position: absolute;
    top: 100%;
	left: 0;
    width: 100vw;
    height: 16rem;
	background: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}*/
.menu-full-width #menu{
	background: var(--color);
}
#menu .menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background: var(--color);
    border-radius: 3px;
}
.menu .menu-item {
    position: relative;
    flex-shrink: 0;
}
.menu .menu-item:first-child {
    margin-left: 0;
}
.menu .menu-item a{
    display: inline-block;
	border: 0;
    font-size: 0.8rem;
    font-weight: normal;
	font-weight: var(--f1w);
    padding: 0.7rem 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
    z-index: 1;
    cursor: pointer;
}
#menu .menu .menu-item a{
    color: #fff;
    white-space: nowrap;
}
.menu .menu-item::after,
.menu .menu-item::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.15;
}
.menu .menu-item:first-child,
.menu .menu-item:first-child::after,
.menu .menu-item:first-child::before{
    border-radius: 3px 0 0 3px;
}
.menu .menu-item:last-child,
.menu .menu-item:last-child::after,
.menu .menu-item:last-child::before{
    border-radius: 0 3px 3px 0;
}
.menu .menu-item:hover::before{
    background: #fff;
}
#menu .menu .current-menu-item::after,
#menu .menu .current-menu-parent::after/*,
#menu .menu .current-menu-ancestor::after*/{
    background: #000;
}
.menu .current-menu-item::before,
.menu .current-menu-parent::before,
.menu .current-menu-ancestor::before{
}
#menu .menu .current-menu-item a::after, 
#menu .menu .current-menu-parent a::after, 
#menu .menu .current-post-ancestor a::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 0 5px;
    border-color: var(--color) transparent transparent transparent;
    -webkit-filter: brightness(0.85);
            filter: brightness(0.85);
} 
.sub-menu .current-post-ancestor a::after {
    display: none;
}
.menu .menu-item:hover{
}
.menu-item.menu-item-has-children a {
    padding-right: 2.5rem;
}
.menu-item.menu-item-has-children a::before {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    height: 0.4rem;
    width: 0.4rem;
    -webkit-transform: translateY(-80%) rotate(45deg);
        -ms-transform: translateY(-80%) rotate(45deg);
            transform: translateY(-80%) rotate(45deg);
    border-right: 2px solid;
    border-bottom: 2px solid;
}
.menu .menu-item .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    padding: 1rem;
    border-radius: 0 0 5px 5px;
    left: 0rem;
    counter-reset: number;
    visibility: hidden;
	opacity: 0;
    -webkit-transform: translateY(-2rem);
        -ms-transform: translateY(-2rem);
            transform: translateY(-2rem);
	background: #fff;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    z-index: -1;
    white-space: normal;
    min-width: 275px;
    margin: 0;
}
.dark_theme .menu .menu-item .sub-menu {
	background: var(--dark);
}
.menu .menu-item:nth-last-child(1) .sub-menu,
.menu .menu-item:nth-last-child(2) .sub-menu,
.menu .menu-item:nth-last-child(3) .sub-menu {
    left: auto;
    right: 0rem;
}
.menu .menu-item:hover .sub-menu {
    visibility: visible;
	opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.menu .menu-item .sub-menu .menu-item {
    margin: 0;
    -webkit-box-flex: calc(50% - 1rem);
        -ms-flex: calc(50% - 1rem);
            flex: calc(50% - 1rem);
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    width: 100%;
}
.menu .menu-item .sub-menu .menu-item::after {
    border-radius: 3px !important;
}
.menu .menu-item .sub-menu .menu-item a {
	color: var(--dark);
    padding: 0.5rem 1rem;
    line-height: 1.3;
    letter-spacing: 0px;
    font-size: 1rem;
    font-weight: normal;
	font-weight: var(--f1w);
    text-transform: none;
    margin-left: 0rem;
    background: transparent;
    border: 0;
    border-radius: 3px;
    display: block;
}
#menu .menu .menu-item .sub-menu .menu-item a {
	color: var(--dark);
}
.dark_theme #menu .menu .menu-item .sub-menu .menu-item a {
    color: #fff;
}
 #menu .menu .menu-item .sub-menu .menu-item:hover a,
 #menu .menu .menu-item .sub-menu .current-menu-item a {
	color: var(--color);
    background: var(--light);
}
.dark_theme #menu .menu .menu-item .sub-menu .menu-item:hover a, 
.dark_theme #menu .menu .menu-item .sub-menu .current-menu-item a {
	color: var(--color);
    background: var(--dark);
}
.sub-menu a::after,
.sub-menu a::before{
    display: none;
}
.sub-menu .menu-item-has-children a::before{
    display: block;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
}
.sub-menu .sub-menu a::before{
    display: none;
}
.menu .menu-item .sub-menu .current-menu-item::after,
.menu .menu-item .sub-menu .current-menu-parent::after,
.menu .menu-item .sub-menu .current-menu-ancestor::after{
    display: none;
}
.menu .sub-menu .menu-item .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 100%;
    width: fit-content;
    z-index: 100;
    background: #fff;
    visibility: hidden;
	opacity: 0;
    -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
            transform: translateX(-1rem);
    border-radius: 5px;
}
.dark_theme .menu .sub-menu .menu-item .sub-menu {
    background: var(--color_bg_1);
}
.menu .sub-menu .menu-item .sub-menu::before{
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    left: -0.5rem;
    top: 0.5rem;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.dark_theme .menu .sub-menu .menu-item .sub-menu::before{
    background: var(--color_bg_1);
}
.menu .sub-menu .menu-item:hover .sub-menu {
    visibility: visible;
	opacity: 1;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.menu .sub-menu .menu-item .sub-menu .menu-item {
    margin: 0;
    width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
}
.menu .sub-menu .menu-item .sub-menu .menu-item::after {
    display: none;
}
#menu .menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
    font-size: 0.9rem;
    font-weight: 300;
    font-weight: var(--f1w);
    background: transparent;
}
.menu .sub-menu .sub-menu .sub-menu,
.menu .sub-menu .sub-menu .sub-menu * {
    display: none;
}



.footer-menu .menu {
    display: block;
}
.footer-menu .menu .menu-item a {
    display: inline-block;
    color: #fff;
    border: 0;
    font-weight: 300;
    font-weight: var(--f1w);
    padding: 3px 0;
    text-transform: none;
    letter-spacing: 0;
    border-left: 0;
    opacity: 0.5;
    font-size: 0.9rem;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0);
            text-decoration-color: rgba(255, 255, 255, 0);
}
.footer-menu .menu .menu-item a:hover {
    opacity: 1;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
            text-decoration-color: rgba(255, 255, 255, 0.5);
}
.footer-menu .menu .menu-item:hover::before,
.footer-menu .menu .menu-item a::before,
.footer-menu .menu .current-menu-item::after, 
.footer-menu .menu .current-menu-parent::after, 
.footer-menu .menu .current-menu-ancestor::after {
    display: none;
}
.footer-menu .menu .current-menu-item a {
    border-radius: 3px;
    opacity: 1;
    cursor: default;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1);
    padding: 3px 20px 3px 7px;
    margin-left: -7px;
    position: relative;
}
.footer-menu .menu .current-menu-item a::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color);
    top: 5px;
    right: 5px;
    border: 0;
}
.footer-menu .menu .menu-item .sub-menu {
    display: none;
}



/*
	++++++++++++++++++++++++++++++++++++++++
*/

@media (max-width: 1399px) {
.menu .menu-item a {
    padding: 1rem 1.5rem;
}
.menu-item.menu-item-has-children a {
    padding-right: 2.5rem;
}
}


@media (max-width: 1299px) {
.menu .menu-item a {
    padding: 1rem 1rem;
}
.menu-item.menu-item-has-children a {
    padding-right: 2rem;
}
.type-header-1 #header .menu .menu-item a {
    font-size: 1rem;
    padding: 0.7rem 1.125rem;
}
.type-header-1 #header .menu .menu-item-has-children a {
    padding-right: 2rem;
}
}


@media (max-width: 1220px) {
.type-header-1 #header .menu .menu-item a {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}
.type-header-1 #header .menu .menu-item-has-children a {
    padding-right: 1.5rem;
}
.menu-item.menu-item-has-children a::before {
    right: 0.5rem;
    border-right: 1px solid;
    border-bottom: 1px solid;
}
#menu .menu .menu-item .sub-menu .sub-menu {
    display: none;
}
}	


@media (max-width: 1023px) {
#menu {
    display: none;
}
}


/*
	==================================================
	Мобильное меню
	==================================================
*/

/* Меню. Иконка бургера
====================
*/
.mobile-icon  {
    position: fixed;
    right: 3rem;
    top: 1.25rem;
    z-index: 1000;
    padding: 0.5rem;
    height: 3rem;
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5rem;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
	cursor: pointer;
}
.mobile-icon.mobile-icon-bg  {
    background: #fff;
    opacity: .6;
    -webkit-box-shadow: 0 7px 20px -7px rgba(0,0,0,.5);
            box-shadow: 0 7px 20px -7px rgba(0,0,0,.5);
}
.mobile-icon:hover  {
    background: #fff;
    opacity: 1;
}
.mobile-icon .close {
    width: 0rem;
    margin-right: 50px;
}
.mobile-icon .close .close-text{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.1rem;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    opacity: 0;
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
    text-align: right;
}
.open {
    position: relative;
    top: 0;
    right: 0;
    width: 2rem;
    height: 1.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    overflow: hidden;
    z-index: 100;
    transition: all 0.2s ease-in-out;
}
.open span {
	display: block;
	height: 2px;
	width: 100%;
    background-color: var(--dark);
    transition: all 0.2s ease-in-out;
}
.mobile-icon:hover .open span {
	width: 30px;
}
.header-white .open span,
.mobile-icon-white .open span {
    background-color: #fff;
} 
.mobile-icon-bg .open span,
.mobile-icon-white:hover .open span {
    background-color: var(--dark);
}
/* Меню. Открытое меню
====================
*/
.active.mobile-icon{
    right: 4rem;
    background: var(--dark);
}
.active.mobile-icon .close{
    width: 6.25rem;
}
.active.mobile-icon .close .close-text{
    opacity: 1;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.active .open{
    justify-content: center;
}
.active .open span,
.active:hover .open span {
	width: 30px;
    background-color: #fff;
}
.active .open span:nth-child(2) {
	overflow: visible;
    transition: none;
	left:-30px;
	width: 0px;
}
.active .open span:nth-child(1), 
.active .open span:nth-child(3) {
	z-index: 100;
}
.active .open span:nth-child(1) {
	transform: rotate(-45deg) translate(-3px, 0px);
}
.active .open span:nth-child(3) {
    transform: rotate(45deg) translate(-3px, 0px);
}

/* Меню. Мобильное меню
====================
*/
.mobile {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: -10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    pointer-events: none;
}
.active.mobile {
	visibility: visible;
	opacity: 1;
    z-index: 1000;
	overflow-y: auto;
    pointer-events: auto;
}
.mobile .sub-menu {
    margin: 1rem 0 1rem 3rem;
}
.mobile .sub-menu li {
	padding: 0;
	margin: 0;
}
.mobile .sub-menu li a {
    font-size: 1.25rem;
    margin: 0.25rem 0;
}
.mobile .contacts li {
    margin: 0.75rem 0;
}




.mobile .menu {
    display: block;
    padding: 1rem 2rem;
}
.mobile .menu .menu-item a {
    color: var(--dark);
    background: transparent;
    font-size: 1rem;
    text-transform: none;
    padding: 1rem 0;
    font-size: 1.25rem;
    font-weight: 300;
    font-weight: var(--f1w);
}
.menu .menu-item .sub-menu .menu-item:hover a {
    background: transparent;
}
.menu .menu-item .sub-menu .menu-item .sub-menu .menu-item:hover a {
    background: var(--light);
}
.mobile .menu .current-menu-item a {
    color: var(--dark);
    background: transparent;
    font-weight: bold;
    font-weight: var(--f1wb);
}
.mobile .menu .current-menu-item::after, 
.mobile .menu .current-menu-parent::after, 
.mobile .menu .current-menu-ancestor::after {
    display: none;
}
.mobile .menu__nav .menu>li>a:after {
    display: none;
}
.mobile .menu .menu-item .sub-menu {
    position: static;
    width: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    margin-left: 1rem;
    padding: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.mobile .menu .menu-item .sub-menu .menu-item::before {
    display: none;
}
.mobile .menu-item.menu-item-has-children a::before {
    display: none;
}
.mobile .menu .menu-item .sub-menu .menu-item {
    margin: 0;
    padding: 0;
}
.mobile .menu .menu-item .sub-menu .menu-item a {
    margin-left: 0;
    padding: 0.3rem 0;
    color: var(--color);
}
.mobile .menu .sub-menu .menu-item .sub-menu, 
.mobile .menu .sub-menu .menu-item .sub-menu::before {
    background: transparent;
}
.mobile .menu .menu-item .sub-menu .menu-item .sub-menu {
    margin-bottom: 0.5rem;
}
.mobile .menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a {
    font-weight: 300;
    font-weight: var(--f1w);
}


.menu-white {
	
}
.menu-white.mobile-icon {
    background: var(--dark);
}
.menu-white .open span {
    background-color: #fff;
}

.mobile .btn span {
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
}
.mobile .contacts  {
    padding: 1rem 2rem;
	border-bottom: 1px solid #E6E9EC;
}
.mobile .social {
    margin: 0;
    padding: 1rem 2rem;
	border-top: 1px solid #E6E9EC;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mobile .city {
    margin: 0;
    padding: 1rem 2rem 0;
    text-align: center;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1023px) {
.mobile-icon,
.active.mobile-icon {
    right: 2rem;
}
.mobile-icon.mobile-icon-bg  {
    opacity: 1;
}
}

@media (max-width: 767px) {
.mobile-icon,
.active.mobile-icon {
    right: 2rem;
}
}

@media (max-width: 499px) {
.mobile-icon,
.active.mobile-icon {
    right: 1rem;
}
.mobile .menu {
    display: block;
    padding: 1rem 1rem;
}
.mobile .contacts {
    padding: 1rem 1rem;
    border-bottom: 1px solid #E6E9EC;
    font-size: 0.9rem;
}
.mobile .contacts a[href^="tel:"].phone-content {
    font-size: 1.25rem;
}
.mobile .menu .menu-item .sub-menu .menu-item {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    width: 100%;
}
.mobile .menu .menu-item .sub-menu .menu-item .sub-menu {
    margin-bottom: 1rem;
}
}



/*
	==================================================
	Социальные сети
	==================================================
*/
.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
}
.social .soc {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 1rem;
    display: flex;
}
.social .soc.search {
    height: 2rem;
}
.social .soc a {
	border: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social .soc svg {
    width: 1.5rem;
    height: 1.5rem;
}
.social .soc a:hover svg {
    fill: var(--color);
}
.social .soc.search svg{
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    height: 2rem;
    padding: 4px;
}
.social .soc.search:hover svg{
    border-color: var(--color);
    fill: var(--color);
    cursor: pointer;
}
.search-input-section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.search-bg{
    position: absolute;
    background: #262626;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    margin-left: 0.5rem;
}
.search-row{
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}
.search-input{
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    width: 0;
    margin-top: 0.7rem;
	visibility:hidden;
    border-radius: 3px;
    color: #fff;
    border: 0;
}
.search-icon{
    position: absolute;
    right: 2rem;
    top: 1.5rem;
	visibility:hidden;
}
.search-icon svg{
    width: 25px;
    height: 20px;
    cursor: pointer;
}
.search-icon svg path{
    fill: #fff;
}
.search-icon:hover svg path{
    fill: #C59242;
}
.search-close{
    position: absolute;
    right: 2rem;
    top: 1rem;
    cursor: pointer;
    visibility: hidden;
    width: 40px;
    height: 40px;
}
.search-close .cls{
	display: block;
	height: 2px;
	width: 20px;
	background-color: #fff;
	position: absolute;
    right: 1rem;
    top: 1rem;
	overflow: hidden;
	z-index: 100;
}
.search-close:hover .cls{
	background-color: #C59242;
}
.search-close .cls:first-child{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
.search-close .cls:last-child{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}


.visible .search-bg{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.visible .search-input{
    font-family: 'Roboto', sans-serif;
    width: 100%;
	visibility:visible;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    padding: 0 2rem;
}
.visible .search-icon,
.visible .search-close{
	visibility:visible;
    -webkit-transition: all 0.4s ease-in 0.3s;
    -o-transition: all 0.4s ease-in 0.3s;
    transition: all 0.4s ease-in 0.3s;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 767px) {
}



/*
	==================================================
	Хлебные крошки
	==================================================
*/
#breadcrumbs {
    z-index: 100;
    position: relative;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}
#breadcrumbs a {
    border-bottom: 1px solid var(--color_30);
    margin-bottom: 0.25rem;
    display: inline-block;
}
#breadcrumbs a:hover {
    border-bottom: 1px solid transparent;
}

@media (max-width: 1153px) {
#breadcrumbs {
    font-size: 0.8rem;
}
}

@media (max-width: 1023px) {
#breadcrumbs {
    margin-top: 1rem;
}
}

@media (max-width: 767px) {
#breadcrumbs {
    font-size: 0.7rem;
}
}



/*
	==================================================
	Главное окно
	==================================================
*/
#hero {
    background-repeat: no-repeat;
    background-color: var(--light);
    background-size: cover;
    background-position: center;
	margin: 0rem;
	padding: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.dark_theme #hero {
    background-color: transparent;
}
#hero.align-text-top {
	align-items: flex-start;
}
#hero.align-text-center {
	align-items: center
}
#hero.align-text-bottom {
	align-items: flex-end;
}
#hero.hero-white {
    background-color: var(--gray);
}
#hero.hero-white,
#hero.hero-white .header p {
    color: #fff;
}
#hero.hero-white #breadcrumbs a {
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
#hero.no-content h1 {
    margin: 0;
}
#hero .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 2rem 0rem;
}
#hero.no-content {
    justify-content: center;
}
#hero.no-content .main {
    padding-bottom: 2rem;
}
#hero .wrap {
	width: 100%;
    max-width: 50vw;
}
#hero.no-content .wrap {
    margin: auto;
}
#hero .header {
    font-weight: 300;
    font-weight: var(--f1w);
}
#hero .header p {
    margin: -0.5rem 0 .5rem;
    color: var(--dark);
}
#hero .header blockquote {
    padding: 2rem 2rem 2rem 7rem;
    margin: 2rem 0;
    max-width: 700px;
}
#hero .header blockquote p {
    margin: 1rem 0;
}
#hero .header blockquote p:nth-last-of-type(1) {
    margin-bottom: 0;
}
.dark_theme #hero .header p,
.dark_theme #hero .header li {
    color: #fff;
}
#hero .header h1 + p {
    font-size: 1.25rem;
    font-family: "Europecond";
}
#hero .header ul {
    max-width: 680px;
    margin: .3rem 0;
}
#hero .header ul li{
    margin: 1rem 0;
    font-size: 1.125rem;
    font-family: "Europecond";
}
#hero .intro{
    font-size: 1.125rem;
    font-weight: 300;
    font-weight: var(--f1w);
	margin-bottom: 3rem;
} 
#hero .intro.none-hero-btn{
	margin-bottom: 0;
} 
#hero .wrap .button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
} 
#hero .hero-btn-desc{
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17rem;
    /*flex: 0 0 17rem;*/
    flex: initial;
    font-weight: 300;
    font-weight: var(--f1w);
    background: #fff;
    margin-left: 1rem;
    padding: 0.75rem 1.5rem;
    padding-left: 4rem;
    line-height: 1.2;
    color: var(--dark);
    font-size: 0.85rem;
    min-height: 58px;
    display: flex;
    align-items: center;
}
.border-circle #hero .hero-btn-desc{
    border-radius: 0.5rem;
}
#hero .hero-btn-desc::before{
    position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
}
#hero .hero-btn-desc::after{
    position: absolute;
    content: '';
    background: url(/local/assets/images/hero-btn-desc.svg) no-repeat center;
    background-size: 1.5rem;
    width: 2rem;
    height: 2rem;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
}
#hero .hero-image {
    position: relative;
    height: 100%;
    padding-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
#hero .hero-image img {
    max-height: 90vh;
}
#hero .hero-image-sm {
    position: relative;
    display: none;
}
#hero .main .image-mobile {
    display: none;
}
#hero .name-block {
    position: absolute;
    right: 0;
    bottom: 6rem;
    z-index: 2;
    text-align: right;
}
#hero .name-block div {
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 0 0 auto;
}
#hero .name-block div::before {
    content: "";
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #fff;
    height: 140%;
    position: absolute;
    z-index: -1;
    right: -0.8rem;
    left: -0.8rem;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    top: -20%;
    border-radius: 3px;
}
#hero.hero-white .name-block div::before {
    background: var(--dark);
}
#hero .name-block .name {
    z-index: 2;
    margin-bottom: 7px;
    font-weight: bold;
    font-weight: var(--f1wb);
}
#hero .name-block .position {
    font-size: 0.9rem;
    max-width: 200px;
    margin-right: 2rem;
}
#hero .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2rem 0 3rem;
}
#hero .benefits li {
    position: relative;
    padding-left: 3.5rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 0.9rem;
}
#hero .benefits-2 li {
    max-width: 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
#hero .benefits-3 li {
    max-width: 33%;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
}
#hero .benefits-4 li {
    max-width: 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}
#hero .benefits .icon {
    position: absolute;
    width: 3rem;
    max-height: 2rem;
    left: 0;
    top: 0;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1299px) {
#hero .intro {
    margin-bottom: 2rem;
}
}

@media (max-width: 1153px) {
#hero.no-content .main {
    padding: 3rem 0rem;
}
#hero .btn{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 300px;
} 
}	

@media (max-width: 1023px) {
#hero {
	background-position: center right 45%;
}
#hero .main {
    padding: 0rem 0rem 3rem;
}
#hero .main .image {
    display: none;
}
#hero .button {
    display: block;
    max-width: 400px;
}

#hero .hero-btn-desc {
    margin-top: 1rem;
    margin-left: 0;
    min-height: initial;
}
#hero .benefits-3 li,
#hero .benefits-4 li {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
}
#hero .benefits li {
    padding-left: 2.5rem;
}
#hero .benefits .icon {
    width: 2rem;
}
#hero .hero-btn-desc::before {
    top: -1.25rem;
    left: 3rem;
    transform: rotate(90deg);
}
}

@media (max-width: 900px) {
}

@media (max-width: 767px) {
#hero {
    display: block;
    /*min-height: auto !important;*/
    min-height: 407px !important;
}
#hero .wrap {
    max-width: none;
}
#hero.hero-image ,
#hero.hero_bg_sm {
    display: block;
    background-image: none !important;
}
#hero .main {
    display: block;
    height: auto;
    padding: 0 0 3rem;
}
#hero .main .image-mobile {
    display: block;
    margin: 0 -2rem 1.5rem;
}
#hero .header h1 {
    margin-right: 0rem;
}
#hero .name-block {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    bottom: 2rem;
}
#hero .name-block .name {
    font-size: 0.9rem;
}
#hero .name-block .position {
    font-size: 0.8rem;
}
#hero .header {
    font-size: 1.125rem;
}
#hero .hero-btn-desc {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 1rem;
    max-width: fit-content;
}
#hero.hero-image {
    padding: 0;
}
#hero .hero-image-sm {
    display: block;
    background-size: cover;
    background-position: center;
    text-align: center;
}
#hero .hero-image-sm .image {
    margin: 0px 2rem 2rem auto;
    text-align: right;
}
#hero .hero-image-sm img{
    height: 280px;
    padding-top: 2rem;
    display: block;
    margin: auto;
}
}

@media (max-width: 499px) {
#hero .hero-btn-desc {
    padding-left: 3.5rem;
}
#hero .hero-btn-desc::after {
    background-size: 1.25rem;
}
#hero .header {
    font-size: 1rem;
}
#hero .header ul li {
    margin: 0.75rem 0;
    font-size: 1rem;
    font-family: "Europecond";
}
#hero .main .image-mobile {
    margin: 0 -1rem 1.5rem;
}
#hero .intro {
    margin-bottom: 1.5rem;
}
#hero .button {
    margin-top: 1rem;
}
#hero .name-block {
    right: auto;
    left: 2rem;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    width: 40%;
    line-height: 1.4;
}
#hero .name-block .position {
    font-size: 0.8rem;
    max-width: none;
    margin-right: -1rem;
}
}



/*
	==================================================
	Сотрудники
	==================================================
*/
#team {
}
#team .container-fluid{
    max-width: 1300px;
    margin: 0 auto;
}
#team .row{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#team .team-wrap {
    position: relative;
}
#team .item-wrap {
    padding: 0 0.5rem;
}
#team .item{
    margin-bottom: 2rem;
}
#team .team{
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 300;
    font-weight: var(--f1w);
}
#team .team .body{
}
#team .avatar{
    position: relative;
    overflow: hidden;
}
#team .name-block{
}
#team .name{
    font-weight: var(--f1wb);
    margin: 1rem 0 0.25rem;
}
#team .position{
    font-size: 0.8rem;
    letter-spacing: 0.4px;
	color: var(--gray);
}

.popup-team {
    position: relative;
    background: #fff;
    max-width: 700px;
    width: auto;
    margin: 0 auto;
    padding: 0rem;
    display: none;
}
.popup-team .fancybox-close-small {
    background: #fff;
    right: 0.5rem;
    top: 0.5rem;
    border-radius: 50%;
}
.popup-team .team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.popup-team .team .avatar{
    -webkit-box-flex: 45%;
        -ms-flex: 45%;
            flex: 45%;
    width: 45%;
    margin: -2rem 0;
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}
.popup-team .name-block {
    padding: 2rem;
    -webkit-box-flex: 55%;
        -ms-flex: 55%;
            flex: 55%;
    width: 55%;
}
.popup-team .name-block .name {
    font-weight: bold;
    font-weight: var(--f1wb);
}
.popup-team .name-block .position {
    font-size: 0.9rem;
    padding: 0.3rem 0 1rem;
}
.popup-team .name-block .progress {
    font-size: 0.9rem;
    border-top: 3px solid #dddfe0;
    padding-top: 1rem;
    color: var(--gray);
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 499px) {
#team .team-wrap .row {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#team .team-wrap .row .col {
	flex: 0 0 70%;
    max-width: 70%;
}
}




/*
	==================================================
	Менеджер
	==================================================
*/
#manager {
    overflow: hidden;
}
.manager-1 {
    position: relative;
    background: var(--light);
    color: var(--dark);
    margin: 0;
    padding: 5rem 0;
    z-index: 1;
}
.manager-1 .wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 0 4rem;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
}

.manager-1 .left-wrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.manager-1 .text-wrap{
    height: 100%;
    max-width: 400px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 400px;
            flex: 1 0 400px;
    padding: 4rem 0;
}
.manager-1 .text-wrap .utp{
    position: relative;
    z-index: 1;
}
.manager-1 .text-wrap .header h2{
    font-size: 2.5rem;
    color: var(--dark);
    margin-top: 0;
    margin-right: -4rem;
}
.manager-1 .text-wrap .header p{
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--dark);
}
.manager-1 .text-wrap .subheader{
    margin-top: 0;
    color: var(--dark);
}
.manager-1 .text-wrap .manager-label{
    position: relative;
    max-width: 300px;
    margin-top: 2rem;
}
.manager-1 .text-wrap .manager-label div{
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 0 0 auto;
    text-align: right;
}
.manager-1 .text-wrap .manager-label .name{
    font-size: 0.9rem;

    font-weight: bold;
    font-weight: var(--f1wb);
    z-index: 2;
}
.manager-1 .text-wrap .manager-label .position{
    font-weight: 300;
    font-weight: var(--f1w);
    font-size: 0.8rem;
    z-index: 1;
    text-align: right;
}
.manager-1 .text-wrap .contacts-block{
    border-top: 1px solid #ececec;
    margin-top: 2rem;
    padding-top: 1rem;
}
.manager-1 .text-wrap .contacts-block .head {
}

.manager-1 .avatar-wrap{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}
.manager-1 .avatar-png {
    margin-top: -2rem;
}
.manager-1 .avatar-wrap .avatar{
}
.manager-1 .avatar-wrap .avatar img {
    max-height: 700px;
    height: auto;
}

.manager-1 .form-wrap{
    height: 100%;
    margin-top: 4rem;
}

#manager.white-text {
	color: #fff;
}
#manager ul {
    max-width: 400px;
    margin: 2rem 0;
}
#manager ul li{
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}
#manager ul li strong{
    display: block;
}
#manager ul li::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/assets/css/../i/oko.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0rem;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1535px) {
.manager-1 .avatar-wrap .avatar {
}
}

@media (max-width: 1299px) {
.manager-1 .wrap {
    padding: 0;
}
.manager-1 .text-wrap {
    padding-left: 3rem;
    padding-top: 3rem;
}
.manager-1 .avatar-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
}
.manager-1 .text-wrap .header h2 {
    margin-right: -2rem;
}
}

@media (max-width: 1153px) {
.manager-1 .text-wrap {
    max-width: 380px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 380px;
            flex: 1 0 380px;
}
.manager-1 .text-wrap .header h2 {
    font-size: 2.2rem;
    margin-right: -1rem;
}
}	

@media (max-width: 1023px) {
.manager-1 .left-wrap {
    display: block;
}
.manager-1 .text-wrap {
    height: auto;
}
.manager-1 .text-wrap .header h2 {
    margin-right: 0rem;
}
.manager-1 .avatar-wrap {
    max-width: 350px;
    margin: 0;
    padding-left: 3rem;
    display: none;
}
.manager-1 .text-wrap .manager-label {
    position: absolute;
    bottom: 5rem;
	
    display: none;
}
.manager-1 .text-wrap .manager-label div {
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 0 0 auto;
}
.manager-1 .text-wrap .manager-label div::before {
    content: "";
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #fff;
    height: 140%;
    position: absolute;
    z-index: -1;
    right: -0.8rem;
    left: -0.8rem;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    top: -20%;
    border-radius: 3px;
}
.manager-1 .text-wrap .manager-label .position {
    font-size: 0.8rem;
    font-weight: 300;
    font-weight: var(--f1w);
    color: var(--gray-text);
    margin-top: 8px;
}
}

@media (max-width: 767px) {
.manager-1 .wrap {
    display: block;
}
.manager-1 .text-wrap {
    padding: 2rem;
    padding-bottom: 0rem;
    max-width: 100%;
    margin-bottom: 2rem;
}
.manager-1 .text-wrap .header h2 {
    font-size: 2rem;
}
.manager-1 .text-wrap .manager-label {
    right: 2rem;
    left: 2rem;
    bottom: 3rem;
}
.manager-1 .text-wrap .manager-label div {
    font-size: 0.9rem;
}
}

@media (max-width: 499px) {
.manager-1 .text-wrap .header h2 {
    font-size: 1.8rem;
}
}



/*
	==================================================
	Без менеджера
	==================================================
*/
#no-manager {
    background: var(--gray);
    color: var(--btn_color_text);
    padding: 3rem 0;
}
#no-manager .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#no-manager .header {
    max-width: 450px;
}
#no-manager .header h2 {
    margin-top: 0rem;
}
#no-manager .header h2 ~ p {
    margin: -1rem 0 0rem;
    color: var(--btn_color_text);
}
#no-manager .button {
    margin-top: 0rem;
}


/*
	==================================================
	Форма
	==================================================
*/
.form-wrap{
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-top: 0;
    max-width: 380px;
    padding: 0 2.5rem 2.5rem;
    z-index: 1;
    border-radius: 6px;
    -webkit-box-shadow: 0 15px 40px -5px var(--color_30);
            box-shadow: 0 15px 40px -5px var(--color_30);
    background: #fff;
    max-width: 380px;
    color: var(--dark);
}
.form-wrap.error404 {
    margin: 2.5rem 0;
}
.form-wrap .form-header {
    margin-bottom: 2rem;
}
.form-wrap .form-head {
    position: relative;
    color: #fff;
    background: var(--color);
    margin: 0 -2.5rem 1rem;
    padding: 2rem 2.5rem;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    font-weight: normal;
    font-weight: var(--f1w);
}
.form-wrap .button {
    margin: 1.25rem 0 1.5rem;
}
.form .form-head {
    line-height: 1.2;
    font-size: 1.8rem;
    font-family: var(--f2);
}
.form-desk{
    font-weight: normal;
    font-weight: var(--f1w);
    font-size: 1rem;
    margin: 1rem 0 2rem;
}
.form-group {
    position: relative;
    margin: 3rem auto 1.25rem;
    background: #eef2f7;
	background: var(--light);
    border: 1px solid #ececec;
    border-radius: 6px;
}
.dark_theme .form-group {
    background: #2a2929;
    border: 1px solid #4e4e4e;
}
.form-group label small {
    font-weight: normal;
    font-weight: var(--f1w);
}
.form-group > select {
    max-width: 100%;
    width: 100%;
    background-color: #F2F2F2;
    border: none;
    border-radius: 7px;
    margin: 0;
    padding: 0.8rem 1rem;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6C7180;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
}
.form .phone {
    border-top: 1px solid #ececec;
    margin-top: 1rem;
    padding-top: 1rem;
    font-size: 0.9rem;
}
.form .phone .phone-content{
    font-size: 1.125rem;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/

@media (max-width: 1535px) {
.manager-1 .form-wrap {
    max-width: 350px;
}
}

@media (max-width: 1153px) {
.manager-1 .form-wrap {
    max-width: 300px;
    padding: 0 2rem 2rem;
}
.manager-1 .form-wrap .form-head {
    margin: 0 -2rem 1rem;
    padding: 1.5rem 2rem;
}
}

@media (max-width: 767px) {
.manager-1 .form-wrap {
    max-width: 350px;
    margin: 0 auto;
    margin-top: 0;
}
}


/*
	==================================================
	Подвал
	==================================================
*/
#footer {
    position: relative;
    background: var(--dark);
    padding: 2rem 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    font-weight: var(--f1w);
    z-index: 2;
}
#footer .col {
    margin: 1.5rem 0;
}
#footer .footer-logo {
    max-width: 200px;
    margin: 0 auto;
}
#footer .footer-logo.no-logo img {
    -webkit-filter: contrast(0.01);
            filter: contrast(0.01);
}
#footer .footer-head {
    text-transform: uppercase;
    font-weight: bold;
    font-weight: var(--f1wb);
    margin-bottom: 1rem;
    letter-spacing: 3px;
}
#footer .main {
    padding-left: 4rem;
}
#footer .column-2 {
    column-count: 2;
}
#footer .descriptor {
    margin-top: 1rem;
    line-height: 1.3;
}
#footer .copy {
    display: inline-block;
    margin-top: 1rem;
}
#footer .phone-content {
    font-weight: bold;
    font-weight: var(--f1wb);
    font-size: 1.125rem;
    margin-bottom: 5px;
    display: inline-block;
}
#footer .phone-content:hover {
    color: #fff;
}
#footer .link {
    color: #fff;
    border-bottom: 1px dashed;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
#footer .link:hover {
    border-bottom: 1px dashed transparent;
}
#footer a[href^="mailto:"] {
    font-weight: 500;
	font-weight: var(--f1ws);
}
#footer li[itemprop="name"] {
    display: none;
}
#footer li[itemprop="telephone"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1rem;
}
#footer .social {
    margin: 1.5rem 0 0;
}
#footer .social .soc svg {
    fill: rgba(255, 255, 255, 0.3);
}
#footer .social .soc a:hover svg {
    fill: var(--color);
}


#footer-2 {
    position: relative;
    background: var(--dark);
    padding: 1rem 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.65rem;
    font-weight: 300;
    font-weight: var(--f1w);
    letter-spacing: 0.5px;
}
#footer-2::before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1153px) {
#footer .main {
    padding-left: 3rem;
}
}	

@media (max-width: 1023px) {
#footer .main {
    padding-left: 1rem;
}
#footer .col:nth-child(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
#footer .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
#footer .col:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 2rem;
}
#footer .col:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    padding-left: 2rem;
}
}

@media (max-width: 767px) {
#footer .col:nth-child(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
#footer .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
#footer .col:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
#footer .col:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.footer-menu .menu .current-menu-item a {
    padding: 6px 20px 6px 10px;
}
}


@media (max-width: 499px) {
#footer .col:nth-child(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
            order: 4;
}
#footer .col:nth-child(2) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
            order: 1;
}
#footer .col:nth-child(3) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0.5rem;
}
#footer .col:nth-child(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
            order: 3;
    padding-left: 0.5rem;
}
}

/*
	==================================================
	Форма
	==================================================
*/



/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1299px) {

.form-wrap .btn {
    font-size: 1.125rem;
}
.form-style-1 .form-wrap .form-head {
    margin: 0 -1.5rem 2rem;
    padding: 1rem 1.5rem;
}
.form-style-1 .form-wrap {
    padding: 0 1.5rem 1rem;
    margin-top: 3rem;
}
}

@media (max-width: 1153px) {
.form-style-1 .form-wrap {
    padding: 0 3rem 3rem;
}
.form-style-1 .form-wrap .form-head {
    margin: 0 -3rem 3rem;
    padding: 2rem 3rem;
}
}

@media (max-width: 1023px) {
.form-style-1 .form-wrap {
    padding: 0 2rem 1rem;
    margin-top: 3rem;
}
.form-style-1 .form-wrap .form-head {
    margin: 0 -2rem 2rem;
    padding: 2rem 2rem;
}
}

@media (max-width: 499px) {
.form-style-1 .form .form-header {
    line-height: 1.2;
    margin: 0px;
    font-size: 1.5rem;
}
}

/*
	==================================================
	Спойлер
	==================================================
*/
.spoilers{
    counter-reset: number;
}
.spoilers-count{
    column-count: 2;
}
.spoiler{
    position: relative;
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
}
.spoiler-head{
    position: relative;
    padding: 1.25rem 5rem 1.25rem 2rem;
    font-size: 1.125rem;
    cursor: pointer;
    border-radius: 7px;
    background: var(--light);
    color: var(--dark);
}
.spoiler:first-child .spoiler-head{
    border-top: 0;
}
.dark_theme .spoiler-head {
    background: rgb(255 255 255 / 10%);
    color: #fff;
}
.spoiler-head .spoiler-btn {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}
.spoiler-head .spoiler-btn::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    background: var(--color);
    top: 0;
    right: 9px;
    transition: all .3s ease;
}
.spoiler-head .spoiler-btn::after {
	content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color);
    top: 9px;
    right: 0;
    transition: all .3s ease;
}
.spoiler-content{
    padding: 1.25rem 2rem 0.5rem 5rem;
    font-weight: 300;
    font-weight: var(--f1w);
    font-size: 1rem;
    display: none;
}
.spoiler:hover .spoiler-head,
.spoiler.active .spoiler-head{
    color: var(--color);
}
.spoiler .spoiler-head h3{
    position: relative;
    font-size: 1.125rem;
    margin: 0;
    padding-left: 3rem;
}
.spoiler .spoiler-head h3::after {
    position: absolute;
    content: counter(number, decimal-leading-zero) ".";
    counter-increment: number;
    top: 0;
    left: 0px;
    color: var(--color);
    font-family: var(--f2);
    font-weight: var(--f2w);
}
.spoiler.active .spoiler-head .spoiler-btn::before,
.spoiler.active .spoiler-head .spoiler-btn::after {
    background: var(--dark);
    transform: rotate(45deg);
}
.spoiler.active .spoiler-content{
    display: block;
}


.spoiler_mini {}
.spoiler_mini-head {
    display: inline-block;
    color: var(--color);
    border-bottom: 1px dashed;
    cursor: pointer;
}
.spoiler_mini-head:hover {
    border-bottom-color: transparent;
}
.spoiler_mini-desc {
    display: none;
}
.spoiler_mini.active .spoiler_mini-desc {
    display: block;
}
.spoiler_mini.active .spoiler_mini-head {
    display: none;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1023px) {
.spoilers-count {
    column-count: 1;
}
}
@media (max-width: 767px) {
.spoiler-content {
    padding: 1.25rem 2rem 0.5rem 2rem;
}
.spoiler-head {
    line-height: 1.3;
}
}

@media (max-width: 499px) {
.spoiler-content {
    padding: 1rem 0rem 0.5rem 0rem;
}
.spoiler-head {
    font-size: 1rem;
}
}



/*
	==================================================
	Филиалы
	==================================================
*/
#offices {
}
#offices h2 {
    font-size: 2.5rem;
}
#offices .map {
    position: relative;
    min-height: 500px;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1023px) {
#offices .map {
    min-height: 350px;
    margin-top: 2rem;
}
}



/*
	==================================================
	Клиенты
	==================================================
*/
.logos-row .container-fluid {
    max-width: 1200px;
}
.logos-row .items {
    display: flex;
    flex-wrap: wrap;
}
.logos-row .item {
    flex: 1 0 calc(100% / var(--logo_count));
    max-width: calc(100% / var(--logo_count));
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2rem 2rem;
    flex-wrap: wrap;
    background: #fff;
    min-height: 6rem;
}
.logos-row .items.logo-col-5 .item:nth-child(5n) {
    border-right: 0;
}
.logos-row .items.logo-col-5 .item:nth-last-child(-n+5) {
    border-bottom: 0;
}
.logos-row .items.logo-col-4 .item:nth-child(4n) {
    border-right: 0;
}
.logos-row .items.logo-col-4 .item:nth-last-child(-n+4) {
    border-bottom: 0;
}
.logos-row .items.logo-col-3 .item:nth-child(3n) {
    border-right: 0;
}
.logos-row .items.logo-col-3 .item:nth-last-child(-n+3) {
    border-bottom: 0;
}
.logos-row .item .logo img {
    max-height: 2rem;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.logos-row .item .desc {
    margin-top: 1rem;
    line-height: 1.3;
    font-size: 0.8rem;
    color: var(--gray);
    width: 100%;
}
.logos-row .item .desc p{
    margin: 0;
}
.logos-row .slider .slide {
    height: 9rem;
}
.logos-row .slider .item {
    border-bottom: 0;
    width: 13rem;
}
.logos-row .slider .item .logo img {
    max-height: 6rem;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1153px) {
.logos-row .items .item {
    padding: 2rem;
}
.logos-row .item .logo img {
    max-height: 40px;
    max-width: 120px;
}
}	

@media (max-width: 1023px) {
.logos-row .items .item {
    padding: 1rem 2rem;
    flex: 1 0 33.333%;
    max-width: 33.333%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.logos-row .item:nth-child(3n) {
    border-right: 0 !important;
}
.logos-row .item:nth-last-child(-n+3) {
    border-bottom: 0 !important;
}
}

@media (max-width: 767px) {
.logos-row .items .item {
    padding: 0rem 1.5rem;
    flex: 1 0 50%;
    max-width: 50%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.logos-row .item:nth-child(2n) {
    border-right: 0 !important;
}
.logos-row .item:nth-last-child(-n+2) {
    border-bottom: 0 !important;
}
.logos-row .item {
    padding: 0.5rem 1rem;
}
.logos-row .item .logo {
    width: 120px;
}
.logos-row .item .logo img {
    max-height: 25px;
}
.logos-row .slider .item {
    height: 80px;
}
}

@media (max-width: 499px) {
.logos-row .item .logo img {
    max-height: 20px;
}
}


/*
	==================================================
	Технические работы
	==================================================
*/
#warning {
    padding: 1.5rem 0;
    background: #af7401;
    background-image: repeating-linear-gradient(-45deg, rgb(0 0 0 / .0) 0, rgb(0 0 0 / .0) 40px, rgb(0 0 0 / .1) 40px, rgb(0 0 0 / .1) 80px);
    color: #fff;
}
#warning .text{
    max-width: 550px;
    margin: auto;
}
#warning h3{
    margin: 2rem 0;
}
#warning a{
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
#warning a:hover{
    color: #fff;
    border-bottom-color: transparent;
}
#warning ul{
    margin-top: 1.5rem;
}
#warning li{
    position: relative;
    padding-left: 2rem;
    margin: 0.5rem 0;
}
#warning li::before{
	content: "";
    position: absolute;
    height: 1px;
    width: 1rem;
    background: #fff;
    top: 50%;
    left: 0;
}


/*
	====================================================================================================
	СТИЛИ ЗАГОТОВОК СТРАНИЦ
	====================================================================================================
*/

/*
	==================================================
	Контакты
	==================================================
*/
#contacts {
    padding: 0;
}
#contacts.contacts-page {
    padding: 4rem 0 0;
}
#contacts.contacts-page h2 {
    padding-top: 1.5rem;
    border-top: 1px solid #ececec;
    margin-top: 0.5rem;
}
.contact-section #contacts .header {
    font-size: 2.5rem;
    margin: 0 0 2.5rem;
    font-weight: var(--f2w);
    font-family: var(--f2);
}
#contacts .bor {
    margin: 0;
}
#contacts.contacts-page .bor {
    border-top: 1px solid #ececec;
}
.dark_theme #contacts.contacts-page .bor {
    border-top-color: var(--color_bg_1);
}
#contacts .left-wrap {
    padding-left: 3rem;
}
#contacts .left {
    max-width: 665px;
    margin: 3rem 0 0 auto;
    padding: 0 2rem 4rem 0;
}
#contacts .image {
	margin-bottom: 2rem;
}
#contacts .main-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    pointer-events: auto;
}
#contacts  .left .main-list>li {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
	font-weight: var(--f1ws);
	flex: 45%;
    -webkit-box-flex: calc(50% - 1rem);
        -ms-flex: calc(50% - 1rem);
            flex: calc(50% - 1rem);
    width: 50%;
    margin-right: 1rem;
}
#contacts  .left .main-list li.soc-block {
    max-width: 50%;
    margin-bottom: 0;
}
#contacts li .head,
#contacts li strong {
    color: #7d7d7d;
    font-size: 0.7rem;
    display: block;
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: 1px;
}
.dark_theme #contacts li .head,
.dark_theme #contacts li strong {
    color: #ccc;
}
#contacts li .head {
    font-weight: 300;
	font-weight: var(--f1w);
}
#contacts .note {
    margin-top: 2rem;
}
#contacts #contact_coordinate {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--color);
    position: relative;
    transition: all .3s ease;
}
#contacts #contact_coordinate svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--gray);
    margin-left: 0.75rem;
    transition: all .3s ease;
}
#contacts #contact_coordinate:hover,
#contacts #contact_coordinate:hover svg,
#contacts a:hover {
    transform: translateY(-3px);
}
.dark_theme #contacts #contact_coordinate:hover,
.dark_theme #contacts a:hover {
    color: #fff;
    filter: brightness(1);
}
.dark_theme #contacts #contact_coordinate:hover svg{
    fill: #fff;
    filter: brightness(1);
}
#contacts #contact_coordinate .message {
    position: absolute;
    right: 25%;
    top: -3rem;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    font-weight: var(--f1w);
    font-weight: var(--f1w);
    line-height: 1.2;
    background: rgba(0,0,0,0.85);
    z-index: 10;
    color: #f5f6f8;
    font-size: .8rem;
    max-width: 80%;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
}
#contacts #contact_coordinate .message::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.75rem 1rem 0 0;
    border-color: rgba(0,0,0,0.85) transparent transparent;
    right: 1rem;
    bottom: -0.75rem;
}
#contacts #contact_coordinate:hover #coordinate-hover:not(.disable),
#contacts #contact_coordinate:hover #coordinate-copy.active {
    opacity: 1;
    top: -2.5rem;
}
#contacts .navigator_link {
    margin-top: 0.25rem;
    display: inline-block;
}

.map-wrapper{
    width: 99.5%;
    height: 100%;
    min-height: 400px;
    position: absolute;
    left: 0;
    top: 0;
}


#contacts.contacts-section h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
}
#contacts.contacts-section .container-fluid {
    pointer-events: none;
}
#contacts.contacts-section .wrap {
    position: relative;
    background: #fff;
    padding: 2.5rem;
    padding-bottom: 2rem;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 15px 30px rgb(0 0 0 / 0.15);
}
#contacts.contacts-section .wrap::before {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 1rem;
    bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 7px;
}
#contacts.contacts-section .main-list>li {
    width: 100%;
    margin-bottom: 1rem;
}
#contacts.contacts-section .main-list .social {
    margin: 0;
}



#contacts .offices {
    margin-bottom: 2rem;
}
#contacts .header-offices {
    font-size: 2rem;
    margin: 2rem 0;
    font-weight: var(--f2w);
    font-family: var(--f2);
}
#contacts .offices-wrap {
    display: flex;
    flex-wrap: wrap;
}
#contacts .office-item {
    flex: 1 0 calc(100% / var(--count-office));
    max-width: calc(100% / var(--count-office));
    line-height: 1.3;
    padding-right: 3rem;
    font-size: 0.9rem;
}
#contacts .office-item-wrap {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}
#contacts .office-item-wrap div{
    margin: 0.5rem 0;
}
#contacts .office-item .department {
    font-size: 1.125rem;
    font-weight: var(--f1ws);
    margin-bottom: 1.5rem;
    color: var(--color2);
}
#contacts .office-item .find {
}
#contacts .office-item .adress {
    font-weight: var(--f1ws);
}
#contacts .office-item .phone {
    margin-top: 1rem;
}
#contacts .office-item .email {
    margin-top: 1rem;
}
#contacts .office-item .mode {
}
#contacts .office-item .coordinate {
}
#contacts .office-item .image {
    margin-top: 1rem;
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1399px) {
#contacts .left {
    margin: 3rem 0 0 auto;
    padding: 0 1rem 4rem 0;
}
}

@media (max-width: 1023px) {
.contact-section #contacts .header {
    font-size: 2rem;
    margin: 0 0 2rem;
}
#contacts.contacts-page .bor {
    border-top: 0;
    margin: 0;
}
#contacts .right-wrap {
    padding: 0rem;
}
#contacts .left-wrap {
    padding: 0 2.5rem;
}
#contacts .left {
    margin: 0rem 0 0 auto;
    padding: 0 0rem 3rem 0;
    max-width: none;
}
#contacts .left .header {
    font-size: 1.75rem;
    font-weight: var(--f1ws);
    margin-bottom: 1.5rem;
	
}
.map-wrapper{
    height: 350px;
    position: relative;
}
}

@media (max-width: 767px) {
.contact-section #contacts .header {
    font-size: 2rem;
    margin: 0 0 1.5rem;
}
#contacts .left-wrap {
    padding: 0 2rem;
}
}

@media (max-width: 499px) {
#contacts {
    padding: 2rem 0 0;
}
.contact-section #contacts .header {
    font-size:1.75rem;
}
#contacts .left-wrap {
    padding: 0 1rem;
}
#contacts .left .main-list li {
        -ms-flex: 100%;
            flex: 100%;
    width: 100%;
    margin-right: 0rem;
}
#contacts .left .main-list li.soc {
    flex: 0 1 1.75rem;
    width: 1.75rem;
    margin-right: 1rem;
}
#contacts .right-wrap {
    margin-right: 3rem;
}
}

/*
	==================================================
	Родительская
	==================================================
*/
#pages,
#privacy {
    padding: 4rem 0;
}
#pages .item{
    background-size: cover;
    background-position: center;
	padding: 3rem;
    display: block;
    border: 0;
    overflow: hidden;
    margin-bottom: 2rem;
}
.border-circle #pages .item{
    border-radius: 0.5rem;
}
#pages .item:hover{
	-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
#pages .item .image {
	display: none;
}
#pages .item .body{
    color: var(--dark);
    width: 55%;
    font-weight: 300;
    font-weight: var(--f1w);
}
.dark_theme #pages .item .body{
    color: #fff;
}
#pages .item .body .title h2{
    margin-top: 0;
}
#pages .item.hero-white .body{
    color: #fff;
}
#pages .item .title p:nth-of-type(1){
    font-size: 1.125rem;
}
#pages .item .desc{
    font-size: 0.9rem;
    font-weight: 300;
    font-weight: var(--f1w);
    margin-top: 1rem;
}
#pages .item .btn span {
    padding: 1rem 2rem;
}
#pages .item .button {
    margin-top: 2rem;
}
#privacy ol li::before {
    visibility: hidden;
    font-size: 0
}
#privacy ol li li::before {
    visibility: visible;
    font-size: 100%;
    position: absolute;
    left: 0
}

@media (max-width: 767px) {
#pages .item{
    background-image: none !important;
    padding: 0;
    box-shadow: 0 15px 20px rgb(0 0 0 / 15%);
    transform: none;
}
#pages .item .body{
    padding: 2rem;
}
#pages .item .image {
	display: block;
}
#pages .item .body {
    color: var(--dark);
    width: 100%;
    font-weight: 300;
    font-weight: var(--f1w);
}
}

@media (max-width: 499px) {
#pages, #privacy {
    padding: 3rem 0;
}
#pages .item .body .title h2 {
    font-size: 1.75rem;
}
#pages .item .body .title h3 {
    font-size: 1.125rem;
}
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/


/*
	==================================================
	Рейтинг
	==================================================
*/
.ratings {
    position: relative;
    width: 130px;
    text-align: right;
    color: var(--dark);
    font-weight: var(--f1ws);
}
.ratings-stars {
    position: absolute;
    left: 0;
	background: url(/local/assets/css/../i/rating_off.svg) repeat-x left;
    background-size: auto 100%;
    width: 94px;
    height: 18px;
}
.ratings-stars-active {
	background: url(/local/assets/css/../i/rating_on.svg) repeat-x left;
    background-size: auto 100%;
    height: 100%;
}
.ratings.micro {
    width: 85px;
    font-size: 0.7rem;
}
.ratings.micro .ratings-stars {
    width: 63px;
    height: 12px;
}


/*
	==================================================
	Отзывы
	==================================================
*/
#reviews {
}
#reviews .item {
}
#reviews .name {
    font-weight: var(--f1ws);
    margin-top: 1rem;
}


/*
	==================================================
	Блог
	==================================================
*/

#blog-hero {
    margin: 0rem 0;
    padding: 0;
    background: center no-repeat;
    background-size: cover;
}
#blog-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
    background: rgba(0, 0, 0, 0.65);
}
#blog-hero .container-fluid{
    min-height: 30vw;
    align-items: center;
    height: 100%;
    display: flex;
}
#blog-hero .row{
    width: 100%;
}
#blog-hero .left{
    font-weight: 300;
    font-size: 1.125rem;
    color: #fff;
    padding: 5rem 0;
}
#blog-hero .left.ct{
    text-align: center;
}
#blog-hero .left h1 {
    font-weight: 300;
    font-size: 3rem;
    line-height: 1.1;
    color: #fff;
}


#blog {
	padding: 2rem 0;
    z-index: 100;
}
#blog .wp-block-image{
    margin: 3rem auto;
    text-align: center;
    background: #f5f5f5;
}
#blog .wp-block-image img{
    max-height: 500px;
}
#blog .article .list{
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.dark_theme #blog .article .list{
    border-color: rgb(255 255 255 / 20%);
}
#blog .article p{
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 1.5rem 0;
}
#blog .info-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid;
    border-color: #f1f1f1;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    color: #999;
}
.dark_theme #blog .info-block {
    border-color: rgb(255 255 255 / 20%);
}
#blog .info-block .info,
#blog .info-block .comments {
    display: flex;
}
#blog .info-block .date {
    margin-right: 2rem;
}
#blog .info-block .autor {
}
#blog .info-block .comments>div {
    margin-right: 2rem;
}
#blog .detail  {
    position: relative;
    padding: 0 2.5rem 0 2rem;
}
#blog .detail svg {	
    position: absolute;
    left: 0rem;
    top: 3px;
    width: 1rem;
    height: 1rem;
    fill: #ccc;
}
#blog .autor-block {
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f5;
    padding: 3rem;
    margin: 2rem 0;
}
.dark_theme #blog .autor-block {
    background: var(--color_bg_1);
	color: #fff;
}
#blog .autor-block .autor-info {
    text-align: center;
    width: 180px;
    padding-right: 40px;
}
#blog .autor-block .autor-info .name {
    margin-top: 1rem;
    font-weight: var(--f1ws);
    font-size: 0.9rem;
}
#blog .autor-block .autor-info .avatar{
    height: 8rem;
}
#blog .autor-block .autor-info .avatar img{
    clip-path: circle(4rem at 4rem 4rem );
    width: 8rem;
    max-height: none;
}
#blog .autor-block .list {
    width: calc(100% - 180px);
}
#blog .autor-block .list li a:hover{
	color: var(--dark);
}
.dark_theme #blog .autor-block .list li a:hover{
	color: #fff;
}
#blog .autor-block .list .header {
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0rem 0 1rem;
    font-weight: bold;
}
#blog .view {
    margin: 0 !important;
    position: relative;
    padding-left: 2rem;
}
#blog .view svg {
    position: absolute;
    width: 1.5rem;
    height: 1.25rem;
    left: 0;
    fill: #ccc;
}
#blog .info_content {
    display: flex;
    justify-content: space-between;
    color: var(--gray);
    font-size: 0.8rem;
    margin: 1rem 0;
}
.archive #blog .item {
    display: block;
    margin: 1rem 0 3rem;
}
#blog .item .title {	
    font-weight: var(--f1ws);
    font-size: 1.125rem;
    line-height: 1.3;
}
#blog .item:hover {	
    transform: translateY(-5px);
}
#blog .item:hover .title {	
    color: var(--dark);
}
.dark_theme #blog .item:hover .title {	
    color: #fff;
}
#blog .gallery-grid {
    margin: 2rem 0;
}
#blog .gallery-grid .image {
    margin-bottom: 2rem;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 767px) {
#blog-hero .left {
    max-width: 100%;
}
#blog .info-block {
    display: block;
    font-size: 0.9rem;
}
#blog .info-block .info {
    margin-bottom: 0.5rem;
}
#blog .autor-block .autor-info {
    display: none;
}
#blog .autor-block .list {
    width: 100%;
}
}

@media (max-width: 499px) {
#blog-hero .left h1 {
    font-size: 2rem;
}
#blog .info-block {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}
#blog .info-block .info {
    display: block;
}
#blog .article p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 1.25rem 0;
}
}


/*
	==================================================
	Твиты
	==================================================
*/
#twit {	
}
#twit .twits {
    column-count: 2;	
}
#twit .twits .wrap {
    display: inline-block;
    margin-bottom: 1rem;
    width: 100%;
}
#twit .twits .item {
    display: flex;	
    border: 1px solid #ddd;	
}
#twit .twits .date {
    font-weight: var(--f1wb);
    color: var(--color);
    font-size: 1.5rem;
    margin-right: 1rem;
    background: var(--light);
    padding: 1rem;	
}
#twit .twits .desc {	
    padding: 1rem;
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 1023px) {
#twit .twits {
    display: flex;
}
#twit .twits{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto; 
	-webkit-overflow-scrolling: touch;
}
#twit .twits .wrap {
    flex: 0 0 70%;
    max-width: 70%;
    margin-bottom: 0;
    margin-right: 1rem;
}
#twit .twits .wrap:last-child {
    margin-right: 0rem;
}
}
@media (max-width: 767px) {
#twit .twits .item {
    display: block;
}
#twit .twits .date {
    font-size: 1.125rem;
    margin-right: 0;
    padding: 0.5rem 1rem;
}
}


/*
	==================================================
	Другие страницы
	==================================================
*/
#similar {	
}
#similar .header {	
    font-size: 2rem;
    color: var(--dark);
    font-family: var(--f2);
    font-weight: bold;
    font-weight: var(--f2w);
    margin: 0 0 2rem;
    line-height: 1.2;
}
#similar .row {
    margin: 0rem -0.5rem;
}
#similar .item {
    position: relative;
    display: block;
    border-radius: 5px;
    margin: 0.5rem -0.5rem;
    overflow: hidden;
}
#similar .image {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
#similar .image img {
    filter: grayscale(1);
}
#similar .image::before {
    content: "";
    background: linear-gradient(45deg, var(--color), rgb(0 0 0 / 0.7));
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#similar .title {
    padding: 1.5rem 1.75rem;
    color: #fff;
    line-height: 1.3;
    font-weight: var(--f1w);
    position: relative;
    z-index: 1;
    font-size: 1.125rem;
    height: 100%;
    display: flex;
    align-items: center;
}
#similar .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px 0px var(--color_30);
}


/*
	++++++++++++++++++++++++++++++++++++++++
*/
@media (max-width: 767px) {
#similar .title {
    padding: 1.125rem 1.25rem;
    font-size: 1rem;
}
}


/*
	==================================================
	Новости
	==================================================
*/
#news {	
    background: var(--light);
}
#news .item  {	
    position: relative;
    display: block;
    margin-bottom: 2rem;
}
#news .item .image {
    position: relative;
    overflow: hidden;
    z-index: -1;
    transition: 0.2s ease-out;
    object-fit: cover;
}
#news .item .image img {
    width: 100%;
}
#news .item .date {	
    background: var(--dark);
    position: absolute;
    color: #fff;
    font-size: 13px;
    font-weight: var(--f1ws);
    padding: 3px 10px 3px 2rem;
    bottom: 1rem;
    left: 0rem;
    transition: 0.2s ease-out;
}
#news .item .title {
    position: relative;
    padding: 1rem 2rem;
    line-height: 1.3;
    font-size: 1.125rem;
    font-weight: var(--f1w);
    color: var(--dark);
    background: #fff;
    margin: -1rem 2rem 0 0;
    transition: 0.2s ease-out;
}
#news .item .title::before {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background: url(/local/assets/css/../i/arrow-right_white.svg) center no-repeat;
    background-size: 15px 13px;
    content: "";
    will-change: background-position;
    opacity: 0;
}
#news .item:hover .date {
    left: 0rem;
}
#news .item:hover .title {
    padding-right: 4rem;
    color: #fff;
    background: var(--color);
}
#news .item:hover .title::before {
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    animation: cta-btn-arrow-hover .3s ease;
}

@keyframes cta-btn-arrow-hover {
    0% {
        background-position: center center
    }

    50% {
        background-position: 50px center
    }

    50.1% {
        background-position: 50px -50px
    }

    50.2% {
        background-position: -50px -50px
    }

    50.3% {
        background-position: -50px center
    }

    100% {
        background-position: center center
    }
}

/*
	++++++++++++++++++++++++++++++++++++++++
*/
/*
	==================================================
	Кейсы
	==================================================
*/

#cases-hero {	
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 0;
}
#cases-hero:not(.no-bg) {	
    min-height: 35vw;
    padding-bottom: 4rem;
}
#cases-hero .hero__video{
    height: 100%;
    overflow: hidden;
}
#cases-hero .hero__video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;/*
    background: #000;
    opacity: 0.5;*/
    background: linear-gradient(30deg, rgb(0 0 0 / 0.7), rgb(0 0 0 / 0.5));
    z-index: 1;
    pointer-events: none;
}
#cases-hero .hero__video #video-background{	
    width: 100%;
    border: 0;
    outline: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#cases-hero .row{
    align-items: center;
}
#cases-hero .header{
}
#cases-hero .header p:nth-of-type(1){
    font-size: 1.25rem;
}
#cases-hero .projects {
    position: relative;
    background: var(--dark);
    max-width: 250px;
    padding: 2rem;
    margin: 0 0 0 auto;
}
#cases-hero .projects::before {
    content: "";
    position: absolute;
    width: 5rem;
    height: 5rem;
    background: var(--dark);
    z-index: -1;
    left: -3rem;
    top: -3rem;
    filter: contrast(0.9);
    opacity: 0.8;
}
#cases-hero .projects::after {
    content: "";
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: var(--dark);
    z-index: -1;
    left: -4rem;
    bottom: -2rem;
    filter: contrast(0.7);
    opacity: 0.7;
}
#cases-hero .projects .count {
    font-size: 4rem;
    font-family: var(--f2);
    font-weight: var(--f2w);
    text-align: center;
    line-height: 1.2;
}
#cases-hero .projects .text {
    text-align: center;
    text-transform: uppercase;
}
#cases-hero .projects .file {
    margin-top: 1rem;
    position: relative;
    padding-left: 3rem;
}
#cases-hero .projects .file .link {
}
#cases-hero .projects .file .link span {
    text-transform: capitalize;
}
#cases-hero .projects .file .filesize {
    font-size: 0.8rem;
    opacity: 0.5;
}
#cases-hero .projects .file svg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 2rem;
    opacity: 0.2;
    transform: translateY(-50%);
}


#cases-hero-single {
    padding: 0;
    padding-top: 3rem;
	background: var(--light);
    text-align: center;
}
.dark_theme #cases-hero-single {	
    background: var(--dark);
    color: #fff;
}
#cases-hero-single h1 {
    text-transform: uppercase;
    margin: 0;
}


#cases {	
    background: var(--light);
}
.dark_theme #cases {	
    background: var(--dark);
    color: #fff;
}
#cases .item  {	
    display: flex;
    background: #fff;
    color: var(--dark);
    margin-bottom: 2rem;
    min-height: 250px;
    will-change: transform;
}
#cases .image  {	
    display: block;
    width: 30%;
	background: no-repeat center;
    background-size: cover;
}
#cases .body  {
    display: flex;	
	width: 70%;
    padding: 2rem 3rem;
}
#cases .body .tags {	
    font-size: 0.8rem;
    color: var(--gray);
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}
#cases .body .title {	
    font-size: 1.5rem;
    font-family: var(--f2);
    font-weight: var(--f2wh1);
    margin-bottom: 1.5rem;
    transition: all .3s ease;
    line-height: 1.3;
}
#cases .body .wrap {
    width: 70%;
    flex: 1 1 70%;	
}
#cases .body .work-list {
}
#cases .body .detail {	
    width: 30%;
    flex: 0 0 30%;
    padding-left: 4rem;
    border-left: 1px solid #ccc;
    margin-left: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#cases .body li {	
    position: relative;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-weight: var(--f1ws);
}
#cases .body li svg {	
    position: absolute;
    left: -2rem;
    top: 1px;
    width: 1rem;
    height: 1rem;
    fill: #ccc;
}
#cases .body .customer {	
}
#cases .body .year {	
}
#cases .item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px -15px rgb(0 0 0 / 0.15);
}
#cases .item:hover .title {	
    color: var(--color);
}


@media (max-width: 1299px) {
#cases .image {
    width: 27%;
}
#cases .body {
    width: 73%;
}
#cases .body .detail {
    width: 35%;
    flex: 0 0 35%;
}
}


@media (max-width: 1023px) {
#cases .item {
    display: block;
}
#cases .body {
    width: 100%;
}
#cases .image {
    width: 100%;
    height: 300px;
}
#cases .body .title {
    font-size: 1.25rem;
}
}

@media (max-width: 767px) {
#cases-hero .header p:nth-of-type(1) {
    font-size: 1.125rem;
    line-height: 1.4;
}
#cases .body {
    display: block;
    padding: 1rem 2rem;
}
#cases .body .wrap {
    width: 100%;
}
#cases .body .detail {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    margin: 2rem 0 1rem;
    padding: 0;
    border: 0;
}
#cases .body .detail li {
    color: var(--gray);
    font-size: 0.8rem;
}
#cases .body li {
    padding-left: 2rem;
    margin-right: 2rem;
}
#cases .body li svg {
    left: 0;
}
#cases .image {
    height: 250px;
}
}

@media (max-width: 499px) {
#cases .body {
    padding: 1rem 1rem;
}
#cases .body .title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
#cases .body .detail {
    margin: 1.5rem 0 0rem;
}
#cases .image {
    height: 200px;
}

}
/*
	========================================
	
	Каталог
	
	========================================
*/
#catalog{
}
#catalog .footer {
	margin-top: 2rem;
}
#catalog h2 {
	margin-top: 0;
}


#sorting_form {
	display: flex;
	justify-content: space-between;
	padding: 0 0.75rem;
	margin-bottom: 2rem;
}
#sorting_form .sorting_form-select{
    border: 0;
    background: transparent;
    border-bottom: 1px dashed;
    color: var(--color);
    cursor: pointer;
    margin-left: 0.5rem;
    padding: 0;
	-webkit-appearance: none;
}
#sorting_form .sort-wrap{
	display: flex;
	align-items: center;
}
#sorting_form .tags-wrap{
	display: flex;
	align-items: center;
}
#sorting_form .tags-wrap a{
    padding: 0.5rem 1rem;
    color: var(--btn_color_text);
    background: var(--btn_color_1);
    margin-right: 1rem;
}
#sorting_form .tags-wrap a.current{
    background: var(--accent);
}
#sorting_form .filter-wrap{
	display: none;
}
#sorting_form #filter-btn{
	display: flex;
	align-items: center;
	background: var(--btn_color_1);
    padding: 0.75rem 1.5rem 0.75rem 1rem;
	border-radius: 50px;
	color: var(--btn_color_text);
	visibility: hidden;
    width: fit-content;
}
#sorting_form #filter-btn svg{
	width: 1.5rem;
	height: 1.5rem;
	fill: var(--btn_color_text);
	margin-right: 0.5rem;
    flex: 1 0 1.5rem;
}
#sorting_form #filter-btn span{
    line-height: 1.2;
}


@media (max-width: 1023px) {
#sorting_form {
    flex-wrap: wrap;
}
#sorting_form .tags-wrap {
    order: -1;
    width: 100%;
    margin-bottom: 1rem;
}
#sorting_form .filter-wrap {
    display: block;
}
}

/*
	Фильтр
	========================================
*/
#catalog_filter {
    min-width: 250px;
}
#catalog_filter input[type=radio] {
	display: inline-block;
}
#filterbar {
    background: #fff;
    padding: 0.5rem 1.5rem 2rem;
    width: 320px;
    flex: 1 0 320px;
    border: 1px solid #ddd;
	color: var(--dark);
    height: fit-content;
    max-height: calc(100vh - 4rem);
    position: sticky;
    top: 2rem;
    z-index: 10;
}
#filterbar::-webkit-scrollbar {
	height: 100%;
	width: 6px;
	background-color: var(--light);
}
#filterbar::-webkit-scrollbar-track {
	background-color: var(--light);
}
#filterbar::-webkit-scrollbar-thumb {
	background-color: var(--color_30);
}
#filterbar::-webkit-scrollbar-thumb:hover {
	background-color: var(--color);
}
#filterbar .filter-block .filter-ul {
    padding: 1rem;
}
.filter_element {
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}
.filter_element__content {
	display: none;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
    font-size: 0.9rem;
}
.filter_element.active .filter_element__content{
    display: flex;
}
.filter_element label {
	position: relative;
    width: 100%;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
}
.filter_element.filter_checkbox label ,
.filter_element.filter_radio label {
    padding-left: 2.25rem;
}
.filter_element label:hover {
    color: var(--color);
    background: var(--light);
}

.filter_navigation {
}

.filter_navigation .filter_element__content {
    padding-left: 0.5rem;
    margin-top: 0.5rem;
}
.filter_navigation .children {
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    display: none;
}
.filter_navigation .current-cat > .children, .filter_navigation .current-cat-ancestor > .children {
    display: block;
}
.filter_navigation ul {
    width: 100%;
}
.filter_navigation a {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-right: 1rem;
    margin-bottom: 0.5rem;
    color: inherit;
}
.filter_navigation .filter_element__content > ul > .cat-item > a {
    font-weight: var(--f1ws);
    margin-bottom: 1rem;
}
.filter_navigation .filter_element__content > ul > .cat-item.has_children.active > a {
    margin-bottom: 0.5rem;
}
.filter_navigation .current-cat > a {
    color: var(--color);
    font-weight: var(--f1ws);
}
.filter_navigation a:hover {
    color: var(--color);
}
.filter_navigation .has_children > a:after {
    position: absolute;
    right: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    content: "";
    box-sizing: content-box;
    border: 1px solid #000;
    border-left-color: transparent;
    border-top-color: transparent;
    will-change: transform;
    transition: transform 0.2s ease-in-out;
    transform: translate(-50%, -70%) rotate(45deg);
}
.filter_navigation .has_children.active > a:after {
    transform: translate(-50%, -10%) rotate(225deg);
}
.filter_navigation .children .current-cat:not(.has_children) > a:after {
    position: absolute;
    left: -1.5rem;
    top: 10px;
    width: 5px;
    height: 12px;
    content: "";
    box-sizing: content-box;
    border: 2px solid #50b927;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: translate(-50%, -70%) rotate(40deg);
}

.filter_element.filter-price label, .filter_element.filter_range label {
    position: relative;
	display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem;
}
.filter_element.filter-price label::before, .filter_element.filter_range label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 0.5rem;
    background: var(--dark);
    transform: translateX(-50%);
}
.filter_element.filter-price input[type=number], .filter_element.filter_range input[type=number] {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5rem;
    padding-left: 2rem;
    width: 100%;
    font-size: 0.8rem;
}
.filter_element.filter-price span, .filter_element.filter_range span {
    position: relative;
    margin: 0;
	width: 45%;
}
.filter_element.filter-price span::before, .filter_element.filter_range span::before {
    position: absolute;
    z-index: 1;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    font-size: 0.9rem;
    line-height: 1;
}
.filter_element.filter-price .filter-price_from::before, .filter_element.filter_range .filter-range-from::before   {
	content: "от";
}
.filter_element.filter-price .filter-price_to::before, .filter_element.filter_range .filter-range-to::before {
	content: "до";
}
.filter_element.filter_range .range-slider {
    width: 100%;
    height: 3px;
    margin: 20px 0 0;
    border: none;
    box-shadow: none;
}
.filter_element.filter_range .range-slider .noUi-handle {
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: -10px;
    top: -9px;
    padding: 2px;
    border: 0.868244px solid #D1D1D1;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.filter_element.filter_range .range-slider .noUi-handle:before, .filter_element.filter_range .range-slider .noUi-handle:after {
    display: none;
}
.filter_element.filter_range .range-slider .noUi-handle:hover {
    background: var(--color2);
    background-clip: content-box;
    border-color: #FEFEFE;
}
.filter_element.filter_range .range-slider .noUi-connects {
    background-color: #ECECEC;
}
.filter_element.filter_range .range-slider .noUi-connect {
    background-color: var(--color2);
}


.filter_element__heading {
    position: relative;
    font-weight: var(--f1wb);
    padding: 1rem;
    padding-left: 2.25rem;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}
.filter_element__heading svg {
	position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    height: 1rem;
    width: 1rem;
    fill: #afafaf;
    transition: all .3s ease;
}
.filter_element__heading:hover {
	background-color: var(--light);
	color: var(--color);
}
.filter_element__heading:hover svg {
	fill: var(--color);
}
.filter_element.active .filter_element__heading svg {
    transform: rotate(180deg) translateY(50%);
}
.filter_buttons {
    margin-top: 1rem;
    text-align: center;
}
.catalog_filter_button_search {
    position: relative;
	position: absolute;
	top: 50%;
    right: 0;
    transform: translate(110%,-50%);
    z-index: 10;
    cursor: pointer;
    transition: 0.2s ease;
    background: var(--btn_color_1);
    padding: 0.75rem 1.5rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 15%);
    color: var(--btn_color_text);
}
.catalog_filter_button_search::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background: var(--btn_color_1);
    left: -1rem;
    top: 50%;
    transform: rotate(45deg) translateY(-70%);
    border-radius: 3px;
    z-index: -1;
	transition: 0.2s ease;
}
.catalog_filter_button_search:hover,
.catalog_filter_button_search:hover::after,
.filter_buttons .filter_search span:hover {
	background-color: var(--color_bg_1);
}
.filter_buttons .filter_button {
    width: 100%;
    padding: 0;
    background: transparent;
    border-radius: 0.5rem;
    overflow: hidden;
}
.filter_buttons .filter_button span {
    display: block;
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    cursor: pointer;
}
.filter_buttons .filter_search {
    margin-bottom: 0.5rem;
    border: 0;
}
.filter_buttons .filter_search span {
    background: var(--btn_color_1);
    color: var(--btn_color_text);
}
.filter_buttons .filter_reset {
    border: 1px solid #d9d9d9;
}
.filter_buttons .filter_reset span {
}
.filter_buttons .filter_reset:hover {
    background: var(--btn_color_1);
    border: 1px solid var(--btn_color_1);
}
.ui-toggle-list {
    margin: 2rem 0;
}
.ui-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.5rem;
    margin: 0.25rem 0;
}
.ui-toggle label {
    display: flex;
    align-items: center;
}
.ui-checkbox__box ,
.ui-radio__box {
    position: absolute;
    top: 10px;
    left: 0px;
    height: 1rem;
    width: 1rem;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #afafaf;
    border-image: initial;
    transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1) 0s;
}
.ui-radio__box {
    border-radius: 50%;
}
.ui-toggle__box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 1rem;
    flex-shrink: 0;
    background: #afafaf;
    border-radius: 10px;
    cursor: pointer;
    transition: all 300ms ease 0s;
    overflow: hidden;
}
.ui-toggle__box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 2px solid #afafaf;
    transition: all 300ms ease 0s;
}
.ui-checkbox__box_list ,
.ui-radio__box_list {
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.ui-checkbox__name ,
.ui-radio__name {
    position: relative;
    z-index: 1;
}
.ui-checkbox__input:hover + .ui-checkbox__box ,
.ui-radio__input:hover + .ui-radio__box {
    border-color: var(--color);
}
.ui-toggle__box:hover {
    background: var(--color);
}
.ui-toggle__box:hover:after {
    border: 2px solid var(--color);
}
.ui-checkbox__input:checked + .ui-checkbox__box ,
.ui-radio__input:checked + .ui-radio__box {
    background-color: var(--color);
    border-width: 0.5rem;
    border-style: solid;
    border-color: var(--color);
    border-image: initial;
    animation: 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.ui-checkbox__input:checked + .ui-checkbox__box::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 7px;
    content: "";
    box-sizing: content-box;
    border: 2px solid #fff;
    border-left-color: transparent;
    border-top-color: transparent;
    animation: 125ms cubic-bezier(0.4, 0, 0.23, 1) 250ms 1 normal forwards running checkbox-check;
    transform: translate(-50%,-70%) rotate(40deg);
	
}
.ui-radio__input:checked + .ui-radio__box {
    background-color: #ffffff;
    border-width: 0.35rem;
}
.ui-toggle__input:checked + .ui-toggle__box {
    background: #60c339;
}
.ui-toggle__input:checked + .ui-toggle__box:after {
    left: calc(100% - 20px);
    border: 2px solid #60c339;
}
.ui-checkbox__input ,
.ui-radio__input,
.ui-toggle__input {
    opacity: 0;
    visibility: hidden;	
}
.ui-toggle__input {
    display: none;
}
.ui-toggle__name {
    font-weight: var(--f1ws);
}
@keyframes shrink-bounce {
0% {
    transform: scale(1);
}
33% {
    transform: scale(0.85);
}
100% {
    transform: scale(1);
}
}



#catalog-cats {
}
#catalog-cats .item {
    display: block;
	position: relative;
    background: #fff;
    box-shadow: 0 15px 30px 0px rgb(0 0 0 / 15%);
    border-radius: 0.5rem;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-bottom: 2rem;
}
#catalog-cats .imagepadding {
    padding: 1.5rem;
    padding-bottom: 0rem;
    display: block;
}
#catalog-cats .body {
    background: #fff;
    padding: 1rem 1.5rem 1.5rem;
    color: var(--dark);
}
#catalog-cats .name {
    display: block;
    font-size: 1.25rem;
    font-weight: var(--f1ws);
    line-height: 1.3;
    color: var(--color);
}
#catalog-cats .only:hover .name,
#catalog-cats .name:hover {
    color: var(--dark);
}
#catalog-cats .only:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
#catalog-cats .sub-cats {
	margin-top: 1rem;
}
#catalog-cats .sub-cats li a{
    font-size: 0.9rem;
    margin: 0.25rem 0;
    color: var(--dark);
}
#catalog-cats .sub-cats li a:hover {
    color: var(--color);
}


#subcatalog {
    padding-bottom: 0;
    margin-bottom: -2rem;
    border: 0 !important;
}
#subcatalog .terms-btns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
    justify-content: center;
}
#subcatalog .cats_btn {
    margin: 0 0.5rem 1rem;
}
#subcatalog .item {
    display: block;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    line-height: 1.3;
    background: #fff;
	color: var(--dark);
    border: 1px solid var(--gray);
}
#subcatalog .item:hover {
    border: 1px solid transparent;
    background: var(--dark);
	color: #fff;
}


.card-parameters {
    position: relative;
    margin: 1rem 0;
}
.card-parameters::before {
    content: '';
    position: absolute;
    width: 2rem;
    height: 100%;
    background: linear-gradient(90deg, rgb(255 255 255 / 1%), #fff);
    right: 0;
    z-index: 1;
}
.card-parameters ul{
}
.card-parameters ul li{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: var(--gray);
    font-weight: var(--f1w);
}
.card-parameters ul li::before{
    content: "";
    order: 1;
    border-bottom: 1px dotted var(--gray);
    flex-grow: 1;
    margin: 0.9rem 1.5rem 0 1rem;
}
.card-parameters ul li .value{
    max-width: 40%;
    flex: 1 0 40%;
    text-align: left;
    width: 100%;
	order: 2;
    font-weight: var(--f1ws);
}


.cards-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -0.5rem;
}
.catalog-section .cards-flex {
    justify-content: center;
}
.cards-flex.cards-center{
	justify-content: center;
}
.carts-wrap {
    display: flex;
}
#products {
    width: calc(100% - 300px);
    padding-left: 2rem;
    flex: 1 0 calc(100% - 300px);
}
.products-row {
    display: flex;
    flex-wrap: wrap;
}
.carts .card-item{
    width: 20%;
    padding: 0 0.5rem;
    display: block;
    margin-bottom: 1rem;
}
.carts:not(.popup-wrap) .cart{
    position: relative;
    background: #fff;
    box-shadow: 0 8px 40px -8px rgb(0 0 0 / 15%);
    box-shadow: 0 4px 10px -3px rgb(0 0 0 / 15%);
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1;
}
.dark_theme .carts:not(.popup-wrap) .cart {
    background: var(--color_bg_1);
}
.border-circle .carts:not(.popup-wrap) .cart{
    border-radius: 0.5rem;
}
.carts .cart.cart-popup:hover{
	-webkit-transform: translateY(-5px);
	    -ms-transform: translateY(-5px);
	        transform: translateY(-5px);
    box-shadow: 0 15px 40px 0px rgb(0 0 0 / 20%);
    z-index: 2;
    cursor: pointer;
}
.carts .cart .labels{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 0.8rem;
}
.carts .cart .labels span{
    display: inline-block;
    padding: 5px 7px;
    margin: 0 2px 4px;
    line-height: 1;
    white-space: nowrap;
	border-radius: 2px;
    color: #fff;
}
.carts .cart .labels .available{
    background-color: #60c339;
}
.carts .cart .labels .new{
    background-color: #2992d9;
}
.carts .cart .labels .hit{
    background-color: #fc482d;
}
.carts .cart .labels .sale{
    background: #fff200;
    color: #000;
}
.carts:not(.popup-wrap) .cart .body{
    background: #fff;
    padding: 1rem 1.5rem 1.5rem;
    color: var(--dark);
}
.dark_theme .carts:not(.popup-wrap) .cart .body{
    background: transparent;
    color: #fff;
}
.carts .cart .name{
    font-size: 1.125rem;
    font-weight: var(--f1ws);
    line-height: 1.3;
    display: inline-block;
    color: var(--dark);
}
.dark_theme .carts .cart .name {
    color: #fff;
}
.carts .cart:hover .name{
    color: var(--color);
}
.carts .cart .intro{
    font-size: 0.9rem;
    line-height: 1.3;
    color: var(--gray);
    margin: 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.carts .cart .intro table{
    display: none;
}
.carts .cart .intro ol li{
    margin: 0;
}
.carts .cart .intro li:nth-child(n+3){
	display: none;
}
.carts .cart .intro p {
    margin: 0.5rem 0;
}
.carts .cart .price{
    color: var(--color2);
    margin-top: 1rem;
}
.carts .cart .price span{
    font-size: 1.125rem;
    font-weight: var(--f1ws);
    line-height: 1.2;
    display: inline-block;
}
.carts .cart .price del{
    font-size: 0.8rem;
    color: var(--dark);
    display: block;
}
.carts .card-parameters{
    overflow: hidden;
}
.carts .card-parameters li{
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    color: var(--dark);
}
.carts .card-parameters ul li::before {
    margin: 0.85rem .5rem 0 0.5rem;
}
.carts .card-parameters ul li:nth-child(n+3) {
    display: none;
}
.carts .card-parameters ul li .value {
    white-space: nowrap;
}

.terms-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

#carts-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    z-index: 120;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s .1s ease-in-out;
    -o-transition: all .3s .1s ease-in-out;
    transition: all .3s .1s ease-in-out;
}
#carts-wrap.show {
    opacity: 1;
    visibility: visible;
}
#carts-wrap .cart-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 700px;
    width: 90%;
    min-width: 500px;
    width: min(90%,700px);
    background: #fff;
    padding: 3rem;
    padding-right: 4rem;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    right: -2rem;
}
#carts-wrap .cart-wrap.active {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#carts-wrap #cart-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#carts-wrap #cart-close #cancel {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
}
#carts-wrap .cart-wrap .name {
    font-size: 2rem;
    font-family: var(--f2);
}
#carts-wrap.carts .image{
    position: relative;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
#carts-wrap.carts .price{
    background: var(--light);
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 1.5rem 3rem;
    margin: 2.5rem -3rem;
    color: var(--color);
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
#carts-wrap.carts .price strong{
    margin-right: 1rem;
    line-height: 1.2;
    color: var(--dark);
}
#carts-wrap.carts .price span{
    font-size: 1.75rem;
    line-height: 1;
    white-space: nowrap;
}
#carts-wrap.carts .price del{
    font-size: 1.125rem;
}
#carts-wrap.carts .full h3 {
    font-size: 1.125rem;
    color: var(--dark);
    font-family: var(--f1);
}
#carts-wrap.carts .full ul li{
    margin: 5px 0;
    font-size: 0.9rem;
}

#carts-wrap.carts .form{
    max-width: 400px;
}
#carts-wrap.carts .form .form-head {
    font-size: 1.75rem;
    font-family: var(--f1);
    font-weight: var(--f1ws);
}

@media (max-width: 767px) {
#carts-wrap .cart-wrap {
    min-width: auto;
    width: min(97%,700px);
    padding: 1.5rem;
    padding-right: 3.5rem;
}
}


#product-hero {
    padding: 0;
}
#product-hero #breadcrumbs {
    margin-bottom: 0rem;
}
#product-hero h1 {
    font-size: 2rem;
    margin: 1rem 0;
    line-height: 1.3;
    text-transform: none;
}
#product-hero .share { 
    position: absolute;
    right: 1rem;
    top: -7px;
}
#product-hero .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    border: 1px solid transparent;
}
#product-hero .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short:hover {
    background: transparent;
    border-color: var(--color);
}


#product-hero .product-head {
    padding: 1.5rem 0;
}
#product-hero .product-head .code {
    text-align: right;
	color: var(--gray);
    font-size: 0.8rem;
    margin-right: 4rem;
}
#product-hero .product-head .code span {
    margin-left: 0.5rem;
}


#product-hero .product-body {
}
#product-hero .product-body .product-flex {
    display: flex;
}
#product-hero .product-body .image-block {
    flex: 0 0 32%;
    max-width: 32%;
}
#product-hero .product-body .image-block-flex {
    display: flex;
    width: 100%;
}
#product-hero .product-body .image-block .images-nav {
    flex: 0 0 60px;
    max-width: 60px;
}
#product-hero .product-body .image-block .images-nav .slick-arrow {
    background: transparent;
    position: relative;
    box-shadow: none;
}
#product-hero .product-body .image-block .images-nav .slick-prev {
    transform: rotate(90deg);
}
#product-hero .product-body .image-block .images-nav .slick-next {
    transform: rotate(90deg);
}
#product-hero .product-body .image-block .images-nav .slick-arrow svg {
    fill: var(--gray);
}
#product-hero .product-body .image-block .images-nav .slick-arrow:hover svg {
    fill: var(--color);
}
#product-hero .product-body .image-block .images-nav .image{
    margin-bottom: 0.5rem;
    cursor: pointer;
}
#product-hero .product-body .image-block .images-nav .image img{
    border: 1px solid rgb(0 0 0 / 10%);
}
#product-hero .product-body .image-block .images-nav .slick-current .image img{
    border: 1px solid var(--color_30);
}
#product-hero .product-body .image-block .images {
    flex: 0 1 auto;
    cursor: pointer;
    border: 1px solid rgb(0 0 0 / 10%);
}
#product-hero .product-body .image-block .images-nav-true {
    max-width: calc(100% - 60px);
}
#product-hero .product-body .text-block {
    flex: auto;
    padding: 0 3rem;
}
#product-hero .product-body .text-block .header {
}
#product-hero .product-body .text-block .intro {
    font-size: 0.9rem;
    margin-bottom: 2rem;
    max-width: 650px;
}
#product-hero .product-body .text-block .intro li:nth-child(n+6){
	display: none;
}

#product-hero .product-body .order-block {
    flex: 0 0 23%;
    max-width: 23%;
}
.gray-block {
    background: #f5f5f5;
    padding: 2rem;
}
.border-circle .gray-block {
    border-radius: 0.5rem;
}
.dark_theme .gray-block {
	background: var(--color_bg_1);
}
#product-hero .product-body .price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
#product-hero .price-left {
}
#product-hero .price-right {
    text-align: center;
    text-transform: lowercase;
    font-size: 0.8rem;
    line-height: 1;
}
#product-hero .price-right span {
    display: block;
    background: #fbf000;
    border-radius: 3px;
    font-weight: var(--f1ws);
    white-space: nowrap;
    line-height: 1.5;
    margin-top: 3px;
}
#product-hero .price-del {
    text-decoration: line-through;
    color: var(--gray);
}
#product-hero .price-def {
    font-weight: var(--f1wb);
    white-space: nowrap;
    line-height: 1.1;
}
#product-hero .price-def span{
    font-size: 2rem;
}
#product-hero .price-opt {
}
#product-hero .price-head {
    font-size: 1.25rem;
    font-weight: var(--f1ws);
    margin-bottom: 1rem;
}
#product-hero .price-opt ul {
}
#product-hero .price-opt ul li {
    position: relative;
    margin: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 170px;
    font-size: 0.9rem;
}
#product-hero .price-opt ul li::before {
    content: "";
    order: 1;
    border-bottom: 1px dotted var(--gray);
    flex-grow: 1;
    margin: 0.9rem .5rem 0;
}
#product-hero .price-opt ul li span{
    order: 2;
    font-weight: var(--f1ws);
}
#product-hero .button { 
    margin-top: 0;
}
#product-hero .button .btn { 
    width: 100%;
}
#product-hero .button .btn span { 
    padding: 1rem 2rem;
}
#product-hero .detail-wrap { 
    margin-top: 2rem;
}
#product-hero .detail-block { 
    display: flex;
    margin-bottom: 1rem;
}
#product-hero .detail-wrap .icon { 
    margin-right: 1rem;
    height: 1.5rem;
    width: 1.5rem;
}
#product-hero .detail-wrap .icon svg { 
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--color_bg_1);
}
.dark_theme #product-hero .detail-wrap .icon svg {
    fill: var(--gray);
}
#product-hero .detail-block .text {
    font-size: 0.9rem;
    line-height: 1.4; 
    color: var(--gray);
}
#product-hero .detail-block .text span {
    color: var(--dark);
}
#product-hero .detail-block .text a {
    border-bottom: 1px solid var(--color_30);
}
#product-hero .detail-block .text a:hover {
    border-bottom-color: transparent;
}


.border-line #product-content  {
    border-bottom: 1px solid #ececec;
}
.border-line.dark_theme #product-content  {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}
#product-content h2 {
    font-size: 1.5rem;
}
#product-content .list h2:nth-of-type(1) {
    margin-top: 0rem;
}
#product-content .product-content-nav {
    position: sticky;
    top: 0;
    background: #f5f5f5;
    margin-bottom: 3rem;
    z-index: 100;
}
.dark_theme #product-content .product-content-nav {
     background: var(--color_bg_1);
}
#product-content .product-content-nav li {
    display: inline-block;
    margin-right: 3rem;
}
#product-content .product-content-nav a {
    color: var(--dark);
    padding: 1rem 0;
    display: block;
    font-weight: var(--f1ws);
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}
.dark_theme #product-content .product-content-nav a {
    color: #fff;
}
#product-content .product-content-nav a:hover ,
#product-content .product-content-nav a.active {
    color: var(--color);
    border-bottom-color: var(--color);
}
#product-content .gray-block h2 {
    margin-top: 0rem;
}
#product-content .sidebar {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    position: sticky;
    top: var(--header_height);
}
#product-content .docs {
    margin-top: 2.5rem;
}
#product-content .doc {
    display: flex;
    margin-bottom: 1rem;
}
#product-content .doc:last-of-type {
    margin-bottom: 0rem;
}
#product-content .doc svg {
    fill: #bbb;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    margin-top: 0.4rem;
}
#product-content .doc .doc-body {
}
#product-content .doc .doc-body .doc-name:hover{
	color: var(--dark);
}
#product-content .doc .doc-body .doc-detail{
    font-size: 0.8rem;
    color: var(--gray);
}

#product-content .manager {
    display: flex;
    align-items: center;
    border: 1px solid var(--color_bg_1);
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    margin-top: 4.5rem;
}
#product-content .manager .avatar {
    width: 130px;
    margin-right: 1.5rem;
    margin-top: -3rem;
}
#product-content .manager .name-block {
}
#product-content .manager .name {
    font-weight: var(--f1ws);
}
#product-content .manager .position {
    color: var(--gray);
    font-size: 0.8rem;
}
#product-content .manager .phone {
    margin-top: 1rem;
    font-size: 0.9rem;
}
#product-content .product-content.tabs .list {
	display: none;
}
#product-content .product-content.tabs .list.active {
	display: block;
}


#product-semilar {
    overflow: hidden;
}
#product-semilar .header h2 {
    text-align: left;
    margin-top: 0;
}
#product-semilar .slider {
    margin: 0;
}
#product-semilar .slick-track {
    margin-left: 0;
}
.carts.slider .card-item {
    width: 100%;
}


@media (max-width: 1535px) {}
@media (max-width: 1399px) {
.carts .card-item {
    width: 33%;
}}
@media (max-width: 1299px) {}
@media (max-width: 1181px) {
#catalog-cats .item {
    margin-bottom: 1.5rem;
}
#subcatalog .item {
}
#product-hero .product-body .product-flex {
    flex-wrap: wrap;
}
#product-hero .product-body .image-block {
    flex: 0 0 50%;
    max-width: 50%;
    order: 1;
}
#product-hero .product-body .order-block {
    flex: 0 0 50%;
    max-width: 50%;
    order: 2;
    padding-left: 3rem;
}
#product-hero .product-body .text-block {
    order: 3;
    padding: 2rem 0;
}
#product-content {
    padding-top: 0;
}
#product-content .sidebar {
    padding-left: 2rem;
}
#filterbar {
	max-width: 250px;
}
#catalog_filter {
	min-width: 200px;
}
.carts .card-item {
    width: 33.3%;
}
}	
@media (max-width: 1023px) {
.cat_card .item {
    margin-bottom: 1.5rem;
}
.carts .cart .body {
    padding: 1rem;
}
#balls-cart {
    padding-top: 2rem;
}
#products {
    padding-left: 0;
    width: 100%;
    flex: 1 0 100%;
}
#product-hero .product-body .order-block {
    padding-left: 2rem;
}
#product-content .sidebar {
    max-width: none;
    display: flex;
    padding-left: 0;
}
#product-content .docs {
    margin-top: 2rem;
}
#product-content .manager {
    margin-left: 2rem;
    margin-top: 2rem;
    height: 100%;
}
#filterbar {
	max-width: 500px;
	width: 100%;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 6.5rem;
	transform: translateX(-100%);
	transition: all .3s ease;
}
#filterbar.active {
	transform: translateX(0%);
}
#sorting_form #filter-btn{ 
	visibility: visible;
}
.catalog_filter_button_search {
	left: auto;
}
}
@media (max-width: 767px) {
#catalog-cats .item {
    margin-bottom: 1rem;
}
#catalog-cats .name {
    font-size: 1.125rem;
}
#subcatalog .terms-btns {
    position: relative;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: left;
    margin: 0;
}
#subcatalog .terms-wrap {
    position: relative;
    margin: 0 -1rem;
}
#subcatalog .terms-wrap::before {
    content: "";
    position: absolute;
    right: 0rem;
    width: 2rem;
    height: 100%;
    background: linear-gradient(90deg, rgb(255 255 255 / 1%), #fff);
    z-index: 2;
}
#subcatalog .item {
    font-size: 0.9rem;
    white-space: nowrap;
    min-width: 50vw;
}
#subcatalog .cats_btn {
    margin: 0 0.5rem;
}
#product-hero .product-head .code {
    text-align: left;
    margin-top: 0.5rem;
}
#product-hero .share {
    right: 0.5rem;
}
#product-hero h1 {
    font-size: 2rem;
    margin: 1rem 0 0;
}
#product-hero .product-body .image-block {
    flex: 0 0 100%;
    max-width: 380px;
}
#product-hero .product-body .order-block {
    flex: 0 0 100%;
    max-width: 380px;
    padding-left: 0;
    margin-top: 2rem;
}
#product-hero .product-body .text-block {
    padding: 2rem 0 0;
}
#product-content .product-content-nav {
    display: none;
}
#product-content .sidebar {
    flex-wrap: wrap;
}
#product-content .manager {
    margin-left: 0;
    margin-top: 4rem;
}
.sorting_form-heag {
	display: none;
}
}
@media (max-width: 499px) {
.cat_card .item {
    margin-bottom: 1rem;
}
.carts .card-item {
    width: 50%;
}
.carts-wrap {
	margin: 0px -1rem;
}
.carts .cart .price span{
    font-size: 1.125rem;
}
#catalog-cats .name {
    font-size: 1rem;
}
#subcatalog .item {
    font-size: 0.85rem;
}
#product-hero .product-head {
    padding: .5rem 0 1.5rem;
}
#product-hero .product-body .image-block {
    max-width: 100%;
}
}
/*
	==================================================
	Мобильный бар
	==================================================
*/
#mobile_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10000;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
	display: none;
    transition: all .3s ease;
}
#mobile_bar .wrapper-bar {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	padding: 10px 0 8px;
}
#mobile_bar .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
    flex: 1;
}
#mobile_bar .icon {
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}
#mobile_bar .icon svg {
	width: 100%;
	height: 100%;
	fill: var(--dark);
}
#mobile_bar .icon .goodini-basket-count {
    position: absolute;
    background: var(--color);
    line-height: 1;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -0.75rem;
    top: -0.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 10px;
    padding: 5px;
    color: #fff;
}
#mobile_bar .text {
	color: var(--dark);
	font-size: 10px;
	line-height: 1;
	margin-top: 5px;
}
#mobile_bar .item.current .icon svg,
#mobile_bar .item.active .icon svg {
    fill: var(--color);
}
#mobile_bar .item.current .text,
#mobile_bar .item.active .text {
    color: var(--color);
}
@media (max-width: 1023px) {
#mobile_bar {
	display: block;
}
.page-frame.slimbar_on {
    padding-bottom: 4rem;
}
}
@media (max-width: 1023px) and (max-height: 620px) {
#slim-bar:not(.active) #mobile_bar.hidden-bar {
    transform: translateY(100%);
}
}
/*
====================
	Бургер
====================
*/
#burger .burger-icon {
    position: relative;
    width: 1.75rem;
    height: 1.125rem;
	display: flex;
	align-items: center;
}
#burger .burger-icon span {
    position: absolute;
    background-color: var(--dark);
    height: 2px;
    width: 100%;
    transition: bottom .25s cubic-bezier(.21,1.03,.7,1) 0.25s , transform .25s cubic-bezier(.21,1.03,.7,1);
}
#burger .burger-icon .line-top {
	bottom: calc(100% - 2px);
}
#burger .burger-icon .line-bottom {
	bottom: 0;
}
#burger.active .burger-icon {
    justify-content: center;
}
#burger.active .burger-icon span {
	bottom: calc(50% - 1px);
    transition: bottom .25s cubic-bezier(.21,1.03,.7,1),  opacity .25s cubic-bezier(.21,1.03,.7,1), transform .25s cubic-bezier(.21,1.03,.7,1) 0.25s ;
    background-color: var(--color);
}
#burger.active .burger-icon .line-top {
    transform: rotate(-45deg);
}
#burger.active .burger-icon .line-center {
	opacity: 0;
}
#burger.active .burger-icon .line-bottom {
    transform: rotate(45deg);
}
/*
====================
	Мобильное меню
====================
*/
.mobile_layout {
    position: fixed;
    background: #fff;
    color: var(--dark);
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1001;
    padding: 1.25rem 1.25rem 5rem;
    transform: translateX(100%);
    transition: all .25s cubic-bezier(.16,.08,.355,1);
}
.mobile_layout.active {
    transform: translateX(0%);
}
.mobile_wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}
#slim-bar  {
    z-index: 1001;
}
#slim-bar .wrapper-menu .main-head {
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.25rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
}
#slim-bar #mobile_menu .wrapper-menu .main-head {
    margin-bottom: 1.5rem;
}
#slim-bar #catalog_menu .wrapper-menu .main-head {
    margin-top: 1.5rem;
}
#slim-bar .menu-tax {
    column-count: 2;
}
#slim-bar .menu-term {
    display: inline-block;
    width: 100%;
}
#slim-bar .wrapper-menu .head {
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 2rem 0 0.5rem;
}
#slim-bar .menu .menu-item a {
    font-size: 1rem;
    text-transform: none;
    letter-spacing: 0;
    padding: 0.125rem 0;
    margin: 0.25rem 0;
}
#slim-bar .menu .menu-item .sub-menu {
    position: static;
    padding: 0;
    padding-left: 1.5rem;
    visibility: visible;
    opacity: 1;
    transform: none;
    box-shadow: none;
    min-width: unset;
    background: #fff;
}
#slim-bar .menu-item.menu-item-has-children a::before,
#slim-bar .menu .sub-menu .menu-item .sub-menu::before {
	display: none;
} 
/*
====================
	Мобильные контакты
====================
*/
#mobile_contacts #contacts,
#mobile_contacts #contacts .left-wrap,
#mobile_contacts .container-fluid {
    padding: 0;
}
#mobile_contacts #contacts .left .main-list > li a {
    color: var(--color);
}
#mobile_contacts #contacts #contact_coordinate span {
    color: var(--dark);
}
#mobile_contacts #contacts .office-item {
	flex: 1 0 33.3%;
	max-width: 33.3%;
}
.dark_theme #mobile_contacts #contacts li .head,
.dark_theme #mobile_contacts #contacts li strong {
    color: #7d7d7d;
}
@media (max-width: 767px) {
#mobile_contacts #contacts .office-item {
	flex: 1 0 50%;
	max-width: 50%;
}
}
@media (max-width: 499px) {
#mobile_contacts #contacts .office-item {
    flex: 1 0 100%;
    max-width: 100%;
}
#mobile_contacts #contacts .office-item-wrap {
}
}
/*
====================
	Мобильный поиск
====================
*/
#mobile_search {
    height: auto;
    transform: translateY(100%);
    bottom: 0;
    top: auto;
}
#mobile_search.active {
    transform: translateY(0%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
#mobile_search .wrapper-search {
}
#mobile_search .search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#mobile_search .search-field {
    background: var(--light);
    border: 0;
    border-radius: 6px;
    height: 3rem;
    width: 100%;
    margin-right: 0.5rem;
    padding: 0 1rem;
}
#mobile_search .search-button {
    border: 0;
    background: var(--btn_color_1);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3.5rem;
    flex: 1 0 3rem;
}
#mobile_search .search-button svg {
    height: 18px;
    width: 18px;
    fill: var(--btn_color_text);
}


/*
	Сотрудник
	========================================
*/
#persona {
}
#persona section{
    padding: 3rem 0;
}
#persona .persona .btn, 
#persona .persona .btn:visited, 
#persona .persona .btn:focus, 
#persona .persona .btn:active {
    font-size: 1rem;
}
#persona .persona .btn span {
    padding: 1rem 1.5rem;
}
#persona .persona {
    display: flex;
    padding-bottom: 1rem;
}
#persona .avatar-wrap {
    flex: 1 0 30%;
    max-width: 30%;
}
#persona .avatar-wrap .avatar {
    position: sticky;
    top: 2rem;
}
#persona .avatar-wrap .ratings {
    margin-top: 1rem;
}
#persona .name {
}
#persona .name h1 {
    font-size: 2.5rem;
    margin: 0 0 2rem;
}
#persona .position {
}
#persona .experience {
}
#persona .persona-body {
    padding-left: 3rem;
}
#persona .progress {
}
#persona .part {
    margin: 2rem 0;
}
#persona .head {
    font-size: 1.5rem;
    font-weight: var(--f1wb);
    margin-bottom: 1rem;
    line-height: 1.4;
}
#persona .education {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
#persona .education .item {
    flex: 1 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
}
#persona .education .item .year {
    font-weight: var(--f1wb);
    margin-right: 1rem;
}
#persona .education .item .text {
    font-size: 0.9rem;
    color: var(--gray);
}
#persona .docs {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
#persona .docs .image {
    max-width: calc(100%/3 - 0.75rem);
    flex: 1 0 calc(100%/3 - 0.75rem);
}


#persona .persons-list {
    background: var(--light);
    padding: 2rem;
}
#persona .persons-list .team {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    width: 100%;
}
#persona .persons-list .avatar-team {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
}
#persona .persons-list .avatar img {
    clip-path: circle(2rem at 2rem 2rem );
    width: 4rem;
    max-height: none;
}
#persona .persons-list .team .body {
    flex: 1;
    font-size: 0.9rem;
    line-height: 1.4;
    padding-left: 1rem;
}
#persona .persons-list .team .name {
    font-weight: var(--f1wb);
}
#persona .persons-list .team:hover .name {
    color: var(--dark);
}
#persona .persons-list .team .position {
    color: var(--gray);
    margin: 0.25rem 0;
}
#persona .person-reviews {
    position: relative;
}
#persona .person-reviews .slick-track {
    margin-left: 0;
}
#persona .person-reviews .slide {
    padding: 0 0.5rem;
}
@media (max-width: 1023px) {
#persona .persons-list ul {
    column-count: 2;
}
}
@media (max-width: 767px) {
#persona .name h1 {
    font-size: 2rem;
    margin: 0 0 1.5rem;
}
#persona .persons-list ul {
    column-count: 1;
}
}
@media (max-width: 499px) {
#persona .persona {
    display: block;
}
#persona .persona-body {
    padding-left: 0;
    margin-top: 2rem;
}
#persona .avatar-wrap {
    max-width: 250px;
}
#persona .persons-list {
    margin-top: 2rem;
}
}


/* End */


/* Start:/local/assets/css/modules.css?169297468681529*/
body.border-line #modules section,body.border-line .logos-row,body.border-line .faq {
    border-bottom: 1px solid #ececec;
}
body.border-line.dark_theme #modules section, body.border-line.dark_theme .logos-row,body.border-line.dark_theme .faq {
    border-bottom-color: #444;
}
.g-modules h2,
.g-not_modules h2{
	font-size: 2.5rem;
    margin: 0 0 2.5rem;
    text-transform: none;
    letter-spacing: 0;
}


/*
	========================================
	
	Отзывы
	
	========================================
*/
section.reviews {
	padding: 4rem 0;
    margin: 0;
    z-index: 12;
    overflow: hidden;
}
section.reviews.style-bg-dark,
section.reviews.style-bg-color1 {
    background-color: var(--dark);
	color: #fff;
}
section.reviews .slider {
    position: relative;
    width: 100%;
    margin-bottom: 4rem;
}
section.reviews .slider .slides {
    position: relative;
    display: flex;
    align-items: stretch;
}
section.reviews .item {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    flex-shrink: 0;
    opacity: 0;
    pointer-events: none;
}
section.reviews .item:not(:first-child){
    margin-left: -100%;
}
section.reviews .item.current {
    opacity: 1;
    pointer-events: auto;
}
section.reviews .item .name-block{
    display: flex;
    align-items: center;
}
section.reviews .item .avatar{
    width: 3.5rem;
    margin-right: 1rem;
}
section.reviews .item .name-detail{
    font-size: 0.9rem;
}
section.reviews .item .name-detail .detail{
	opacity: 0.8;
}
section.reviews .item .name-detail .detail span{
}
section.reviews .item .name-detail .detail span:nth-of-type(2){
    position: relative;
    padding-left: 1rem;
}
section.reviews .item .name-detail .detail span:nth-of-type(2)::before{
	content:",";
    position: absolute;
    left: 0;
}
section.reviews .item .name{
    font-size: 1rem;
    font-weight: bold;
	font-weight: var(--f1wb);
}
section.reviews .item .city{
    font-weight: 300;
	font-weight: var(--f1);
    font-size: 0.9rem;
}
section.reviews .item .blockquote{
    font-size: 1.5rem;
    font-weight: 300;
	font-weight: var(--f1);
    font-family: var(--f3), serif;
    font-style: italic;
    line-height: 1.2;
    margin: 2rem 0;
}
section.reviews .item .blockquote-icon{
    opacity: 0.1;
    position: absolute;
    width: 20rem;
    height: 20rem;
    top: 0rem;
    right: -2rem;
    z-index: -1;
}
section.reviews.style-bg-dark .item .blockquote-icon,
section.reviews.style-bg-color1 .item .blockquote-icon {
    fill: #fff;
}
section.reviews .review {
    position: relative;
    width: calc(100% - 5rem);
    flex-shrink: 0;
    background: #fff;
    border-radius: 20px;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    left: 1rem;
    opacity: 0;
    color: var(--dark);
    z-index: 1;
    display: block;
    padding: 3rem;
    font-weight: 300;
	font-weight: var(--f1);
    -webkit-box-shadow: 0 30px 60px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 30px 60px -5px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}
section.reviews .review:not(:first-child){
    margin-left: calc(5rem - 100%);
}
section.reviews .review.current {
    opacity: 1;
    z-index: 4;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    pointer-events: auto;
}
section.reviews .review.second {
    opacity: 0.75;
    left: 4rem;
    top: 1.25rem;
    z-index: 3;
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    pointer-events: auto;
}
section.reviews .review.third {
    opacity: 0.5;
    left: 7rem;
    top: 2.5rem;
    z-index: 2;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    pointer-events: auto;
}
section.reviews .review .review-text {
    opacity: 0;
}
section.reviews .review.current .review-text {
    opacity: 1;
}
section.reviews .slider-navigation{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
section.reviews .slider .slick-arrow {
    position: static;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}
section.reviews .slider-page {
    margin: 0 2rem;
    font-weight: bold;
	font-weight: var(--f1wb);
}
section.reviews .js-slider-cur-page {
    font-size: 3rem;
    font-weight: 300;
	font-weight: var(--f1);
}
section.reviews .sepa {
	padding: 0 1rem;
}
section.reviews .second .spoiler.spoiler_visible,
section.reviews .third .spoiler.spoiler_visible {
    height: 200px !important;
}
.reviews .review-spoiler{
    position: relative;
    overflow: hidden;
}
.reviews .review-spoiler::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.01), rgb(255 255 255 / 0.8), #fff);
}
.reviews .review-spoiler.deploy{
    height: initial!important;
}
.reviews .review-spoiler.deploy::before{
    display: none;
}
.reviews .review-more{
    z-index: 1;
    position: relative;
    border-bottom: 1px dashed;
    display: inline-block;
    color: var(--color);
    cursor: pointer;
    font-size: 0.9rem;
}
.reviews .review-more:hover{
    border-bottom-color: transparent;
}
section.reviews .review .review-image{
    position: absolute;
    bottom: 2rem;
    right: 3rem;
}
section.reviews .review .review-image a{
    font-weight: var(--f1ws);
    font-size: 0.9rem;
    border-bottom: 1px dashed;
}
section.reviews .video{
}


/*
	========================================
	
	Общее оформление
	
	========================================
*/
.design-center {
    text-align: center;
}
.design-minwidth .container-fluid{
    max-width: 1096px;
}
.bg-color {
    overflow: hidden;
}
.style-text-big,
.style-text-big p {
    font-size: 1.25rem;
}
.style-text-300 {
    font-weight: 300;
	font-weight: var(--f1);
}
.style-bg-white {
    background-color: #fff;
	color: var(--dark);
    border-bottom-color: #e0d7d7 !important;
}
.style-bg-light {
    background-color: var(--light);
	color: var(--dark);
    border-bottom-color: #e0d7d7 !important;
}
.style-bg-dark {
    background-color: var(--dark);
	color: #fff;
}
.style-bg-color1 {
    background-color: var(--color_bg_1);
	color: #fff;
}
.style-bg-color2 {
    background-color: var(--color_bg_2);
}
.style-bg-dark .list ul li::before,
.style-bg-color .list ul li::before,
.style-bg-color2 .list ul li::before{
    border: 2px solid #fff;
}
.style-bg-dark .desc{
    position: relative;
}
.style-align-top.content .row {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
}


/*
	========================================
	
	Содержимое
	
	========================================
*/
.content {
}
.content.white-text {
    color: #FFF;
}
.content.white-text blockquote {
    border-top: 3px solid #ffffff4d;
    border-bottom: 3px solid #ffffff4d;
}
.content.white-text blockquote .blockquote-icon {
    fill: #ffffff;
}
.content .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.content p:first-child {
    margin: 0;
}
.content p {
    font-size: 1.125rem;
}
.content ul {
    margin: 1.5rem 0;
}
.content .video-frame {
    background: url(/local/assets/css/../i/desktop.png) no-repeat center;
    background-size: contain;
    padding: 5% 10.8% 9%;
    max-width: 800px;
    margin: 0rem auto;
}
.content .image {
    margin-right: 2rem;
    text-align: center;
}
.content .order2 .lazy-image {
    margin: auto;
}
.content .cols-1 .image {
    margin-bottom: 2rem;
    margin-right: 0rem;
}


/*
	========================================
	
	Крупное содержимое
	
	========================================
*/
.content-big {
}
.content-big .row{
    align-items: center;
}
.content-big .content-left p:nth-of-type(1) {
    font-size: 1.75rem;
    font-family: var(--f2);
    margin: 1.5rem 0;
    line-height: 1.2;
}
.dark_theme .content-big .content-left p:nth-of-type(1) {
    color: #fff;
}
.dark_theme .content-big .content-left p {
    color: rgba(255, 255, 255, 0.5);
}
.content-big .content-right {
    margin-left: 5rem;
    padding: 2rem 0;
}
.dark_theme .content-big .content-right {
    background: var(--dark);
}
.content-big .content-right blockquote {
    font-size: 1.125rem;
    padding: 3rem;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 2rem auto;
}
.dark_theme .content-big .content-right blockquote {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.content-big .content-right blockquote p {
    font-size: 1.125rem;
}
.content-big .content-right blockquote p:nth-of-type(1) {
    font-family: var(--f2);
    font-size: 1.7rem;
    color: var(--color);
    line-height: 1.3;
}
.content-big .content-right blockquote p:nth-last-of-type(1) {
    margin-bottom: 0;
}
.content-big .content-right blockquote .blockquote-icon {
    display: none;
}


/*
	========================================
	
	Буллиты
	
	========================================
*/
.bullets.visible {
    overflow: visible;
}
.bullets.design-white-text .head,
.bullets.design-white-text .desc {
    color: #FFF;
}
.bullets.design-dark-text,
.bullets.design-dark-text .head,
.bullets.design-dark-text .desc {
    color: var(--dark);
}


.bullets .header{
    max-width: 1014px;
    margin: 0 auto;
    text-align: center;
}
.bullets .header p{
    font-size: 1.25rem;
    color: var(--gray);
}
.bullets .row{
    position: relative;
    justify-content: center;
}
.bullets .item{
    position: relative;
    display: block;
    margin-bottom: 2rem;
    padding: 2rem;
}
.bullets a.item {
    transition: all .3s cubic-bezier(.215,.61,.355,1) !important;
}
.bullets a.item:hover {
    transform: translateY(-0.5rem);
    transition-delay: 0s !important;
}
.bullets a.item:hover .head {
    color: var(--color_bg_1);
    transition-delay: 0s !important;
}
.border-circle .bullets .item{
    border-radius: 0.5rem;
}
.bullets.design-small .item {
    padding: 1rem;
    margin-bottom: 1rem;
}
.bullets.design-padding_none .item{
    padding: 0rem;
}
.bullets .head {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
	font-weight: var(--f1ws);
    line-height: 1.3;
    margin: 0;
    margin-bottom: 0.7rem;
}
.bullets.design-big .head {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.bullets.design-small .bul {
    padding: 0 0.5rem;
}
.bullets.design-small .head {
    font-size: 1rem;
    margin-bottom: 1rem;
}
.bullets .desc{
    font-weight: 300;
	font-weight: var(--f1);
    color: var(--gray);
    line-height: 1.4;
}
.bullets .desc h3{
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--dark);
    margin-top: 0;
}
.bullets.design-big h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.bullets .desc p:last-child{
    margin-bottom: 0;
}
.bullets .desc,
.bullets .desc p,
.bullets .desc li{
    font-size: 0.9rem;
}
.bullets.design-small .desc,
.bullets.design-small .desc p,
.bullets.design-small .desc li {
    font-size: 0.85rem;
}
.bullets.design-big .desc,
.bullets.design-big .desc p,
.bullets.design-big .desc li {
    font-size: 1rem;
}
.bullets .desc strong{
    color: var(--color);
}
.bullets .head.not-margin {
    margin-bottom: 0;
}

.bullet-btn_bottom .bullets .btn-type-btn .item  {
    padding-bottom: 6rem;
}
.bullet-btn_bottom .bullets .btn-type-btn .button {
    position: absolute;
    bottom: 2rem;
    width: fit-content;
    max-width: 100%;
}
.bullet-btn_bottom .bullets.design-center .btn-type-btn .button {
    left: 50%;
	transform: translateX(-50%);
}


.bullets.design-medium-text .head {
    font-size: 1.25rem;
}
.bullets.design-medium-text .desc,
.bullets.design-medium-text .desc p,
.bullets.design-medium-text .desc li {
    font-size: 1rem;
}


.bullets.design-big-text .head {
    font-size: 1.5rem;
}
.bullets.design-big-text .desc,
.bullets.design-big-text .desc p {
    font-size: 1.125rem;
}



.bullets .item .button {
    margin-top: 1.5rem;
}
.bullets .item .btn {
    font-size: 0.9rem;
}
.bullets .item .btn span{
    padding: 0.7rem 1.5rem;
}
.bullets .item.link .link-desc{
    font-weight: 300;
	font-weight: var(--f1);
    font-size: 0.9rem;
    position: absolute;
    bottom: 1rem;
    left: 2rem;
    opacity: 0;
    color: var(--gray);
    z-index: 1;
}
.bullets .item.link:hover {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
}
.bullets.design-shadow .item.link:hover{
    -webkit-box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px 0px rgba(0, 0, 0, 0.15);
}
.bullets .item.link:hover .head{
    color: var(--dark);
}
.bullets .footer  {
    margin: 0rem auto;
    max-width: 1014px;
}
.bullets .footer .button  {
    text-align: center;
}
.bullets.style-bg-dark .item,
.bullets.style-bg-dark blockquote {
    color: var(--dark);
}
.bullets.style-bg-bgcolor1  {
    background: var(--color_bg_1);
}
.bullets.style-bg-bgcolor2  {
    background: var(--color_bg_2);
}
.bullets.style-bg-white  {
    background: #fff;
    color: var(--dark);
}
.bullets.style-bg-white.design-white-text  {
    background: #fff;
    color: #fff;
}
.bullets.style-bg-white .head,
.bullets.style-bg-white .desc {
    color: var(--dark);
}
.bullets.style-bg-white.design-white-text .head,
.bullets.style-bg-white.design-white-text .desc,
.bullets.style-bg-dark .head,
.bullets.style-bg-dark .desc,
.bullets.item-bg-dark .head,
.bullets.item-bg-dark .desc{
	color: #fff;
}
.bullets.design-text .item {
    padding: 0;
    border-radius: 0;
	margin-bottom: 2rem;
}
.bullets.design-text .item .body{
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 2rem;
    padding-bottom: 1rem;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 2;
}
.bullets.design-text .item .body .head{
    font-size: 1.25rem;
    margin-bottom: 0.7rem;
}
.bullets.design-text .item .body .desc{
    line-height: 1.3;
    font-size: 0.9rem;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff;
}
.bullets.design-text .item.link .link-desc{
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.bullets.design-text .item.link:hover .body{
    -webkit-transform: translateY(-4rem);
        -ms-transform: translateY(-4rem);
            transform: translateY(-4rem);
}
.bullets.design-text .item.link:hover .head{
    color: #fff;
}
.bullets.design-text .item.link:hover .link-desc{
    bottom: 1.5rem;
    opacity: 1;
    -webkit-transition: all .2s ease-out 0.2s;
    -o-transition: all .2s ease-out 0.2s;
    transition: all .2s ease-out 0.2s;
}
.bullets.design-text .item.link .link-desc:hover{
    border-bottom-color: transparent;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}
.bullets.item-bg-white .item{
    background: #fff;
	color: var(--dark);
}
.bullets.item-bg-light .item{
    background: var(--light);
	color: var(--dark);
}
.bullets.item-bg-dark .item{
    background: var(--dark);
	color: #fff;
}
.bullets.item-bg-white .item .desc,
.bullets.item-bg-white .item .desc p,
.bullets.item-bg-light .item .desc,
.bullets.item-bg-light .item .desc p,
.bullets.item-bg-white .item .head,
.bullets.item-bg-light .item .head{
	color: var(--dark);
}
.bullets.item-bg-color_1 .item{
    background: var(--color_bg_1);
}
.bullets.item-bg-color_2 .item{
    background: var(--color_bg_2);
}
.bullets.design-icon-left:not(.design-wave) .item {
    display: flex;
}
.bullets.design-margin_none .bullets-row {
	margin: 0;
}
.bullets.design-margin_none .col {
	padding: 0;
}
.bullets.design-margin_none .item {
	margin: 0;
}
/*
	========================================
	Картинка
	========================================
*/
.bullets-image .item{
    overflow: hidden;
}
.bullets-image .item .image{
    position: relative;
	margin-bottom: 2rem;
    display: block;
}
.bullets-image.design-margin_image .item .image{
    margin: -2rem;
	margin-bottom: 2rem;
}
.bullets-image.design-circle .item .image{
    margin: 0rem;
    margin-bottom: 2rem;
}
.bullets-image .bul.not_body .image{
	margin-bottom: 0rem !important;
}
.bullets-image.design-circle .item .image img{
    border-radius: 50%;
}
.bullets-image.design-text .item .image{
    margin: 0;
}
.bullets-image.design-text .item .image::before{
    content: "";
    position: absolute;
    left: 0%;
    top: 0%;
    height: 100%;
    width: 100%;	
    background: -o-linear-gradient(240deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);	
    background: linear-gradient(210deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    z-index: 1;
}
.bullets-image.design-text .item.link .image::after{
    opacity: 0;
    content: "";
    position: absolute;
    left: 0%;
    top: 0%;
    height: 100%;
    width: 100%;	
    background: rgba(0,0,0,.3);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.bullets-image.design-text .item.link:hover .image::after{
    opacity: 1;
}
.bullets-image.design-text .item .image img{
    border-radius: 0;
}
.bullets-image.design-center .item .image .lazy-image{
    margin: 0 auto;
}
.bullets-image.design-shadow .item{
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
	margin-bottom: 2rem;
}
.bullets-image.design-border .item{
    border: 1px solid #e2e7ea;
	margin-bottom: 2rem;
}
.dark_theme .bullets-image.design-border .item {
    border-color: #4e4e4e;
}
/*
	========================================
	Слайдер
	========================================
*/
.bullets-slider .bul-gallery{
    display: block;
	margin-bottom: 2rem;
}
/*
	========================================
	Клиенты
	========================================
*/
.bullets-clients .icon { 
    height: 2.5rem;
	margin-bottom: 1rem;
}
.bullets-clients .head {
    font-size: 1rem;
}
/*
	========================================
	Иконка
	========================================
*/
.bullets-icon .icon { 
    width: 6rem;
    height: 6rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.bullets-icon.big-icon .icon { 
    width: 8rem;
    height: 8rem;
}
.bullets-icon.design-center .icon {
    margin: 0 auto 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.bullets-icon.design-shadow .item{
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
	margin-bottom: 2rem;
}
.bullets-icon.design-border .item{
    border: 1px solid #e2e7ea;
	margin-bottom: 2rem;
}
.dark_theme .bullets-icon.design-border .item {
    border: 1px solid rgb(255 255 255 / 15%);
}
/*
	========================================
	Плюсы
	========================================
*/
.bullets-plus .item {
    margin-bottom: 2rem;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.bullets-plus .plus {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3rem;
            flex: 0 0 3rem;
    font-size: 1.25rem;
    font-weight: bold;
	font-weight: var(--f1ws);
    background: var(--color);
    color: #fff;
    margin-right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-bottom: 1.5rem;
}
.bullets-plus svg {
    fill: #fff;
    width: 1.5rem;
}
.bullets-plus.design-center .plus {
    margin: 0 auto 1.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/*
	========================================
	Цифры
	========================================
*/
.bullets .num{
    font-size: 2rem;
    font-weight: bold;
	font-weight: var(--f1ws);
	color: var(--color);
    margin-bottom: 1rem;
    line-height: 1;
}
.bullets-nums .item{
    position: relative;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 0.15);
    padding: 2rem;
}
.bullets-nums .item::before {
    content: "";
    position: absolute;
    border-radius: 0.5rem;
    border: 1px solid #eee;
    top: 0.7rem;
    left: 0.7rem;
    right: 0.7rem;
    bottom: 0.7rem;
    pointer-events: none;
}
/*
	========================================
	История
	========================================
*/
.bullets-history .slick-track::before{
	content: '';
	width: 100%;
	height: 3px;
	background: var(--color);
	position: absolute;
	left: 0;
	top: 5rem;
}
.bullets-history.design-padding_none .slick-track::before{
	top: 3rem;
}
.bullets-history .item {
    margin-bottom: 0rem;
}
.bullets-history .num {
	position: relative;
	margin-bottom: 3rem;
}
.bullets-history .num::before{
	content: '';
	width: 3px;
	height: 7px;
	background: var(--color);
	position: absolute;
	left: 0;
	bottom: -1rem;
}
.bullets-history.design-center .num::before{
	left: 50%;
}
.bullets-history .bullets-history-arrow{
	position: absolute;
	right: 2rem;
	top: 0;
	width: 6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*
	========================================
	Этапы
	========================================
*/
.bullets-steps{
    overflow: hidden;
}
.bullets-steps .item{
    margin-bottom: 2rem;
    background-color: transparent;
    border-radius: 0;
    padding: 1.5rem;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.bullets-steps.design-wave .item{
    padding: 0;
    background: transparent;
}
.bullets-steps .step-num{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.5rem;
            flex: 0 0 3.5rem;
    font-size: 1.25rem;
    font-weight: bold;
	font-weight: var(--f1ws);
    background: var(--color);
    color: #fff;
    margin-right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-bottom: 1.5rem;
}
.bullets-steps.design-wave .step-num svg {
    position: absolute;
    stroke: var(--color);
    left: 2rem;
    right: -2rem;
    z-index: -1;
    transform: scaleY(-1);
    top: 1.8rem;
}
.bullets-steps.design-wave .col:nth-child(2n) .step-num svg {
    transform: scaleY(1);
    top: 0.5rem;
}
.bullets-steps.design-wave .col:last-child .step-num svg {
    right: 2rem;
}
.safari .bullets-steps.design-wave .col:last-child .step-num svg {
    width: 80%;
}
.bullets-steps.design-wave #check {
    position: absolute;
    right: 1rem;
    top: 0rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: var(--color);
    background: #46b450;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 10px 30px -10px #46b450;
            box-shadow: 0 10px 30px -10px #46b450;
}
.bullets-steps.design-wave #check svg {
    fill: #fff;
    width: 1.5rem;
}
.bullets-steps:not(.design-wave) .step-num{
    position: relative;
}
.bullets-steps:not(.design-wave) .step-num::before{
    content: '';
    position: absolute;
    left: 0;
    width: 5rem;
    top: 50%;
    background: var(--color);
    height: 1px;
    transform: translateX(-100%);
}
.bullets-steps:not(.design-wave) .col:nth-child(1) .step-num::before{
	display: none;
}
.bullets-steps:not(.design-wave) .bullets_col-5 .col:nth-child(5n+1) .step-num::before,
.bullets-steps:not(.design-wave) .bullets_col-4 .col:nth-child(4n+1) .step-num::before,
.bullets-steps:not(.design-wave) .bullets_col-3 .col:nth-child(3n+1) .step-num::before,
.bullets-steps:not(.design-wave) .bullets_col-2 .col:nth-child(2n+1) .step-num::before{
	display: none;
}


/*
	========================================
	
	Ступени
	
	========================================
*/
.steps-section {
}
.steps-section .steps-row {
    margin: 2rem auto;
}
.steps-section.design-minwidth .container-fluid {
    max-width: 1200px;
}
.steps-section:not(.steps-image.design-icon-left) .step-item {
    max-width: 50%;
    flex: 1 0 50%;
    padding-right: 3rem;
}
.steps-section.steps-image.design-two-col .steps-row  {
    display: flex;
    flex-wrap: wrap;
}
.steps-section.steps-image.design-two-col .steps-row .step-item {
    margin-bottom: 3rem;
}
.steps-section.steps-image:not(.design-margin_none) .step-item:not(:last-child) {
    margin-bottom: 4rem;
}
.steps-section.steps-image.design-two-col .steps-row .step-item:nth-last-of-type(1),
.steps-section.steps-image.design-two-col:not(.design-icon-left) .steps-row .step-item:nth-last-of-type(2) {
    margin-bottom: 0;
}
.steps-section.design-icon-left .step-item {
    display: flex;
}
.steps-section.design-border .step-item:not(:last-child) {
	border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.dark_theme .steps-section.design-border .step-item:not(:last-child) {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}
.steps-section.design-minvertical .steps-row {
    margin: 8rem auto;
}
.steps-section.design-minvertical .step-item {
    margin: -4rem 0;
    min-height: 200px;
}
.steps-section .step-item:nth-child(even) {
    margin-left: auto;
}
.steps-section:not(.design-padding_none) .step-body {
    padding: 0 2rem;
}
.steps-section.steps-steps .step-body {
    padding: 0 2rem;
}
.steps-section .step-head {
    font-size: 1.5rem;
    font-family: var(--f2);
    line-height: 1.3;
    margin-bottom: 1.5rem;
    color: var(--color);
}
.steps-section .step-desc {
    font-size: 1rem;
}
.steps-section .step-desc p:last-child {
    margin-bottom: 0rem;
}
.dark_theme .steps-section .step-desc,
.dark_theme .steps-section .step-desc p {
    color: rgba(255, 255, 255, 0.7);
}
.steps-section .step-num {
    color: #fff;
    font-size: 12rem;
    margin-top: -2rem;
    line-height: 1;
    z-index: 0;
    opacity: 0.1;
    font-family: var(--f2);
    flex: 1 0 17%;
}
.steps-section:not(.design-icon-left) .step-image {
    margin-bottom: 1.5rem;
}


.steps-section.steps-image.design-icon-left .step-item {
    min-height: 350px;
}
.steps-section.steps-image.design-icon-left:not(.design-padding_none) .step-body {
    padding: 6rem 4rem;
}
.steps-section.steps-image.design-icon-left .step-image {
    position: relative;
    max-width: 50%;
	flex: 1 0 50%
}
.steps-section.steps-image.design-icon-left.design-padding_none .step-image {
    padding-right: 3rem;
}
.steps-section.steps-image.design-icon-left.design-chess .step-item:nth-child(even) .step-image {
    order: 2;
}
.steps-section.steps-image.design-icon-left:not(.design-full) .step-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
}


/*
	========================================
	
	Списки
	
	========================================
*/
#modules .lists{
    overflow: hidden;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
	--list-padding: 4rem;
}
#modules .lists.design-text_white,
#modules .lists.design-text_white .header h2 ~ p {
    color: #fff;
}
#modules .lists.design-text_dark,
#modules .lists.design-design-text_dark .header h2 ~ p {
    color: var(--dark);
}
.lists .container-fluid ,
.lists .row {
    height: 100%;
}
.lists .text-flex ,
.lists .image-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.lists .text-flex {
	padding: var(--list-padding) 0;
}
.lists.align-top .text-flex{
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.lists.align-center .text-flex{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.lists.align-bottom .text-flex{
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.lists.align_img-top .image-flex{
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-bottom: var(--list-padding);
}
.lists.align_img-center .image-flex{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: var(--list-padding) 0;
}
.lists.align_img-bottom .image-flex{
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	padding-top: var(--list-padding);
}
.lists.text_white,
.lists.text_white small,
.lists.text_white .header p:nth-child(2) {
    color: #fff;
}
.lists .list-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2rem 0 2rem;
}
.lists .list-block .item{
    width: 50%;
}
.lists .list-block .item.only{
    width: 100%;
}
.lists .list-block .item .name-list{
    font-size: 1.25rem;
    font-weight: var(--f1wb);
    margin-bottom: 1rem;
}
.lists .list-block .item li{
    position: relative;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
}
.lists.design-vert_margin .list-block .item li{
    margin-bottom: 0.75rem;
}
.lists .list-block .item.only li {
    margin-bottom: 0.5rem;
    margin-right: 0rem;
}
.lists.icon-unique .list-block .item li,
.lists.icon-only .list-block .item li{
    padding-left: 2.5rem;
}
.lists .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
.lists .text{
    line-height: 1.4;
    display: inline-block;
}
.lists .order-1{
	order: 1;
}
.lists .order-2{
	order: 2;
}


/*
	========================================
	
	Файлы
	
	========================================
*/
.files{
}
.files .filelist li{
    position: relative;
    margin-bottom: 1rem;	
    padding-left: 3rem;
}
.files .filelist li::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 3rem;
    background: url(/local/assets/css/../i/file.svg) no-repeat top left;
    left: 0;
    top: 0.5rem;
}
.files .filesize{
    color: #999;
    font-size: 0.9rem;
    margin-top: 2px;
}
.files .filename{
    font-size: 1.125rem;
    font-weight: normal;
	font-weight: var(--f1w);
}


/*
	========================================
	
	Фотогалерея
	
	========================================
*/
.gallery{
    overflow: hidden;
}
.gallery .gallery-grid{
    margin: 0 0.5rem -1rem;
}
.gallery .gallery-grid .image{
    margin: 0 -0.5rem 1rem;
	-webkit-box-shadow: 0 15px 30px -13px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 15px 30px -13px rgba(0, 0, 0, 0.3);
}
.gallery .gallery-grid .image a::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: var(--dark_60) url(/local/assets/css/../i/zoom.svg) no-repeat center;
    background-size: 3rem;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.gallery .gallery-grid .image a:hover::before{
    opacity: 1;
}
.gallery .slider-center .slick-list {
    padding: 6rem 0 !important;
}
.gallery .slider-center .slick-slide .image{
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.gallery .slider-center .slick-center .image{
    position: relative;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    z-index: 1;
}
.gallery .slider-docs .slick-list{
	padding: 0 0.5rem;
}
.gallery .slider-docs .slick-list .slick-slide{
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.gallery .slider-docs .slick-list .slick-slide.slick-active{
    opacity: 1;
}
.gallery .button{
    text-align: center;
}
.gallery-slider .footer {
    margin-top: 2rem;
}

.gallery-gallery .progressive img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/*
	========================================
	
	Видеогалерея
	
	========================================
*/
.video-section{
}
.video-section .review-video,
.video-section .videos-video{
    position: relative;
}
.video-section .review-video .slide,
.video-section .videos-video .slide{
	padding: 0 0.5rem;
}
.video-section .slide .title{
    font-weight: var(--f1ws);
    margin-top: 0.5rem;
}
.video-section .row{
    justify-content: center;
}
.video-section .video{
}


/*
	========================================
	
	Директор
	
	========================================
*/
.boss{
}
.boss .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem auto 0;
    max-width: 85%;
}
.boss .image{
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    -webkit-transform: translate(2rem,-2rem);
        -ms-transform: translate(2rem,-2rem);
            transform: translate(2rem,-2rem);
    position: relative;
    text-align: right;
    z-index: 1;
}
.boss .image .progressive {
    width: 100%;
}
.boss .blockquote{
    position: relative;
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    background: #fff;
    -webkit-box-shadow: 0px 12px 30px 0px rgba(51, 46, 47, 0.1);
            box-shadow: 0px 12px 30px 0px rgba(51, 46, 47, 0.1);
    padding: 3rem 4rem 3rem 6rem;
}
.dark_theme .boss .blockquote{
    background: var(--color_bg_1);
}
.boss .blockquote .quote{
    font-family: var(--f3), serif;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    color: var(--color);
}
.boss .blockquote .blockquote-icon-main{
	fill: var(--color);
    position: absolute;
    width: 10rem;
    z-index: 0;
    opacity: 0.1;
    left: 6rem;
    top: 2rem;
}
.boss .blockquote blockquote{
    padding: 1.5rem 2rem 1.5rem 7rem;
    margin: 1rem auto;
}
.boss .blockquote .text{
    font-weight: 300;
	font-weight: var(--f1);
    font-size: 0.9rem;
    margin: 3rem 0;
}
.boss .blockquote .name-block{
}
.boss .blockquote .name{
    font-weight: bold;
	font-weight: var(--f1wb);
}
.boss .blockquote .position{
    font-size: 0.8rem;
    font-weight: 300;
	font-weight: var(--f1);
    color: var(--gray-text);
    max-width: 250px;
}


/*
	========================================
	
	Баннер-карточка
	
	========================================
*/
.banner-cart{
    overflow: visible;
}
.banner-cart.design-minwidth .container-fluid{
    max-width: 1096px;
}
.banner-cart .cart{
    position: relative;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.border-circle .banner-cart .cart{
    border-radius: 0.5rem;
}
.banner-cart .header{
    width: 75%;
    z-index: 1;
    position: relative;
}
.banner-cart.full .header{
    width: 64%;
}
.banner-cart .header ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-cart .header p + ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
}
.banner-cart .header ul + div,
.banner-cart .header ul + p{
    margin-top: 2rem;
}
.banner-cart .header li{
    width: 100%;
	flex: 1;
    padding-left: 1.75rem;
    padding-right: 2rem;
    font-size: 0.9rem;
    font-weight: 300;
	font-weight: var(--f1);
    margin-top: 1rem;
    color: var(--gray-text);
}
.banner-cart .header li strong,
.banner-cart .header li b{
    position: relative;
    display: block;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
	font-weight: var(--f1wb);
}
.banner-cart .header li strong::before,
.banner-cart .header li b::before {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.5rem;
    left: -1.25rem;
    border: 4px solid transparent;
    border-left: 4px solid var(--color);
    /* border-radius: 50%; */
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.banner-cart .list ul li::before {
    display: none;
}
.banner-cart .header h2 {
    margin-bottom: 1.5rem !important;
}
.banner-cart .header p,
.banner-cart .subheader {
    font-size: 1.125rem;
    margin: 1rem 0;
}
.banner-cart .style-bg-dark .header p,
.banner-cart .style-bg-dark .subheader,
.banner-cart .style-bg-color1 .header p,
.banner-cart .style-bg-color1 .subheader {
    color: #fff
}
.banner-cart .style-bg-light .header p,
.banner-cart .style-bg-light .subheader,
.banner-cart .style-bg-white .header p,
.banner-cart .style-bg-white .subheader {
    color: var(--dark);
}
.banner-cart .button {
    margin-top: 1.5rem;
}
.banner-cart .image {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    max-width: 40%;
}
.banner-cart .image.nomargin-image {
    bottom: 0rem;
    right: 0rem;
}
.banner-cart .full .cart {
    min-height: 500px;
}
.banner-cart .full .image {
    right: -2rem;
}
.banner-cart .mini .image {
    position: static;
    max-width: 100%;
}


.banner-cart .mini:not(.image_none){
    padding-bottom: 0 !important;
}
.banner-cart .mini .header{
    width: 100%;
}
.banner-cart .text_white .header{
	color: #fff;
}
.banner-cart .text_white .header p,
.banner-cart .text_white .subheader {
    color: hsl(0, 0%, 90%);
}

.banner-cart .image_none .header{
    width: 100%;
}
.banner-cart .mini.image_none .header h2 br{
    display: none;
}


.banner-cart .text_white, 
.banner-cart .text_white .header li strong, 
.banner-cart .text_white .header li b {
    color: #fff;
}


/*
	========================================
	
	Карточка
	
	========================================
*/
.card{
}
.card .header {
    max-width: 1014px;
    margin: 0 auto;
    text-align: center;
}
.card .items{
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.card .item{
    width: 100%;
}
.card .item .item-wrap{
    background: #fff;
    border-radius: 0.5rem;
    border: 1px solid #ddd;
    overflow: hidden;
    display: block;
    color: var(--dark);
}
.dark_theme .card .item .item-wrap {
    background: #444;
    border: 1px solid #676767;
	color:#fff;
}
.card .item a.item-wrap:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
}
#modules .card .item h2,
#modules .card .item h3{
    margin: 0 0 2rem;
    transition: all .3s ease;
}
.card .item a.item-wrap:hover h2,
.card .item a.item-wrap:hover h3{
	color: var(--color);
}
.card .item:last-child {
    margin-bottom: 0;
}
.card .image{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;	
    display: -webkit-box;	
    display: -ms-flexbox;	
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.card .image img{/*
    object-fit: cover;
    height: 100%;
    width: 100%;*/
}
.card .text{
    padding: 3rem 3rem 3rem 1rem;
}
.card .text .button {
    margin-top: 2rem;
}
.card .text .btn span {
    padding: 1rem 2rem;
}
.card .text .btn::after {
    top: 6px;
}
.card .text .link {
	border-bottom: 1px solid;
}
.card a.item-wrap:hover .text .link {
	border-bottom: 1px solid transparent;
}
.card .popup-manager {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
    border-radius: 5px;
    margin: 0;
}
.card .popup-manager .head{
    font-weight: bold;
	font-weight: var(--f1wb);
    font-size: 1.5rem;
    line-height: 1.2;
}
.card .rating{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card .rating-line{
    position: relative;
    width: 7rem;
    height: 21px;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
    z-index: 1;
    background: #ccc;
}
.card .rating-line .line{
    height: 21px;
    background: #f90;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.card .rating-line svg{
	fill: #fff;
}
.card .footer {
    margin-top: 3rem;
}


.card.design-2col .item{
    width: calc(50% - 3rem);
}
.card.design-2col .text{
    padding: 2rem 2rem 2rem 0rem;
}


/*
	========================================
	
	Кейсы
	
	========================================
*/
.cases{
    background: var(--light);
}
.dark_theme .cases{
    background: var(--dark);
}
.cases .header-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cases .header-block .header{
    max-width: 700px;
}
.cases .slider .item .case{
    padding: 2rem;
    background: #fff;
    color: var(--dark);
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.25);
}

.cases .cases-arrow {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2.5rem;
}
.cases .cases-arrow .slick-arrow {
    position: static;
}
.cases .cases-arrow .slick-arr-prev {
    margin-right: 4rem;
}

.cases .item .case .case-gallery {
    position: relative;
}
.cases .item .case .case-gallery,
.cases .item .case .case-gallery-slider,
.cases .item .case .case-gallery-slider .slick-list,
.cases .item .case .case-gallery-slider .slick-track,
.cases .item .case .case-gallery-slider .slick-slide,
.cases .item .case .case-gallery-slider .slick-slide div {
    height: 100%;
}
.cases .item .case .case-gallery-slider .slick-arrow {
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--dark);
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0;
}
.cases .item .case .case-gallery-slider .slick-arrow:hover {
    background: var(--dark);
    color: #fff;
}
.cases .item .case .case-gallery-slider .slick-arrow::before {
    content: "›";
    position: absolute;
    font-size: 34px;
    width: 100%;
    height: 100%;
    line-height: 1;
    top: 0px;
    right: 0;
    font-family: serif;
}
.cases .item .case .case-gallery-slider .slick-prev {
    right: 3.75rem;
    z-index: 1;
    transform: rotate(180deg);
}
.cases .cases-paging {
    position: absolute;
    z-index: 10;
    text-align: center;
}
.cases .cases-paging-gallery {
    position: absolute;
    z-index: 10;
    background: #fff;
    height: 2.5rem;
    width: 5rem;
    line-height: 2.5rem;
    text-align: center;
}
.cases .cases-paging-gallery {
    top: 1rem;
    left: 1rem;
}
.cases .cases-paging-item {
    right: 4rem;
    top: -5rem;
}
.cases .cases-paging li {
    display: none;
    font-size: 1.5rem;
    font-family: var(--f2);
    text-align: center;
}
.cases .cases-paging li span{
    font-size: 1rem;
}
.cases li.slick-active {
    display: block;
}
.cases .item .case .image {
    background: no-repeat center;
    background-size: cover;
    height: 100%;
    min-height: 300px;
    display: block;
}
.cases .item .case .info-block {
    display: flex;
    justify-content: space-between;
}
.cases .item .case .info {
    max-width: 250px;
    width: 100%;
}
.cases .item .case .info .detail {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}
.cases .item .case .info svg {
    height: 1.25rem;
    width: 1.25rem;
    flex: 0 0 1.25rem;
    fill: var(--gray);
    margin-right: 0.75rem;
}
.cases .item .case .content .head {
    padding-top: 1rem;
    font-weight: var(--f1ws);
}
.cases .item .case .content {
    padding-left: 1rem;
}
.cases .item .case .content li,
.cases .item .case .content p{
    font-size: 0.9rem;
}
.cases .item .case .intro p {
    font-size: 1.125rem;
}
.cases .item .case .content h3{
    color: var(--color);
    margin: 0;
    margin-bottom: 1.5rem;
}

/* Кейсы сеткой */
.cases .grid{
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(6, minmax(300px, auto));
	grid-template-rows: repeat(6, 300px);
	grid-template-areas: 
		"big1 big1 big1 bigrow1 bigrow1 bigrow1" 
		"big1 big1 big1 bigrow2 bigrow2 bigrow2" 
		"small1 small1 small2 small2 small3 small3"
		"bigrow3 bigrow3 bigrow3 big2 big2 big2" 
		"bigrow4 bigrow4 bigrow4 big2 big2 big2 " 
		"small4 small4 small5 small5 small6 small6";
}
.item-1 { grid-area: big1; }
.item-2 { grid-area: bigrow1; }
.item-3 { grid-area: bigrow2; }
.item-4 { grid-area: small1; }
.item-5 { grid-area: small2; }
.item-6 { grid-area: small3; }
.item-7 { grid-area: big2; }
.item-8 { grid-area: bigrow3; }
.item-9 { grid-area: bigrow4; }
.item-10 { grid-area: small4; }
.item-11 { grid-area: small5; }
.item-12 { grid-area: small6; }
.cases .grid .item{
    position: relative;
}
.cases .grid .item::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 0.5rem solid #fff;
    transition: all .4s ease ;
    z-index: 1;
    pointer-events: none;
    will-change: border;
}
.cases .grid .case{
    position: relative;
    height: 100%;
}
.cases .grid .images{
    height: 100%;
    background: no-repeat center;
    background-size: cover;
    transition: all .4s ease;
}
.cases .grid .wrap{
    position: absolute;
    top: 90%;
    top: calc(100% - 4rem);
    left: 2rem;
    right: 2rem;
    z-index: 1;
    transition: all .3s ease, left .3s ease 0.3s, right .3s ease 0.3s, top .3s ease;
    pointer-events: none;
}
.cases .grid .title {
    padding: 6px 0.5rem;
    display: inline-block;
    background: #fff;
    transition: all .3s ease 0.3s;
}
.cases .grid .title h3 {
    font-size: 1.25rem;
    margin: 0;
}
.cases .grid .wrap::before {
    content: "";
    position: absolute;
	width: 0%;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    will-change: border;
}
.cases .grid .intro {
    font-size: 0.9rem;
    opacity: 0;
    padding: 0 2.5rem;
    height: 0;
    will-change: border;
}
.cases .grid .image .progressive{
    height: 100%;
}
.cases .grid .image .progressive img{
	object-fit: cover;
    height: 100%;
}
.cases .grid .image .progressive img.reveal {
    position: absolute;
    left: 0;
    top: 0;
    animation: progressiveReveal 0.3s ease-out
}
.cases .grid .item:hover::before{
    border: 0rem solid #fff;
}
.cases .grid .item:hover .wrap.intro-on .title {
    padding: 6px 2.5rem;
}
.cases .grid .item:hover .wrap.intro-on::before {
	width: 100%;
    bottom: -1.5rem;
    top: -0.5rem;
    transition: all .3s ease 0.3s, bottom .3s ease 0.6s, top .3s ease 0.6s;
}
.cases .grid .item:hover .wrap.intro-on {
    left: 0rem;
    right: 0rem;
    top: calc(100% - 9rem);
}
.cases .grid .item:hover .wrap.intro-on .intro {
    height: 100%;
    opacity: 1;
    margin-top: 0.5rem;
    transition: all .3s ease 0.6s, opacity .4s ease 0.7s;
}



/*
	========================================
	
	Диалоги
	
	========================================
*/
.dialogs{
}
.dialogs .dialog-form{
    border-top: 3px solid #eee;
    margin-top: 2rem;
    padding-top: 1.5rem;
}
.dialogs .item{
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}
.dialogs .item .question,
.dialogs .item .answer{
    position: relative;
    padding: 1rem;
    background: #fff;
    background: #ecf5f9;
    border-radius: 0.5rem;
}
.dialogs .item .answer{
    margin-left: 5rem;
    margin-top: 0.5rem;
    border-top: 1px solid #eee;
    background: #ecf9f5;
    overflow: hidden;
}
.dialogs .item .avatar{
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    border-radius: 50%;
}
.dialogs .item .avatar .avatar-def{
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--f1wb);
}
.dialogs .item .avatar img{
    clip-path: circle(1.5rem  at 1.5rem  1.5rem );
}
.dialogs .item .con{
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 54px;
    overflow: hidden;
}
.dialogs .item .name{
    font-weight: var(--f1wb);
}
.dialogs .item .date{
    color: var(--gray);
    font-size: 0.8rem;
}
.dialogs .item .text{
    line-height: 1.4;
    margin-left: 4rem;
    margin-top: 0.5rem;
    font-size: 0.9rem;
}
.dialogs .item .reply{
    margin-left: 1rem;
    font-size: 0.8rem;
    padding-top: 5px;
    border-bottom: 1px dashed;
    display: inline-block;
    color: #2791dd;
    line-height: 1.4;
    cursor: pointer;
}
.dialogs .link:hover,
.dialogs .item .reply:hover{
    border-bottom: 1px dashed transparent;
}
.dialogs .link{
    border-bottom: 1px dashed;
    color: var(--color);
    display: inline-block;
    cursor: pointer;
}
.dialogs .item .voite{
    position: absolute;
    background-color: #eefbf3;
    text-align: center;
    color: #07a23b;
    white-space: nowrap;
    padding: 0 0.75rem;
    right: 0.75rem;
    top: 0;
}
.dialogs .item .voite.minus{
    background-color: #f3e4e4;
    color: #a20707;
}
.dialogs .item .voite::after,
.dialogs .item .voite::before{
    position: absolute;
    color: var(--gray);
    font-weight: var(--f1wb);
    cursor: pointer;
}
.dialogs .item .voite::before{
	content: "+";
    left: -0.75rem;
}
.dialogs .item .voite::after{
	content: "-";
    right: -0.75rem;
}
.dialogs .dialogs-spoiler{
    margin-bottom: 1rem;
}
.dialogs .dialogs-spoiler::before{
    content: '';
    background: linear-gradient(180deg, transparent, #ecf9f5, #ecf9f5);
    background: linear-gradient(180deg, rgb(236 249 245 / 0.01), #ecf9f5, #ecf9f5);
    width: 100%;
    height: 80px;
    left: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
    pointer-events: none;
}
.dialogs .dialogs-spoiler.deploy{
    height: initial!important;
}
.dialogs .dialogs-spoiler.deploy::before{
    background:transparent;
}
.dialogs .more{
    z-index: 1;
    position: relative;
    border-bottom: 1px dashed;
    display: inline-block;
    color: #2791dd;
    cursor: pointer;
    font-size: 0.9rem;
}
.dialogs .more:hover{
    border-bottom-color: transparent;
}
.dialogs-item-spoiler {
    display: none;
}



/*
	========================================
	
	Акции
	
	========================================
*/
.promotions-section {
    border-bottom: 0 !important;
    padding: 2rem 0;
}
.promotions-section .slide {
    position: relative;
    display: block;
}
.promotions-section .slider {
    margin-bottom: -0.5rem;
}
.promotions-section .slider-promotion-arrow {
    position: absolute;
    left: calc((100% - 1472px)/2);
    top: 50%;
    transform: translateY(-50%);
    padding: 0 3rem;
    width: 1472px;
}
.promotions-section .item {
    position: relative;
}
.promotions-section.promo-full .wrap {
    position: absolute;
    left: calc((100% - 1472px)/2);
    top: 50%;
    transform: translateY(-50%);
    padding: 3rem;
    width: 1472px;
}
.promotions-section.promo-nofull .item {
    position: relative;
    width: 1376px;
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
}
.promotions-section.promo-nofull .wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.promotions-section.promo-nofull .intro {
    padding: 3rem 0;
    margin: 0 3rem;
    width: 50%;
    font-size: 1.125rem;
}
.promotions-section.promo-nofull .image {
	text-align: center;
    display: block;
}
.promotions-section.promo-flexible .intro-true .image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.promotions-section.promo-flexible .intro-true .image img {
    object-fit: cover;
    height: 100%;
    margin: auto;
}
.promotions-section.promo-flexible .wrap {
    position: relative;
    top: 0;
    transform: none;
    color: var(--dark);
}
#promotions .item {
    width: 100%;
    margin-bottom: 3rem;
}


/*
	========================================
	
	FAQ
	
	========================================
*/
.spoiler-section .spoiler {
    display: inline-block;
    width: 100%;
}
.spoiler-section .link{
    margin-top: 1rem;
}


/*
	========================================
	
	Спойлер
	
	========================================
*/
.spoiler-section .main-image {
	
}


/*
	========================================
	
	Вакансии
	
	========================================
*/
.vacancy-section {
}
.vacancy-wrap {
}
.vacancy-item {
    background: #fff;
    color: var(--dark);
    height: calc(100% - 2rem);
    padding-bottom: 6rem;
    margin-bottom: 2rem;
    position: relative;
}
.dark_theme .vacancy-item {
    background: var(--color_bg_1);
    color: #fff;
}
.border-circle .vacancy-item {
    border-radius: 0.75rem;
    overflow: hidden;
}
.vacancy-item .item-head {
    position: relative;
}
.vacancy-item .item-head.image-exists::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 1%));
    z-index: 0;
}
.vacancy-item .item-image {
}
.vacancy-item .item-detail {
    padding: 0.5rem 2rem 1rem;
}
.vacancy-item .item-graf {
    margin-top: 0.5rem;
}
.vacancy-item .item-graf .name {
    color: var(--color);
    font-weight: var(--f1ws);
}
.vacancy-item .item-graf .text {
    font-weight: var(--f1ws);
}
.vacancy-item .item-title {
    font-size: 1.25rem;
    line-height: 1.3;
}
.vacancy-item .image-not_exist .item-title {
    padding: 1.5rem 2rem;
    font-family: var(--f2);
    font-weight: var(--f1ws);
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
}
.dark_theme .vacancy-item .image-not_exist .item-title {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.vacancy-item .image-exists .item-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 1rem 2rem;
}
.vacancy-item .item-body {
}
.vacancy-item .spoiler {
    margin-bottom: 0;
}
.vacancy-item .spoiler .spoiler-head {
    background: transparent;
    padding: 0.5rem 5rem 0.5rem 2rem;
    font-weight: var(--f1ws);
}
.dark_theme .vacancy-item .spoiler.active .spoiler-head {
    color: #fff;
}
.vacancy-item .spoiler .spoiler-content {
    padding: 0 2rem;
    font-size: 0.9rem;
}
.vacancy-item .button  {
    margin: 0;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.vacancy-item .btn span {
    background-image: none !important;
    padding: 0.75rem 1.5rem;
}
.dark_theme .spoiler.active .spoiler-head .spoiler-btn::before, 
.dark_theme .spoiler.active .spoiler-head .spoiler-btn::after {
    background: #fff;
}


/*
	========================================
	
	Тарифы
	
	========================================
*/
.tariff-section {
    background: var(--light);
}
.tariff-section .tariff-tabs {
}
.tariff-section .tariff-tabs .tabs-nav {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.tariff-section .tariff-tabs .tabs-nav li {
    position: relative;
    padding: 0.75rem 2rem;
    background: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.tariff-section .tariff-tabs .tabs-nav li.active {
    background: var(--color2);
    border-color: var(--color2);
	color: #fff;
}
.tariff-section .tariff-tabs .tabs-nav li.active::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--color2) transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.tariff-section .tariff-tabs .tabs-nav li:hover {
    border-color: var(--color2);
}
.tariff-section .tariff-tabs .tabs-body {
}
.tariff-section .tariff-tabs .tabs-item {
	display: none;
    justify-content: center;
    gap: 2rem;
    margin: 3rem 0;
}
.tariff-section .tariff-tabs .tabs-item.active {
	display: flex;
}
.tariff-section .tariff-item {
    background: #fff;
    border: 1px solid #ececec;
    flex: 1;
    max-width: 33%;
}
.tariff-section .tariff-head {
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-family: var(--f2);
    text-align: center;
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
}
.tariff-section .tariff-header {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--color);
}
.tariff-section .tariff-price {
	white-space: nowrap;
}
.tariff-section .tariff-body {
    position: relative;
    padding: 3rem;
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tariff-section .tariff-content {
    font-size: 0.85rem;
}
.tariff-section .tariff-content h3{
    font-size: 1rem;
    font-family: var(--f1);
    font-weight: var(--f1ws);
    margin: 2rem 0 1rem;
}
.tariff-section .tariff-content h3:nth-child(1){
    margin-top: 0;
}
.tariff-section .tariff-content li{
}
.tariff-section .button {
    text-align: center;
}
.tariff-section .btn {
    width: 100%;
}
.tariff-section .btn span{
    padding: 0.75rem 2rem;
}






/*
Ширины экрана
-- xs	320-499		Смартфоны
-- sm	500-769		Фаблеты
-- md	770-1023	Планшеты
-- ml	1024-1149	Нетбуки
-- lg	1150-1399	Ноутбуки
-- xl	1400		Декстопы
*/

/*
==============================
	xl 1535 - Декстопы
==============================
*/
@media (max-width: 1535px) {
.promotions-section .slider-promotion-arrow {
    left: 1rem;
    width: calc(100% - 2rem);
}
.promotions-section.promo-full .wrap {
    left: 0;
    width: 100%;
}
.promotions-section.promo-nofull .item {
    width: calc(100% - 6rem);
}
.promotions-section.promo-full .image {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.promotions-section.promo-full .wrap {
    padding: 3rem 6rem;
}
}


/*
==============================
	lg 1399 - Ноутбуки
==============================
*/
@media (max-width: 1399px) {
}


/*
==============================
	lg 1299
==============================
*/
@media (max-width: 1299px) {
.banner-cart .cart {
    padding: 2.5rem;
}
.boss .blockquote {
    padding: 3rem 3rem 3rem 5rem;
}
}


/*
==============================
	lg 1209
==============================
*/
@media (max-width: 1209px) {
.boss .item {
    max-width: 100%;
}
}


/*
==============================
	ml 1150 - Нетбуки
==============================
*/
@media (max-width: 1181px) {
.content-big .content-right {
    margin-left: 3rem;
    padding: 1rem 0;
}
.content-big .content-right blockquote {
    padding: 2rem;
}
.card {
    padding: 5rem 0;
    margin: 0 !important;
    gap: 2rem;
}
.banner-cart .cart {
    padding: 2rem;
}
.bullets .item {
    padding: 1.5rem;
}
.bullets.design-margin_image:not(.design-text) .item .image {
    margin: -1.5rem -1.5rem 1rem;
}
.bullets-steps:not(.design-wave) .step-num::before {
    width: 3.5rem;
}
.manager-1 .manager-label {
    margin-right: 0;
}
#catalog .card-item {
    width: 33.3%;
}
.cases .item .case .info-block {
    flex-direction: column-reverse;
}
.cases .item .case .info {
    max-width: none;
    margin-bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
}
.cases .item .case .info .detail {
    margin-right: 1.5rem;
}
.cases .item .case .intro {
    font-size: 1rem;
}
.cases .item .case .intro p {
    font-size: 1rem;
}
.promotions-section.promo-flexible.promo-nofull .intro-true .image {
    height: 100%;
}
.promotions-section.promo-flexible.promo-full .intro-true .image {
    width: 100%;
}
.tariff-section .tariff-tabs .tabs-item {
    gap: 1.5rem;
}
.tariff-section .tariff-body {
    padding: 2rem;
    padding-top: 1.5rem;
}
}	


/*
==============================
	md 1023 - Планшеты
==============================
*/
@media (max-width: 1023px) {
.g-modules h2,
.g-not_modules h2 {
    font-size: 2rem;
    margin: 0 0 2rem;
}
.content .image {
    margin-right: 0;
}
.content .image img {
    margin: 0 auto;
    display: block;
}
.content-big .content-right {
    margin-left: 2rem;
    padding: 1rem 0;
}
.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;	
}
.order2 .image  {
    margin-bottom: 2rem;
}
.order {	
    -webkit-box-ordinal-group: 2;	
        -ms-flex-order: 1;	
            order: 1;
}
.card .items {
    gap: 1rem;
}
.card .item {
    width: auto;
    flex: 1;
}
.card .image {
    height: 200px;
}
.card .text {
    padding: 2rem;
}
.card.design-2col .item {
    width: calc(50% - 1rem);
    flex: auto;
}
.card.design-2col .text {
    padding: 1.5rem;
}
#modules .card .item h3 {
    margin: 0 0 1rem;
}
.banner-cart.full .image_none .header {
    width: 100%;
}
.banner-cart .header p + ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.banner-cart .header li {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width: 50%;
    flex: 50%;
    margin: 1rem 0;
}
.banner-cart .image {
    max-width: 35%;
}
.banner-cart .image img{
    max-height: 300px;
}
.banner-cart .mini {
    margin-top: 2rem;
}
.banner-cart.bg-color .cart {
}
.boss .item {
    margin: 0 auto 0;
    display: block;
}
.boss .image {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    max-width: 400px;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(51, 46, 47, 0.2);
            box-shadow: 10px 10px 30px 0px rgba(51, 46, 47, 0.2);
}
.boss .blockquote {
    padding: 5rem 3rem 3rem 3rem;
    margin: -2rem 0 0 2rem;
}
.boss .name-block {
    margin: 2rem 0 0 auto;
    z-index: 2;
}
.boss .name-block div {
    position: relative;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 0 0 auto;
}
.boss .name-block .name {
    z-index: 2;
    margin-bottom: 7px;
}
.boss .name-block div::before {
    content: "";
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #fff;
    height: 140%;
    position: absolute;
    z-index: -1;
    right: -0.8rem;
    left: -0.8rem;
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    top: -20%;
    border-radius: 3px;
}
section.reviews .review.second {
    margin-left: calc(4rem - 100%);
}
section.reviews .item .review {
    margin-left: 0rem;
}
section.reviews .item.second .review {
    margin-left: 3rem;
}
section.reviews .item.third .review {
    margin-left: 6rem;
}
section.reviews .item .blockquote-icon {
    top: 2rem;
    right: 2rem;
}
section.reviews .item  .button {
    display: none;
}
.bullets.design-text .col {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
}
.bullets .item.link:hover {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}
.bullets.design-text .item.link .body {
    padding-bottom: 3rem;
}
.bullets.design-text .item.link:hover .body {
    -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
            transform: translateY(0rem);
}
.bullets .item.link .link-desc {
    opacity: 1;
    bottom: 1.5rem;
}
.bullets .item {
    padding: 1.25rem;
}
.bullets.design-margin_image:not(.design-text) .item .image {
    margin: -1.25rem -1.25rem 1rem;
}
.bullets-nums .item {
    padding: 2rem;
}
.bullets .head {
}
.bullets .full-columns-2 .item {
    padding: 1rem;
}
.bullets.design-text .full-columns-2 .item {
    padding: 0rem;
}
.bullets.design-text .full-columns-2 .item .image{
    margin: 0;
}
.bullets-steps.design-wave .col .steps svg {
    top: 2.3rem;
}
.bullets-steps.design-wave .col:nth-child(2n) .steps svg {
    top: 1.5rem;
}
.bullets-history .slick-track::before {
	top: 4.5rem;
}
.bullets-history .bullets-history-arrow {
	right: 1.5rem;
}
.bullets.design-icon-left:not(.design-wave) .item {
    display: block;
}
.bullets a.item:hover {
    transform: none;
}
.lists.align_img-bottom .image-flex {
    padding-top: 0;
}
.lists .image{
    text-align: center;
}
.lists .image img{
    max-height: 300px;
}
.lists .list-block {
    margin: 3rem 0 1rem;
}
.lists .list-block .item li {
    font-size: 0.9rem;
}
.lists.align_img-center .image-flex {
    justify-content: center;
}
.lists.lists-right.align_img-center .text-flex {
    padding: 0;
    padding-bottom: var(--list-padding);
}
.lists.lists-right.align_img-center .image-flex {
    padding: var(--list-padding) 0 calc(var(--list-padding) / 2);
}
.lists.lists-left.align_img-center .image-flex {
    padding: 0;
    padding-bottom: var(--list-padding);
}
.lists.lists-left.align_img-center .text-flex {
    padding: var(--list-padding) 0 calc(var(--list-padding) / 2);
}
.gallery .slider-center .slick-list {
    padding: 0rem 0 !important;
}
.gallery .slider-center .slick-center .image {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.content .video-frame {
    margin-bottom: 2rem;
}
#catalog .card-item {
    padding: 5px;
}
#catalog .card .body {
    padding: 1rem 1.5rem;
}
#catalog .card .price {
    padding: 1rem 1.5rem;
}
.cases .grid {
    grid-template-rows: repeat(6, 200px);
}
.cases .grid .item::before {
    border: 0;
}
.cases .grid .wrap {
    top: auto;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}
.cases .grid .title h3 {
    font-size: 1.125rem;
}
.cases .item .case .content {
    padding: 1.5rem 0 0;
}
.cases .item .case .case-gallery {
    height: 300px;
}
.cases .cases-paging-item {
    right: auto;
    left: 4rem;
}
section.reviews .review {
    left: 0rem;
    padding: 2rem;
}
section.reviews .rightbar {
    margin-top: 2rem;
}
.promotions-section h2 {
    font-size: 1.75rem;
    margin: 0 0 1.5rem;
}
.promotions-section .slide {
    max-height: none;
    overflow: visible;
}
.promotions-section.promo-nofull .item,
.promotions-section.promo-full .item {
    overflow: visible;
}
.promotions-section.promo-nofull .item .image,
.promotions-section.promo-full .item .image {
    border-radius: 0.5rem;
    overflow: hidden;
}
.promotions-section.promo-nofull .wrap,
.promotions-section.promo-full .wrap {
    position: static;
    transform: none;
    padding: 1rem 2rem;
}
.promotions-section.promo-nofull .intro,
.promotions-section.promo-full .intro {
    padding: 2rem 0;
    margin: 0;
    width: auto;
}
.promotions-section .slider-promotion-arrow{
    top: 8rem;
}
.promotions-section.promo-nofull .item,
.promotions-section.promo-full .item {
    background: var(--light);
}
.promotions-section.promo-flexible .intro-true .image {
    position: static;
    top: 0;
    transform: none;
    height: auto;
    width: 100%;
}
.promotions-section.promo-flexible .intro-true .image img {
    height: auto;
}
.spoiler-section .main-image {
    display: none;
}
.steps-section.steps-steps .step-body {
    padding: 0 1rem;
}
.steps-section:not(.steps-image.design-icon-left) .step-item {
    padding-right: 1rem;
}
.steps-section .step-num {
    font-size: 10rem;
}
.tariff-section .tariff-tabs .tabs-body {
    overflow-x: auto;
}
.tariff-section .tariff-item {
    min-width: 300px;
}
.tariff-section .tariff-tabs .tabs-item {
    margin: 1.75rem 0;
    justify-content: left;
}
}


/*
==============================
	sm 767 - Фаблеты
==============================
*/
@media (max-width: 767px) {
.g-modules h2,
.g-not_modules h2 {
    margin: 0 0 1.5rem;
}
.list ul li, 
.list ol li {
    padding-left: 1.5rem;
    line-height: 1.3;
}
.content p, .content li {
    font-size: 1rem;
}
.content .image {
    width: 70vw;
    margin: 0 auto 1.5rem;
}
.content-big .content-left p:nth-of-type(1) {
    font-size: 1.5rem;
}
.card.design-2col .item {
    width: 100%;
}
#modules .card .item h3 {
    font-size: 1.5rem;
}
.banner-cart.full .header {
    width: 100%;
}
.banner-cart .image {
    position: relative;
    max-width: 80%;
    margin-left: auto;
    bottom: -3rem;
    right: -3rem;
}
.banner-cart .image.nomargin-image {
    bottom: -2rem;
    right: -2rem;
}
.banner-cart .header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.banner-cart .header li {
    width: 50%;
}
.banner-cart .header li strong, 
.banner-cart .header li b {
    margin-bottom: 0.5rem;
}
.bullets .item {
    padding: 1rem;
	margin-bottom: 1rem;
}
.bullets.bullets-nums .item {
    padding: 1.5rem;
}
.bullets.item-bg-none:not(.design-border) .item {
    padding: 0rem;
}
.bullets.design-margin_image .item {
    margin: 0rem;
    margin-bottom: 1rem;
}
.bullets .head {
    font-size: 1rem;
}
.bullets-icon .icon {
    width: 4rem;
    height: 4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.bullets-image .item .image {
    margin-bottom: 1rem;
}
.bullets.bullets-steps.bg-color .steps::before {
    left: -1rem;
    right: -2rem;
}
.bullets-steps.design-wave .steps svg {
    top: 2.5rem;
}
.bullets-steps.design-wave .col:nth-child(2n) .steps svg {
    top: 1.5rem;
}
.bullets .num {
	font-size: 1.75rem;
}
.bullets-history h2 {
	text-align: left !important;
	width: calc(100% - 8rem);
}
.bullets-history .num {
	margin-bottom: 2rem;
}
.bullets-history .slick-track::before {
	top: 3.5rem;
}
.bullets-history.design-padding_none .slick-track::before {
	top: 2.5rem;
}
.bullets-history .num::before {
	bottom: -0.9rem;
}
.bullets-history .bullets-history-arrow {
	right: 1rem;
}
.bullets-steps:not(.design-wave) .col:nth-child(even) .step-num::before{
	display: block !important;
}
.bullets-steps:not(.design-wave) .col:nth-child(odd) .step-num::before{
	display: none !important;
}
.bullets.design-icon-left:not(.design-wave) .item {
    display: block;
    margin-bottom: 1rem;
}
section.reviews .item .review {
    padding: 1.5rem;
}
section.reviews .review {
    width: calc(100% - 2rem);
}
section.reviews .review:not(:first-child) {
    margin-left: calc(2rem - 100%);
}
section.reviews .review.second {
    margin-left: calc(0rem - 100%);
}
section.reviews .review.third {
    margin-left: calc(1rem - 100%);
}
.lists .list-block {
    margin: 2rem 0 0rem;
}
.lists .list-block .item li {
    margin-bottom: 1rem;
    margin-right: 1rem;
}
.lists.lists-left.align_img-top .order-1,
.lists.lists-left.align_img-center .order-1{
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.lists.lists-left.align_img-top .order-2,
.lists.lists-left.align_img-center .order-2{
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.lists .image img {
    max-height: 250px;
}
.lists.lists-left.align_img-center .text-flex {
    padding: 0;
    padding-bottom: var(--list-padding);
}
.lists.lists-left.align_img-center .image-flex {
    padding: var(--list-padding) 0 calc(var(--list-padding) / 2);
}
.gallery .gallery-grid .image {
    margin: 0 -0.25rem 0.5rem;
}
#catalog .card-item {
    width: 50%;
}
.cases .grid {
    display: inline-flex;
    flex-flow: row nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overflow-y: hidden;
}
.cases .grid .item {
    flex-shrink: 0;
    width: 70vw;
    margin-right: 1rem;
}
.cases .grid .item:hover .wrap.intro-on {
    top: auto;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
}
.cases .grid .item:hover .wrap.intro-on::before,
.cases .grid .item:hover .wrap.intro-on .intro {
	display:none;
}
.cases .grid:hover .images {
    filter: grayscale(0) opacity(1);
}
.cases .grid .item .case .image {
    height: 250px;
}
.cases .grid .item .case .content {
    padding: 1.5rem;
}
.cases .item .case .case-gallery-slider {
    height: 250px;
}
.cases .item .case .content {
    padding: 1.25rem 0 0;
}
.cases .item .case .case-gallery {
    height: 230px;
}
.dialogs .item .answer {
    margin-left: 3rem;
}
section.reviews .review {
    padding: 1.5rem;
}
#cards-wrap .card-wrap {
    padding: 2rem;
    min-width: 100%;
    right: 0;
}
#cards-wrap.carts .price {
    padding: 1rem 3rem;
    margin: 1rem -3rem;
    display: block;
    text-align: left;
}
#cards-wrap .card-wrap .name {
    font-size: 1.5rem;
}
.steps-section:not(.steps-image.design-icon-left) .step-item {
    max-width: 100%;
    flex: 1 0 100%;
    padding-right: 0rem;
}
.steps-section .steps-row,
.steps-section.design-minvertical .steps-row {
    margin: 0;
}
.steps-section.design-minvertical .step-item {
    margin: 2rem 0;
    min-height: auto;
}
.steps-section.steps-image.design-icon-left .step-item {
    display: block;
    min-height: auto;
    margin-bottom: 2rem;
}
.steps-section.steps-image.design-icon-left .step-item:last-child {
    margin-bottom: 0rem;
}
.steps-section.steps-image.design-icon-left .step-image {
    max-width: 100%;
    flex: 1 0 100%;
    height: 250px;
}
.steps-section.steps-image.design-icon-left .step-body {
    padding: 2rem 2rem;
}
.boss .item {
    flex-direction: column;
}
.boss .name-block {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(20vw);
}
.tariff-section .tariff-tabs .tabs-item {
    margin: 1.5rem 0;
}
}


/*
==============================
	xs 499 - Смартфоны
==============================
*/
@media (max-width: 499px) {
.g-modules h2,
.g-not_modules h2 {
    font-size: 1.75rem;
}
.content .image {
    width: 100%;
}
.content-big .content-left p:nth-of-type(1) {
    font-size: 1.25rem;
}
.content-big .content-right {
    margin-left: 1rem;
}
.content-big .content-right blockquote {
    padding: 1.5rem;
}
.content-big .content-right blockquote p:nth-of-type(1) {
    font-size: 1.5rem;
}
.card .text {
    padding: 1.5rem;
}
.banner-cart .cart.style-bg-none{
    padding: 0 2rem;
}
.banner-cart .header {
    width: 100%;
}
.banner-cart .header li {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
}
.full .banner-cart .cart {
    padding: 0 1rem 0 2rem;
}
.banner-cart .header p + ul {
    width: 100%;
}
.banner-cart .header li {
    flex: 100%;
}
.banner-cart .image {
    position: static;
    max-width: 100%;
}
.banner-cart .image.nomargin-image {
    margin: 2rem 0 -2rem;
}
.boss .blockquote {
    padding: 5rem 1.5rem 0.5rem 1.5rem;
    margin: -2rem 0 0 0;
}
.boss .blockquote .text {
    margin: 2rem 0 0;
}
.boss .name-block {
    transform: none;
    right: -1rem;
}
.bullets .head {
    font-size: 1.125rem;
    line-height: 1.3;
}
.bullets .desc {
    font-size: 1rem;
    line-height: 1.3;
}
.bullets.design-margin_image .item {
    margin: 0rem 0rem 1rem;
}
.bullets.design-margin_image .head {
    font-size: 1.125rem;
}
.bullets.design-text .item .body {
    position: relative;
    color: var(--dark);
}
.bullets-image.design-text .item .image::before {
    display: none;
}
.bullets.design-text .item.link .body {
    padding: 1rem;
}
.bullets.design-text .item .body .head {
    font-size: 1.125rem;
}
.bullets.design-text .item.link .link-desc {
    position: static;
    color: var(--gray);
    text-align: left;
    margin: 0 1rem 1rem;
}
.bullets.design-big-text .head {
    font-size: 1.25rem;
}
.bullets.bg-color .item {
    margin-bottom: 1rem;
}
.bullets .row {
    justify-content: normal;
}
.bullets-history .bullets-history-arrow {
	right: 0rem;
}
.bullets .row-slide{
    flex-wrap: nowrap;
    overflow: auto;
}
.bullets .col-slide{
    flex: 1 0 70%;
    max-width: 70%;
}
.bullets.anim-init .col-slide{
	animation: bullets-col-slide 0.8s ease-out 1s; 
}
.bullets.design-one-col .col {
    flex: 0 0 100%;
    max-width: 100%;
}
.price-list li {
    font-size: max(0.9rem,12px) !important;
    flex-wrap: wrap;
}
.bullets .price-list li {
    justify-content: flex-start;
}
.bullets .price-list li::after {
	display: none;
}
@keyframes bullets-col-slide{ 
	0% { left: 0rem; }
	50% { left: -3rem; }
	100% { left: 0rem; }
}
section.reviews .item .review {
    width: 100%;
}
section.reviews .item.second .review {
    margin-left: 0;
}
section.reviews .item.third .review {
    margin-left: 0;
}
.lists .list-block .item {
    width: 100%;
}
.lists .list-block .item li {
    margin-bottom: 1rem;
}
.lists .icon {
    width: 1.5rem;
    height: 1.5rem;
}
.cases .item .case .case-gallery-slider {
    height: 200px;
}
.dialogs .item .answer {
    margin-left: 2rem;
}
.dialogs .item .reply {
    display: none;
}
section.reviews .review {
    padding: 1rem;									   
}
.steps-section .step-head {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.steps-section .step-desc {
    font-size: 0.9rem;
}
.steps-section.steps-image.design-icon-left .step-body {
    padding: 1rem;
}
.steps-section .step-num {
    font-size: 7rem;
    flex: 1 0 15%;
}
.tariff-section .tariff-tabs .tabs-item {
    margin: 1rem 0;
    gap: 1rem;
}
.tariff-section .tariff-item {
    min-width: 250px;
}
.tariff-section .tariff-body {
    padding: 1rem;
    padding-bottom: 1.5rem;
}
#faq .spoilers {
    margin-top: 2rem;
}
}
/* End */


/* Start:/local/assets/css/anim.css?16929746864720*/
/*
	Анимация элементов
	.body_load
*/

.text-fade-in {
    display: inline-block;
	overflow:hidden;
}
.text-fade-in span{
    display: inline-block;
    transform: translateY(100%);
    opacity: 0;
}

.body_load .text-fade-in span{
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
}
.body_load .text-fade-in:nth-child(1) span{
	transition-delay : 1.6s;
}
.body_load .text-fade-in:nth-child(2) span{
	transition-delay : 1.7s;
}
.body_load .text-fade-in:nth-child(3) span{
	transition-delay : 1.8s;
}
.body_load .text-fade-in:nth-child(4) span{
	transition-delay : 1.9s;
}
.body_load .text-fade-in:nth-child(5) span{
	transition-delay : 2s;
}


#hero p,
#hero ul,
#hero .button {
    transform: translateY(1rem);
    opacity: 0;
}
.body_load #hero p,
.body_load #hero ul,
.body_load #hero .button {
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
	transition-delay : .5s;
}
.body_load #hero .button {
    transform: translateY(0%);
    transition: all .7s cubic-bezier(.215,.61,.355,1);
    opacity: 1;
	transition-delay : .7s;
}


#sec-1.bullets{
	opacity:0;
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.modules_load #sec-1.bullets{
	opacity:1;
}


.bullets.anim .item {
	opacity:0;
    transform: translateY(1.5rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets.anim-init .item {
	opacity:1;
    transform: translateY(0%);
}
.bullets.anim-init .col:nth-child(1) .item {
	transition-delay : 0.2s;
}
.bullets.anim-init .col:nth-child(2) .item {
	transition-delay : 0.4s;
}
.bullets.anim-init .col:nth-child(3) .item {
	transition-delay : 0.6s;
}
.bullets.anim-init .col:nth-child(4) .item {
	transition-delay : 0.8s;
}
.bullets.anim-init .col:nth-child(5) .item {
	transition-delay : 1.0s;
}
.bullets.anim-init .col:nth-child(6) .item {
	transition-delay : 1.2s;
}
.bullets.anim-init .col:nth-child(7) .item {
	transition-delay : 1.4s;
}
.bullets.anim-init .col:nth-child(8) .item {
	transition-delay : 1.6s;
}
.bullets.anim-init .col:nth-child(9) .item {
	transition-delay : 1.8s;
}


.bullets.anim .item .head,
.bullets.anim .item .desc {
	opacity:0;
    transform: translateY(1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets.anim-init .item .head,
.bullets.anim-init .item .desc {
	opacity:1;
    transform: translateY(0%);
}
.bullets.anim-init .item .head{
	transition-delay : 0.2s;
}
.bullets.anim-init .item .desc {
	transition-delay : 0.4s;
}



.bullets-steps.anim .item {
    transform: translateX(1.5rem);
}
.bullets-steps.anim-init .item {
    transform: translateX(0%);
}
.bullets-steps.anim .item .head,
.bullets-steps.anim .item .desc {
    transform: translateX(1rem);
}
.bullets-steps.anim-init .item .head,
.bullets-steps.anim-init .item .desc {
    transform: translateX(0%);
}

.bullets-steps.anim #check {
	opacity:0;
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.bullets-steps.anim-init #check{
	opacity:1;
	transition-delay : 1.5s;
}



.content.anim .image {
	opacity:0;
    transform: translateY(-1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.content.anim-init .image {
	opacity:1;
    transform: translateY(0rem);
	transition-delay : 0.2s;
}


.spoiler-head.anim {
	opacity:0;
    transform: translateY(-1rem);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.spoiler-head.anim-init {
	opacity:1;
    transform: translateY(0rem);
}



.boss.anim .image::before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--light);
    transition: all .8s cubic-bezier(.215,.61,.355,1) 0.2s;
    z-index: 2;
}
.dark_theme .boss.anim .image::before {
    background: var(--dark);
}
.boss.anim .blockquote,
.boss.anim .blockquote .quote,
.boss.anim .blockquote .text,
.boss.anim .blockquote .name-block {
	opacity:0;
    transform: translateY(40px);
    transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.boss.anim-init .image::before {
    top: 100%;
}
.boss.anim-init .blockquote,
.boss.anim-init .blockquote .quote,
.boss.anim-init .blockquote .text,
.boss.anim-init .blockquote .name-block {
    transform: translateY(0px);
	opacity:1;
}
.boss.anim-init .blockquote {
	transition-delay : 0.5s;
}
.boss.anim-init .blockquote .quote {
	transition-delay : 0.8s;
}
.boss.anim-init .blockquote .text {
	transition-delay : 1s;
}
.boss.anim-init .blockquote .name-block {
	transition-delay : 1.2s;
}
/* End */


/* Start:/local/assets/css/template.css?16999445571399*/
#warning_orientation {
    display: none;
    background: #fff;
    position: fixed;
    z-index: 10000000000;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 2rem;
    color: #000;
}
#warning_orientation div {
    max-width: 400px;
}
@media (orientation: landscape) and (max-height: 429px) and (min-aspect-ratio: 5 / 3) {
    body: not(.keyboard-on) #warning_orientation {
                                display: flex;
                            }
}

#sec-2 .section-index__items-item:hover::before {
    transform: none;
    opacity: 1;
}

#sec-2 .section-index__items-item::after {
    content: none;
}

#sec-2 .section-index__items-item:hover > img {
    transform: none;
}

#sec-2 .section-index__items-item:hover > p {
    transform: translateY(-50%) translateX(0);
}

#sec-2 .section-index__items-item:hover {
    box-shadow: 0 10px 25px rgb(027, 012, 001, 0.45);
}

.section-detail-tov .section__title-back {
    display: none;
}

.section-detail-tov .section__title h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

@media (min-width: 1023px) {
    .page-template-front-page #hero .header h1 {
        font-size: 2.1rem;
        margin-bottom: 1.3rem;
    }

    #hero .hero-image img {
        max-height: 40vh;
    }

}

/* End */


/* Start:/local/assets/css/swiper-bundle.min.css?169994455718409*/
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.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-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.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-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* End */


/* Start:/local/assets/css/style.css?1751529288127206*/
@font-face {
    font-family: "Inter";
    src: url("/local/assets/fonts/Inter-SemiBold.eot");
    src: local("Inter SemiBold"), local("Inter-SemiBold"),
    url("/local/assets/fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/Inter-SemiBold.woff2") format("woff2"),
    url("/local/assets/fonts/Inter-SemiBold.woff") format("woff"),
    url("/local/assets/fonts/Inter-SemiBold.ttf") format("truetype"),
    url("/local/assets/fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("/local/assets/fonts/Inter-Regular.eot");
    src: local("Inter Regular"), local("Inter-Regular"),
    url("/local/assets/fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/Inter-Regular.woff2") format("woff2"),
    url("/local/assets/fonts/Inter-Regular.woff") format("woff"),
    url("/local/assets/fonts/Inter-Regular.ttf") format("truetype"),
    url("/local/assets/fonts/Inter-Regular.svg#Inter-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Russo One";
    src: url("/local/assets/fonts/RussoOne-Regular.eot");
    src: local("Russo One"), local("RussoOne-Regular"),
    url("/local/assets/fonts/RussoOne-Regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/RussoOne-Regular.woff2") format("woff2"),
    url("/local/assets/fonts/RussoOne-Regular.woff") format("woff"),
    url("/local/assets/fonts/RussoOne-Regular.ttf") format("truetype"),
    url("/local/assets/fonts/RussoOne-Regular.svg#RussoOne-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Europecond";
    src: local("Europecond"), url("/local/assets/fonts/EuropeCond.otf");
    font-display: swap;
}

/* Default */

* {
    min-width: 0;
    min-height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400 !important;
    font-family: inherit !important;
}

h2 {
    width: 100%;
}
.bullets .item .btn {
    margin: 0 auto;
}
.bullets .footer {
    display: block;
}
.bullets .footer .button {
    text-align: center;

    display: flex;
    justify-content: center;
}
.bullets .header p {
    width: 100%;
}
strong {
    font-weight: 600;
}
h2 > strong {
    font-weight: 400;
}
.agreement-check input:checked + .agreement-label .check::before {
    border: 2px solid #000;
    border-top-color: transparent;
    border-left-color: transparent;
}
#header .menu {
    display: flex;
    justify-content: flex-start;
}
#header .menu .menu-item a {
    font-size: 14px;
    text-transform: none;
}
#header .row__upbox {
    align-items: center;
    min-height: 40px;
}
#header .menu .menu-item a {
    padding: 0.75rem 1rem;
    border-left: none;
    margin-right: 0.5rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
#header .menu .menu-item a:first-child {
    padding-left: 0;
}
#header .content {
    margin-left: 0;
}
#header .content ul {
    margin: 0;
}
#header .social {
    margin: 0;
}
#header .header_phones {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
#header .contacts .phone-content {
    color: #fff;
    text-decoration: none;
    margin: 0 0 0 2rem;
}
#contacts.contacts-page,
#pages {
    padding: 8rem 0 0;
}

#header .content .contacts {
    display: flex;
    flex: 0 0 20rem;
}
.page-template-front-page .align-text-bottom h1 {
    padding-top: 5rem;
    text-align: center;
}
.mobile-icon.mobile-icon-bg {
    opacity: 1;
    box-shadow: none;
}
.mobile-icon.hidden-xl.hidden-lg.active {
    width: 21px;
    height: 21px;
}

.page-template-front-page #hero .header {
    padding-top: 0;
}

.page-template-front-page #hero .header h1 {
    text-align: left;
    padding-top: 0;
    font-family: "Europecond" !important;
}

/* button.btn {
  margin: 0 auto;
} */

#header .menu .menu-item .sub-menu {
    background: linear-gradient(to top, #ffcc00, #fee300);
    z-index: 10;
}
#header .menu .menu-item .sub-menu::before {
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 100%;
    width: 10px;
    height: 10px;
    background-color: #fee300;
    transform: rotate(45deg) translateY(70%);
    z-index: 1;
}

#header .menu .menu-item a {
    color: #fff;
    font-size: 0.875rem;
    text-decoration: none;
    padding: 0 0.75rem;
    border-left: none;
}
#header .menu-item.menu-item-has-children a::before {
    display: none;
}
#header .menu-item.menu-item-has-children a::after {
    content: "+";
    margin-left: 0.5rem;
    color: #fec111;
}
#header .contacts .link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fec111;
    background: transparent;
    margin: 0 0 0 2rem;
    padding: 0;
    border: none;
    border-bottom: 1px dotted rgba(254, 193, 017, 1);
    text-decoration: none;
    outline: none;
    font-size: 0.875rem;
    height: 22px;
}
.content ul {
    margin: 0.5rem;
}
#header .contacts .phone-content {
    font-weight: 400;
    margin: 0;
}
#header .content .contacts {
    padding: 0;
    justify-content: flex-end;
}
#page-frame {
}
#main {
    position: relative;
    z-index: 1;
}
.main h1 {
    text-align: left;
}
#hero .main .btn {
    margin-left: 0;
}
#header {
    background-color: #1e1c28;
    padding: 0;
}
.header__bot {
    background-color: #fff;
    padding: 1rem 0;
}
.open span {
    background-color: #fff;
}
.mobile-icon {
    position: absolute;
}
.mobile-icon:hover {
    opacity: 0.2;
}
.mobile-icon {
    right: 0;
}
.mobile-icon.hidden-xl.hidden-lg {
    top: 0 !important;
}
.form .form-head {
    color: var(--dark);
}
.form-wrap.error404 {
    padding: 0;
}
.menu .menu-item:hover::before {
    background: transparent;
}
.menu .menu-item > a:hover {
    opacity: 0.75;
}
.btn,
.btn:visited,
.btn:focus,
.btn:active {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 58px;
    padding: 0 2.5rem;
    background: linear-gradient(to top, #ffcc00, #fee300);
    border-radius: 5px;
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transform: translateY(0rem);
    transition: all 0.3s ease;
}
.bx-filter-parameters-box-container .btn:active {
    padding: 0;
}
.btn span {
    padding: 0;
    display: inline;
    font-size: 1rem;
}
.btn, .btn:hover, .btn:focus {
    font-size: 1rem;
}
.btn:hover {
    transform: translateY(-0.375rem);
    box-shadow: none;
}

.btn > img {
    max-width: 20px;
    max-height: 25px;
    margin-left: 1.25rem;
}
.btn.btn-border {
    background: #1e1d1d;
    border: 1px solid #fff;
    color: #fff;
}

.btn.btn-grey {
    background: linear-gradient(to top, #dbdada, #e7e7e7);
}

.addition-btn,
.addition-btn:visited,
.addition-btn:focus,
.addition-btn:active {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 58px;
    padding: 0 2.5rem;
    /*background: linear-gradient(to top, #ffcc00, #fee300);*/
    border: 1px solid #ffcc00;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #1f1f1f;
    font-size: 1.125rem;
    font-weight: 500;
    cursor: pointer;
    transform: translateY(0rem);
    transition: all 0.3s ease;
}
.addition-btn span {
    padding: 0;
    display: inline;
    font-size: 1rem;
}
.addition-btn, .addition-btn:hover, .addition-btn:focus {
    font-size: 1rem;
}
.addition-btn:hover {
    box-shadow: none;
}

.addition-btn > img {
    max-width: 20px;
    max-height: 25px;
    margin-left: 1.25rem;
}
.addition-btn.btn-border {
    background: #1e1d1d;
    border: 1px solid #ffcc00;
    color: #fff;
}

.message-tooltip,
.message-error {
    font-size: 14px;
}
.btn.btn-border > img {
    filter: invert(1);
}
.btn.btn-shadow {
    box-shadow: 0 12px 18px rgb(027, 012, 001, 0.15);
}

.btn-transparent {
    background: transparent;
    color: #000000;
    border: 1px solid #ffcc00;
}

.btn-transparent:hover {
    background: linear-gradient(to top, #ffcc00, #fee300);
    border: 1px solid #ffcc00;
}

.overflowhidden {
    overflow: hidden;
}
.section__title {
    width: 100%;
}
.section__title-align_center {
    text-align: center;
}
.section__title-align_left {
    text-align: left;
}
.section__title-align_right {
    text-align: right;
}
.section__title-color_white h2,
.section__title-color_white p {
    color: #fff;
}
.section__title-color_black h2,
.section__title-color_black p {
    color: #000;
}
.section__title h1,
.section__title h2{
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 2rem;
}
@media (max-width: 500px) {
    .section__title h1,
    .section__title h2{
        font-size: 1.5rem;
    }
}
.section__title h2 span {
    color: #0096c6;
}
.section__title p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.35;
}

.section__title-back {
    margin-bottom: 16px;
    margin-top: 0;
}

.section__title-back a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 1rem;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ffde00;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    width: fit-content;
}

.section__title-back a > span {
    position: relative;
    z-index: 1;
}

.section__title-back a svg {
    margin-right: 10px;
}

.section__title-back a:hover {
    color: #000;
}

.section__title-back a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to top, #ffcc00, #fee300);
    opacity: 0;
    transition: all 0.3s ease;
}

.section__title-back a:hover::before {
    opacity: 1;
}

#modal-not-agreement {
    position: fixed;
    z-index: 9999;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 420px;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 1rem;
    padding: 3rem;
}
#modal-not-agreement .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border: 1px solid #de0000;
    border-radius: 50%;
    margin: 0 auto 1.25rem;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#modal-not-agreement .icon svg {
    stroke: #de0000;
    fill: none;
    width: 1.5rem;
    height: 4rem;
}
#modal-not-agreement h2 {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
}
#modal-not-agreement p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
#modal-not-agreement a {
    color: #fec111;
    text-decoration: underline;
}
#modal-not-agreement a:hover {
    text-decoration: none;
}
#modal-not-agreement__overlay {
    display: none;
    position: fixed;
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
}
.mobile.menus.active {
    width: 40%;
    height: 90%;
    top: 17%;
    left: 55%;
}
.mobile .menu .menu-item a {
    padding: 0.5rem 0;
    font-size: 16px;
}
.mobile .contacts {
    padding: 1rem;
}
.mobile .menu {
    padding: 1rem;
}
.mobile {
    left: unset;
}
/* Header */

#header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}
.page-template-front-page .header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.header__upbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    width: 100%;
    background: transparent;
    position: relative;
    z-index: 2;
}
.header__upbox-menu {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.header__upbox-menu > li {
    margin-left: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header__upbox-menu li.parent-dropdown {
    position: relative;
}
.header__upbox-menu li.parent-dropdown > a::after {
    content: "+";
    margin-left: 0.5rem;
    color: #fec111;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown {
    list-style-type: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    padding: 1.325rem 1.5rem 0.325rem;
    margin: 0;
    transform: translateX(-2rem);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    min-width: 250px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 5px 5px;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to top, #ffcc00, #fee300);
    border-radius: 0 0 5px 5px;
    z-index: 1;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown::before {
    content: "";
    position: absolute;
    left: 1rem;
    bottom: 100%;
    width: 10px;
    height: 10px;
    background-color: #fee300;
    transform: rotate(45deg) translateY(70%);
    z-index: 1;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown.active {
    transform: translateX(0rem);
    opacity: 1;
    pointer-events: all;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown > li {
    margin-bottom: 1rem;
    position: relative;
    z-index: 3;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown > li > a {
    font-size: 0.875rem;
    text-decoration: none;
    color: #000;
    transition: opacity 0.3s ease;
}
.header__upbox-menu li.parent-dropdown > ul.children-dropdown > li > a:hover {
    opacity: 0.75;
}
.header__upbox-menu > li > a {
    color: #fff;
    font-size: 0.875rem;
    text-decoration: none;
    padding: 0 0.5rem;
    transition: opacity 0.3s ease;
}
.header__upbox-menu > li > a:hover {
    opacity: 0.75;
}
.header__upbox-social_icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.5rem 0 0.25rem;
}
.header__upbox-social_icons > a {
    display: block;
    margin: 0 0.5rem;
    width: 24px;
    height: 24px;
    transition: opacity 0.3s ease;
}
.header__upbox-social_icons > a:hover {
    opacity: 0.75;
}
.header__upbox-social_icons > a > img {
    max-width: 24px;
    max-height: 24px;
}
.header__upbox-phone {
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    margin: 0 0 0 2rem;
    transition: opacity 0.3s ease;
}
.header__upbox-phone:hover {
    opacity: 0.75;
}
.header__upbox-button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fec111;
    background: transparent;
    margin: 0 0 0 2rem;
    padding: 0 0 0.125rem;
    border: none;
    border-bottom: 1px dotted rgba(254, 193, 017, 1);
    text-decoration: none;
    outline: none;
    font-size: 0.875rem;
    transition: border-color 0.3s ease;
}
.header__upbox-button:hover {
    border-color: rgba(254, 193, 017, 0);
}

.header__downbox {
    width: 100%;
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}
.header__downbox-logo {
    max-width: 188px;
    max-height: 38px;
    transition: opacity 0.3s ease;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.header__downbox-logo:hover {
    opacity: 0.75;
}
.header__downbox-catalog_link {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 152px;
    height: 40px;
    border: none;
    background: linear-gradient(to top, #ffcc00, #fee300);
    border-radius: 5px;
    text-decoration: none;
    margin-left: 5.25rem;
    transition: opacity 0.3s ease;
    position: relative;
    z-index: 1;
}
.header__downbox-catalog_link:hover {
    opacity: 0.75;
}
.header__downbox-catalog_link > img {
    width: 23px;
    height: 16px;
}
.header__downbox-catalog_link > span {
    font-size: 1.125rem;
    font-weight: 600;
    color: #000;
}
.header__downbox-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.header__downbox-buttons a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    text-decoration: none;
    transition: opacity 0.3s ease;
    position: relative;
}
.header__downbox-buttons a:hover {
    opacity: 0.75;
    cursor: pointer;
}
.header__downbox-buttons a > img {
    height: 21px;
    max-width: 26px;
}
.header__downbox-buttons a > span {
    padding-top: 0.25rem;
    font-size: 0.875rem;
    color: #000;
}
.header__downbox-buttons a > sup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    font-size: 0.875rem;
    color: #000;
    right: 0;
    top: -25%;
    border-radius: 50%;
    background: linear-gradient(to top, #ffcc00, #fee300);
}

.required ~ label::after {
    content: '*';
}

/* Hero */

.page-template-front-page #hero {
    position: relative;
    overflow: hidden;
}
/* #hero .header {
  padding-top: 0;
}*/
.page-template-front-page #hero .header {
    padding-top: 4rem;
}
#hero > .background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    z-index: 0;
}
#hero .container-fluid {
    position: relative;
    z-index: 1;
}
.hero {
    padding-top: 2rem;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.hero__text {
    width: 100%;
    max-width: 930px;
}
.hero__text h1 {
    font-family: "Russo One", sans-serif;
    font-size: 3rem;
    color: #0096c6;
    line-height: 1.15;
    margin: 0.67em 0;
}
.hero__text p {
    font-size: 2rem;
    line-height: 1.2;
    color: #fff;
}
.hero__text p:first-child {
    margin-top: 0;
}
.hero__text p strong {
    font-weight: 600;
}
.hero__buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 3rem;
}
.hero__buttons button,
.hero__buttons a {
    margin-right: 2rem;
}
.hero__buttons button:last-child,
.hero__buttons a:last-child {
    margin-right: 0;
}
.hero__buttons a:active {
    display: flex;
    align-items: center;
}
.btn,
.btn:visited,
.btn:focus,
.btn:active {
    box-shadow: none;
}

/* Section 1 */

#section1 {
    background-color: #ebebeb;
    position: relative;
    overflow: hidden;
}
.section1 {
    padding: 2.5rem 0 3rem;
    position: relative;
}
.section1::before {
    content: "";
    position: absolute;
    left: calc(100% + 2rem);
    bottom: 5rem;
    width: 696px;
    height: 387px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/local/assets/css/../images/after5.png");
    pointer-events: none;
}
.section1__img {
    max-width: 949px;
    max-height: 104px;
    margin: 0 auto 5rem;
}
.section1__items,
.section1__items-fw {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 4rem;
}
.section1__items-item {
    width: calc((100% - 6rem) / 4);
    margin: 0 2rem 2rem 0;
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    height: 199px;
    position: relative;
    box-shadow: 0 10px 25px rgba(027, 012, 001, 0.15);
}
.section1__items-item:nth-child(4n) {
    margin-right: 0;
}
.section1__items-item img {
    position: absolute;
    top: 0;
    height: 199px;
    right: calc(50% + 2rem);
    transition: all 0.3s ease;
}
.section1__items-item p {
    position: absolute;
    font-size: 1.25rem;
    left: 50%;
    top: 50%;
    width: 40%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%) translateX(0);
    transition: all 0.3s ease;
    color: #000;
}
.section1__items-item::before {
    content: "";
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    height: 21px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/local/assets/css/../images/next.svg");
    opacity: 1;
    transition: all 0.2s ease;
}
.section1__items-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.75rem;
    transform: translateY(100%);
    background-color: #ffde00;
    transition: all 0.3s 0.15s ease;
}
.section1__items-item:hover::after {
    transform: translateY(0%);
}
.section1__items-item:hover::before {
    transform: translateX(5rem);
    opacity: 0;
}
.section1__items-item:hover > img {
    transform: translateX(-0.75rem);
}
.section1__items-item:hover > p {
    transform: translateY(-50%) translateX(-0.5rem);
}

/* Section 2 */

#section2 {
    background-color: #fff;
    padding: 4rem 0 8rem;
    overflow: hidden;
}
.section2 {
    position: relative;
}
.section2::before {
    content: "";
    position: absolute;
    right: calc(100% - 6rem);
    top: -3.5rem;
    width: 300px;
    height: 268px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/local/assets/css/../images/after4.png");
    pointer-events: none;
}
.section2__slider,
.section-services__items {
    max-width: 100%;
    overflow: hidden;
    margin-top: 4rem;
}
.section2__slider-item {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
    padding-bottom: 6rem;
}
.section2__slider-item > .img {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.section2__slider-item > .text {
    position: absolute;
    display: block;
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 1rem;
    z-index: 2;
    bottom: 2rem;
    left: 0;
    padding: 1rem 1.25rem 4rem;
    width: 244px;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.5;
    box-shadow: 0 10px 25px rgba(027, 012, 001, 0.15);
    transition: all 0.3s ease;
}
.section2__slider-item > .text::after {
    content: "";
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    width: 58px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/assets/css/../images/arrow_s2.png);
    transition: filter 0.3s ease;
}
.section2__slider-item > .text:hover {
    background-color: #fff;
    border-color: #ffde00;
    color: #000;
}
.section2__slider-item > .text:hover::after {
    filter: brightness(0);
}
.swiper-button-custom {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(to top, #ffcc00, #fee300);
    cursor: pointer;
    outline: none;
    border: none;
    box-shadow: 0 10px 12px rgba(027, 012, 001, 0.15);
    transition: transform 0.3s ease;
}
.swiper-button-custom:hover {
    transform: translateY(-0.5rem);
}
.swiper-button-custom:active {
    transform: scale(0.9);
}
.swiper-button-custom::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/local/assets/css/../images/next.svg");
    width: 20px;
    height: 21px;
    transform: translateY(-50%);
    z-index: 1;
}
.swiper-button-custom-prev::after {
    transform: translateY(-50%) scale(-1, 1);
}
.s2_swiper-button,
.s4_swiper-button,
.sS_swiper-button {
    position: absolute;
    top: 0;
}
.s2_swiper-button-prev,
.sS_swiper-button-prev {
    right: 6rem;
}
.s2_swiper-button-next,
.sS_swiper-button-next {
    right: 0;
}

/* Section 3 */

#section3 {
    background-color: #333333;
    background-image: url("/local/assets/css/../images/s3.webp");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
}
.section3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
}
.section3_box {
    position: absolute;
    right: 780px;
    top: 50%;
    transform: translateY(-50%);
    width: 420px;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section3_box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #0096c6;
    border-radius: 50%;
}
.section3_box::before {
    content: "";
    position: absolute;
    right: 21%;
    bottom: -4.5rem;
    width: 560px;
    height: 676px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/assets/css/../images/s3_box.webp);
    z-index: -1;
}
.section3_box p {
    max-width: 250px;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    position: relative;
    z-index: 1;
}
.section3_box p strong {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
}
.section3_box img {
    width: 75px;
    height: 75px;
    filter: invert(1);
    position: relative;
    z-index: 1;
}
.section3__man {
    position: absolute;
    right: 400px;
    top: -7rem;
    bottom: calc(-3rem - 60px);
    pointer-events: none;
}
.section3__man > img {
    max-width: 9999px;
}
.form-style-1 {
    max-width: 430px;
    width: 100%;
    padding: 2.5rem 3rem;
    background-color: #fff;
    border-radius: 1rem;
}
.form form {
    display: block;
    position: relative;
}
.form__title {
    font-family: "Russo One", sans-serif;
    font-size: 1.5rem;
    text-align: center;
    margin: 0 auto 1rem;
    line-height: 1.4;
}
.form__title span {
    color: #0096c6;
}
.form__desc {
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 2rem;
}
.form__desc span {
    color: #0096c6;
}
.form__input {
    background-color: #ececec;
    border: 1px solid #ececec;
    border-radius: 5px;
    position: relative;
    height: 58px;
    width: 100%;
    padding: 0;
    margin: 0 0 2rem;
    font-size: 0.875rem;
    text-align: center;
}
.form__button {
    margin-bottom: 2rem;
}
.form__button button {
    width: 100%;
    box-shadow: 0 12px 18px rgb(027, 012, 001, 0.15);
}
.form__agreement-checkbox {
    display: none;
}
.form__agreement-label {
    font-size: 12px;
    position: relative;
}
.form__agreement-label > span.form__agreement-label-check {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    cursor: pointer;
    z-index: 1;
}
.form__agreement-label > span.form__agreement-label-check:hover,
.form__agreement-label > span.form__agreement-label-check.active:hover {
    border-color: #febd12;
}
.form__agreement-label > span.form__agreement-label-check.active {
    border-color: #b7b7b7;
}
.form__agreement-label > span.form__agreement-label-check::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    border: 3px solid transparent;
    transform: rotate(45deg);
    left: 0.375rem;
    bottom: 0.25rem;
}
.form__agreement-label > span.form__agreement-label-check.active::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    border: 3px solid #000;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(45deg);
    left: 0.375rem;
    bottom: 0.25rem;
}
.form__agreement-label > span.form__agreement-label-text {
    display: block;
    padding-left: calc(20px + 1rem);
    color: #000;
    line-height: 1.4;
}
.form__agreement-label > span.form__agreement-label-text > a {
    color: #febd12;
    text-decoration: underline;
}
.form__agreement-label > span.form__agreement-label-text > a {
    color: #febd12;
    text-decoration: underline;
}
.agreement-label > a {
    color: #febd12;
    text-decoration: underline;
}
.form__agreement-label > span.form__agreement-label-text > a:hover {
    text-decoration: none;
}

/* Section 4 */

#section4 {
}
.section4 {
    margin: 6rem 0;
}
.section4__slider {
    overflow: hidden;
    padding: 2rem 2rem 4rem;
    margin: 0 -2rem;
}
.s4_slider_shadow {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.s4_slider_shadow::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    width: 1rem;
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.001));
}
.s4_slider_shadow::after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    width: 1rem;
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.001));
}
.section4__button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.product-mini {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    box-shadow: 0 10px 25px rgb(027, 012, 001, 0.0001);
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.product-mini a{
    color: #000000;
}

.swiper-slide .product-mini a {
    min-height: 50px;
}

.product-mini:hover {
    box-shadow: 0 10px 25px rgb(027, 012, 001, 0.15);
}
.product-mini__img {
    position: relative;
    height: 190px;
}

.section4__item .product-mini__img img {
    min-height: 100%;
    min-width: 100%;
    object-fit: contain;
    /*object-fit: cover;*/
}

.basket-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
}
.product-mini__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 1.5rem;
    /*border: 1px solid #d8d8d8;*/
    /*border-top-color: transparent;*/
    border-radius: 0 0 5px 5px;
}
.product-mini__category {
    width: 100%;
    font-size: 0.875rem;
    color: #727272;
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-mini__title {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-mini__desc {
    width: 100%;
    font-size: 0.875rem;
    color: #727272;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 30px;
}
.product-mini__price {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    font-size: 1.2rem;
    font-weight: 600;
}
.product-mini__no-price {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    font-size: 1rem;
    font-weight: 600;
}
.product-mini__price > span {
    display: inline-block;
    margin-right: 0.5rem;
}
.product-mini__addtocart {
    display: flex;
    justify-content: flex-end;
    width: 50%;
}
.product-mini__addtocart button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0 1rem;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ffde00;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.product-mini__addtocart button > span {
    position: relative;
    z-index: 1;
}
.product-mini__addtocart button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to top, #ffcc00, #fee300);
    opacity: 0;
    transition: all 0.3s ease;
}
.product-mini__addtocart button:hover::before {
    opacity: 1;
}
.s4_swiper-button-prev {
    right: 9rem;
}
.s4_swiper-button-next {
    right: 3rem;
}

/* Section 5 */

#section5 {
    position: relative;
}
#section5::before {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: #0096c6;
    top: 3rem;
    bottom: 3rem;
    left: 0;
    right: 0;
}
.section5 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
.section5::before {
    content: "";
    position: absolute;
    right: calc(100% + 3rem);
    bottom: -8rem;
    width: 371px;
    height: 270px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/local/assets/css/../images/after2.png");
    pointer-events: none;
}
body.webp .section5::before {
    background-image: url("/local/assets/css/../images/after2.webp");
}
body.no-webp .section5::before {
    background-image: url("/local/assets/css/../images/after2.png");
}
#section5::after {
    content: "";
    position: absolute;
    right: 0;
    top: -10rem;
    width: 163px;
    height: 349px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
body.webp #section5::after {
    background-image: url("/local/assets/css/../images/after3.webp");
}
body.no-webp #section5::after {
    background-image: url("/local/assets/css/../images/after3.png");
}
.section5__video {
    width: 740px;
    height: 521px;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.section5__video:hover .section5__video-text {
    transform: translateY(-50%) scale(0.9);
}
.section5__video > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.section5__video-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 147px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    transform: translateY(-50%) scale(1);
    color: #fff;
    line-height: 1.5;
    font-size: 1rem;
    transition: transform 0.3s ease;
}
.section5__video-text a > svg {
    fill: #febf11;
}
.section5__inner {
    padding: 6.5rem 0 4rem;
    flex: 1 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.section5__inner-heading {
    width: 100%;
    text-align: center;
}
.section5__inner-heading h2 {
    font-size: 2.5rem;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    margin: 0 0 1rem;
}
.section5__inner-heading h2 span {
    color: #fff;
}
.section5__inner-item {
    width: calc(100% / 3);
    text-align: center;
    margin: 0;
    padding: 0.5rem;
}
.section5__inner-item p {
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}
.section5__inner-item p > span {
    font-size: 2.25rem;
    font-family: "Russo One", sans-serif;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
}

/* Section 6 */

#section6 {
    padding: 4rem 0;
}
.section6_items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 4rem;
    position: relative;
}
.section6_items::after {
    content: "";
    position: absolute;
    left: calc(100% - 13rem);
    bottom: -16rem;
    width: 446px;
    height: 705px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/local/assets/css/../images/after1.png");
    pointer-events: none;
}
.section6__item {
    width: calc((100% - 5.25rem) / 4);
    margin: 0 1.75rem 1.75rem 0;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 15px 25px rgb(027, 012, 001, 0.15);
}
.section6__item:nth-child(4n) {
    margin: 0 0 1.75rem 0;
}
.section6__item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to top, #ebebeb, #fff);
    z-index: 0;
}
.section6__item-img {
    position: relative;
    z-index: 1;
}
.section6__item-logotype {
    position: absolute;
    width: 141px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    transform: translateY(50%);
    border-radius: 1rem;
    background-color: #fff;
    overflow: hidden;
    z-index: 1;
    display: flex;
    justify-content: center;
}
.section6__item-info {
    padding: 4rem 2rem 1.5rem;
}
.section6__item-title {
    position: relative;
    z-index: 1;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.section6__item-title span {
    font-size: 0.875rem;
}
.section6__item-desc {
    position: relative;
    z-index: 1;
}
.section6__item-desc p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.875rem;
    color: #737373;
    margin: 0 0 0.325rem;
}
.section6__item-desc p > span:nth-child(2) {
    flex: 1 0;
    height: 1em;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden;
}
.section6__item-desc p > span:nth-child(2)::before {
    content: "...........................................................";
    color: #737373;
    position: absolute;
    left: 0;
    bottom: 0;
}
.section6__item-desc p > span:nth-child(3) {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}

/* Section 7 */

#section7 {
    padding: 6rem 0;
    background-color: #f4f4f4;
}
.section7 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.section7__text {
    flex: 1 0;
    padding-right: 6rem;
    position: relative;
    z-index: 2;
}
.section7__text h2 {
    font-size: 2.25rem;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    color: #0096c6;
}
.section7__text p {
    color: #000;
    font-size: 1rem;
}
.section7__text blockquote {
    display: block;
    position: relative;
    padding: 2rem 0 6rem;
    margin: 3rem 0 0;
    border: none;
}
.section7__text blockquote p {
    position: relative;
    color: #fff;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
}
.section7__text blockquote p:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 2rem;
    font-size: 1rem;
}
.section7__text blockquote::before {
    content: "";
    position: absolute;
    right: -12rem;
    top: 0;
    bottom: 0;
    left: -50vw;
    background-color: #0096c6;
    border-radius: 0 1rem 1rem 0;
}
.section7__text blockquote::after {
    content: "";
    position: absolute;
    width: 82px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/assets/css/../images/qq.svg);
    right: -10rem;
    top: 2rem;
}
.section7__text button {
    margin-top: 2.25rem;
}
.section7__director {
    width: 573px;
    background-color: #a5e9ff;
    margin-right: 100px;
    position: relative;
    box-shadow: 0 10px 25px rgba(027, 012, 001, 0.15);
    z-index: 1;
    border-radius: 1rem;
}
.section7__director-img {
    position: absolute;
    left: -2rem;
    bottom: 0;
    max-width: 514px;
    border-radius: 0.5rem 0.5rem 0 0.5rem;
    overflow: hidden;
}
.section7__director-text {
    position: absolute;
    color: #fff;
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 9.525rem;
    transform-origin: right bottom;
    transform: rotate(-90deg) translateX(100%) translateY(-2rem);
    right: 0;
    bottom: 0;
}

/* Section 8 */

#section8 {
    background-position: center bottom;
    background-image: url("/local/assets/css/../images/s8_back.webp");
}

.section8 {
    height: 1032px;
    padding: 0 0 7rem 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}
.section8__text {
    position: absolute;
    bottom: 23rem;
    left: 0;
    font-family: "Russo One", sans-serif;
    font-size: 2.5rem;
    width: 579px;
}
.section8__text::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 1.5rem);
    left: 0;
    width: 156px;
    height: 183px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/local/assets/css/../images/b8_line.png");
}
.section8__box {
    position: absolute;
    bottom: 1rem;
    width: max-content;
    left: -7rem;
}
.section8__box > .img {
    position: relative;
    z-index: 2;
}
.section8__box p {
    position: absolute;
    left: 21rem;
    top: 2.5rem;
    z-index: 1;
    width: max-content;
}
.section8__box p span {
    display: block;
    width: max-content;
    background-color: #fff;
    margin-bottom: 0.325rem;
    font-size: 1.5rem;
    padding: 0.5rem 1rem 0.5rem 4rem;
}

#section8.section-custom-cont {
    background-image: url("/local/assets/css/../images/custon-cont.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 632px;
}

.section-custom-cont .section8 {
    height: 632px;
}

.section-custom-cont .section8__text {
    color: #fff;
    top: 100px;
}

.section-custom-cont .section8__box {
    color: #fff;
}

.section-custom-cont .section8__text::before {
    content: none;
}

.section-custom-cont .section8__text.section8__sub-text {
    color: #FFF;
    font-size: 18px;
    line-height: 160%;
    position: absolute;
    font-family: Inter;
    top: 180px;
}

/* Footer */

#footer {
    color: #fff;
    background-color: #1e1c27;
    padding: 3.5rem 0;
}
.footer {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.footer__info {
    width: 240px;
}
.footer__info-img {
    position: relative;
    margin-bottom: 2rem;
    padding: 1rem 2rem 1rem 0;
    display: block;
}
.footer__info-img > img {
    position: relative;
    z-index: 1;
    transition: opacity 0.3s ease;
}
.footer__info-img:hover > img {
    opacity: 0.75;
}
.footer__info-img::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: #fff;
    left: -50vw;
    pointer-events: none;
}
.footer__info-desc {
    font-size: 1rem;
    display: inline-block;
    margin-bottom: 2rem;
    line-height: 1.4;
}
.footer__info-copyright {
    color: #727272;
    font-size: 0.875rem;
    line-height: 1.4;
}
.footer__menu {
}
.footer__menu > p,
.footer__contacts > p {
    color: #0096c6;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 2rem;
    transition: opacity 0.3s ease;
}
.footer__menu__inner,
.footer__contacts_inner {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer__menu_inner > li {
    margin-bottom: 0.5rem;
}
.footer__menu_inner a {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    transition: opacity 0.3s ease;
}
.footer__contacts > ul > li {
    color: #737373;
    font-size: 1rem;
    margin-bottom: 1.875rem;
    line-height: 1.5;
}
.footer__contacts > ul > li a {
    color: #fff;
    transition: opacity 0.3s ease;
}
.footer__contacts > ul > li a:hover,
.footer__menu_inner a:hover {
    opacity: 0.75;
}
.footer__contacts-additionally {
    width: 225px;
}
.footer__contacts-additionally > p {
    display: block;
    margin: 0 0 2rem 0;
    padding: 0;
    color: #0096c6;
    font-size: 1.125rem;
    font-weight: 600;
    transition: opacity 0.3s ease;
    line-height: 1.5;
}
.footer__contacts-additionally > p > a {
    display: inline-block;
    color: #febd12;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #febd12;
    transition: all 0.3s ease;
}
.footer__contacts-additionally > p > a:hover {
    border-bottom-color: transparent;
}
.footer__contacts-additionally > button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid #febd12;
    border-radius: 5px;
    color: #fff;
    height: 40px;
    padding: 0 2.5rem;
    margin-bottom: 3rem;
    transition: all 0.3s ease;
}
.footer__contacts-additionally > button:hover {
    background: #febd12;
    color: #000;
}
.footer__contacts-social_icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 2rem;
}
.footer__contacts-social_icons > a {
    display: block;
    margin-right: 1.5rem;
    transition: opacity 0.3s ease;
}
.footer__contacts-social_icons > a:hover {
    opacity: 0.75;
}
.footer__contacts-social_icons > a:last-child {
    margin-right: 0;
}
.footer__contacts-social_icons > a,
.footer__contacts-social_icons > a > img {
    width: 40px;
    height: 40px;
}
#b2b-copy {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    max-width: max-content;
    margin-top: 1rem;
    transition: opacity 0.3s ease;
    background-color: #000;
}
#b2b-copy:hover {
    opacity: 0.75;
}
#b2b-copy .b2b-copy-link {
    position: relative;
    white-space: nowrap;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #fff;
}
#b2b-copy .b2b-copy-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    opacity: 0.3;
}
#b2b-copy .b2b-copy-svg {
    height: 20px;
    border: 0 !important;
    text-decoration: none !important;
}
#b2b-copy svg {
    width: 55px;
    height: 20px;
    margin-left: 0.5rem;
}
#b2b-copy #b2b {
    fill: #fff;
}

#mobile-menu {
    display: none;
}
#mobile-menu-button {
    display: none;
}
#mobile-search-button {
    display: none;
}
.header__downbox {
    transition: height 0.25s ease;
}
.header__downbox.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1505px;
    margin: 0 auto;
    padding: 0 3rem;
    width: auto;
    background-color: #fff;
    height: 60px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
.header__downbox.fixed::before {
    content: "";
    position: absolute;
    left: -50vw;
    right: -50vw;
    background-color: #fff;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.header__downbox.fixed .header__downbox-buttons > a > sup {
    transition: top 0.25s ease;
}
.header__downbox.fixed .header__downbox-buttons > a > sup {
    top: -0.2rem;
}

#search-window {
    display: none;
}

.popup-custom {
    padding: 0;
}
.fancybox-close-small {
    height: 30px;
    width: 30px;
}

.logos-row .item .logo img {
    max-height: 5rem;
}

@media screen and (min-width: 2500px) {
    body {
        zoom: 1.3333;
    }
}

@media screen and (max-width: 1900px) {
    .section6_items::after {
        left: calc(100% - 18rem);
    }
    .section1__items-item p {
        font-size: 1.25rem;
    }
    .s4_slider_shadow::after {
        bottom: 4rem;
    }
}
@media screen and (max-width: 1535px) {
    #section5::after {
        width: 124px;
        height: 267px;
    }
    .section8__text {
        bottom: 23.8rem;
        font-size: 2.25rem;
        width: 520px;
    }
    .section8__text::before {
        width: 106px;
        height: 123px;
    }
    .hero__text h1 {
        font-size: 3.5rem;
    }
    .hero__text p {
        font-size: 1.75rem;
    }
    .hero {
        padding-top: 3rem;
    }
    .section5__video {
        width: 640px;
    }
    .section6__item-info {
        padding: 4rem 1.5rem 1.5rem;
    }
    .section6__item-desc p > span:nth-child(3) {
        font-size: 0.875rem;
    }
    .section5::before {
        display: none;
    }
    .section6_items::after {
        width: 426px;
        height: 675px;
    }
    .section2__slider-item > .img {
        width: 90%;
    }
    .section2__slider-item > .text {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1439px) {
    .section7__text blockquote p {
        font-size: 1.125rem;
    }
    .section1__items-item p {
        left: calc(50% - 1rem);
    }
    .section1__items-item:hover > p {
        transform: translateY(-50%) translateX(-1rem);
    }
}

@media screen and (max-width: 1365px) {
    .hero__text {
        padding-top: 2rem;
    }
    .hero__text h1 {
        font-size: 3rem;
        line-height: 1;
        margin: 0 0 1.5rem;
    }
    .hero__text p {
        font-size: 1.5rem;
    }
    .hero__buttons {
        padding-top: 2rem;
    }
    .hero {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
    .section1__items-item {
        height: 170px;
    }
    .section1__items-item p {
        font-size: 1rem;
    }
    .section2__slider-item > .text {
        font-size: 1rem;
    }
    .section2__slider-item > .text::after {
        width: 48px;
        height: 17px;
    }
    .section1__img {
        max-width: 819px;
        margin: 0 auto 4rem;
    }
    .form__desc {
        font-size: 1rem;
        text-align: center;
        line-height: 1.3;
        margin-bottom: 1.5rem;
    }
    .form__title {
        font-size: 1.375rem;
        margin: 0 auto 1rem;
        line-height: 1.2;
    }
    .form {
        max-width: 415px;
        padding: 2rem 2.5rem;
    }
    .form__input {
        margin: 0 0 1rem;
    }
    .section3_box p {
        max-width: 185px;
        font-size: 1.25rem;
    }
    .section3_box {
        right: 700px;
        width: 360px;
        height: 360px;
    }
    .section3_box::before {
        right: 31%;
        width: 414px;
        height: 500px;
    }
    .section3__man {
        bottom: calc(-3rem - 56px);
    }
    .section2__slider {
        margin-top: 3rem;
    }
    .section1__items,
    .section1__items-fw {
        margin-top: 3rem;
    }
    .section4__slider {
        padding: 1rem 2rem 3rem;
    }
    .section5__inner-item p {
        font-size: 1rem;
        line-height: 1.5;
    }
    .section5__inner-item p > span {
        font-size: 2rem;
    }
    .section6_items {
        margin-top: 3rem;
    }
    #section6 {
        padding: 3rem 0 4rem;
    }
    .section6_items::after {
        width: 356px;
        height: 635px;
        left: calc(100% - 16rem);
    }
    .section7__director {
        margin-right: 0;
    }
    .section8__box p span {
        font-size: 1.125rem;
    }
    #section7 {
        padding: 4rem 0;
    }
    .section7__director-text {
        transform: rotate(-90deg) translateX(101%) translateY(-2rem);
    }
    .section8__text {
        bottom: 24rem;
        font-size: 2.125rem;
        width: 490px;
    }
    .product-mini__price {
        font-size: 1.1rem;
        height: 36px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}
@media screen and (max-width: 1279px) {
    .header__upbox-social_icons {
        margin-left: 0;
    }
    .header__upbox-phone {
        font-size: 1rem;
        margin: 0;
    }
    .header__upbox-button {
        margin: 0;
    }
    .header__upbox-menu > li:first-child {
        margin: 0;
    }
    .header__upbox {
        justify-content: space-between;
    }
    .header__downbox-catalog_link {
        width: 150px;
        height: 37px;
        margin-left: 2rem;
    }
    .header__downbox-catalog_link > span {
        font-size: 1rem;
    }
    .header__downbox-catalog_link > img {
        width: 18px;
        height: 12px;
    }
    .section__title h2 {
        font-size: 2.25rem;
    }

    #section2 {
        padding: 3rem 0 6rem;
    }
    .section2::before {
        top: -0.5rem;
    }
    .section2__slider-item > .text {
        width: 200px;
    }
    .section1__items-item {
        width: calc((100% - 3rem) / 4);
        margin: 0 1rem 1rem 0;
    }

    .s4_swiper-button-prev {
        right: 8rem;
    }
    .section4__slider {
        padding: 1rem 0 3rem;
        margin: 0;
    }
    .product-mini__price {
        font-size: 1.1rem;
    }
    .product-mini__inner {
        padding: 1rem;
    }
    .product-mini__category,
    .product-mini__desc {
        font-size: 1rem;
    }
    .product-mini__title {
        font-size: 1rem;
    }
    .product-mini__desc {
        margin-bottom: 1.5rem;
    }
    .section1__img {
        max-width: 810px;
        margin: 0 auto 3rem;
    }
    #section5::after {
        width: 91px;
        height: 197px;
    }
    .section4 {
        margin: 6rem 0 2rem;
    }
    .section5__video {
        width: 500px;
        height: 360px;
    }
    .section5__inner {
        padding: 4rem 0;
    }
    .section5 {
        padding: 4rem 0;
        align-items: center;
    }
    #section5::after {
        top: -4rem;
    }
    #section6 {
        padding: 0 0 3rem;
    }
    .section6__item {
        width: calc((100% - 3rem) / 4);
        margin: 0 1rem 1rem 0;
    }
    .section6__item-info {
        padding: 3rem 1rem 1rem;
    }
    .section6__item-title {
        font-size: 1.25rem;
    }
    .section6__item-title span {
        font-size: 0.75rem;
    }
    .section6__item-desc p {
        font-size: 0.75rem;
    }
    .section6__item-desc p > span:nth-child(3) {
        font-size: 0.75rem;
    }
    .section6__item:nth-child(4n) {
        margin: 0 0 1rem 0;
    }
    .section6_items::after {
        width: 256px;
        height: 404px;
        left: calc(100% - 14rem);
        bottom: -6rem;
    }
    .section8__text {
        bottom: 24.7rem;
        font-size: 1.75rem;
        width: 410px;
    }
    .section7__director {
        width: 480px;
    }
    .section7__text {
        padding-right: 2rem;
    }
    .section7__text blockquote {
        padding: 1rem 0 5rem;
        margin: 2rem 0 0;
    }
    .section7__text blockquote p {
        font-size: 1rem;
    }
    .section7__text blockquote p:nth-child(2) {
        bottom: 1.2rem;
    }
    .section7__director-img {
        left: -1.5rem;
        max-width: 325px;
    }
    .section7__director-text {
        transform: rotate(-90deg) translateX(100%) translateY(0rem);
        font-size: 8.5rem;
    }
    .section7__director {
        width: 480px;
        margin-top: 2rem;
    }
    .footer {
        flex-wrap: wrap;
    }
    .footer__contacts-additionally {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 3rem;
    }
    .footer__contacts-additionally > p {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
    }
    .footer__contacts-social_icons,
    .footer__contacts-additionally > button,
    #b2b-copy {
        margin: 0.325rem 0 0;
    }
    .content ul {
        margin: 0.5rem 0;
    }
    #header .content {
        margin-left: 0;
    }
}
@media screen and (max-width: 1149px) {
    #header .contacts {
        margin-right: 0;
    }
    .header__upbox-social_icons {
        justify-content: left;
    }
    #header .row__upbox {
        padding: 0.5rem 0;
    }
    .header__upbox-menu {
        display: none;
    }
    .header__upbox {
        justify-content: flex-end;
    }
    .header__upbox-button,
    .header__upbox-phone {
        margin: 0 0 0 2rem;
    }
    #mobile-menu-button {
        background: none;
        outline: none;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 2rem;
        text-decoration: none;
        transition: opacity 0.3s ease;
        position: relative;
    }
    #mobile-menu-button:hover {
        opacity: 0.75;
    }
    #mobile-menu-button img {
        width: 21px;
        height: 21px;
    }
    .header__downbox-catalog_link {
        width: 135px;
    }
    #mobile-menu-button span {
        padding-top: 0.25rem;
        font-size: 0.875rem;
        color: #000;
    }
    .header__downbox-buttons > a > sup {
        width: 22px;
        height: 22px;
        font-size: 0.75rem;
    }
    .header__downbox-catalog_link > span {
        font-size: 0.875rem;
    }
    .btn {
        height: 50px;
        font-size: 1rem;
    }
    .form__input {
        height: 50px;
    }
    .form {
        max-width: 365px;
    }
    #mobile-menu {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        pointer-events: none;
        z-index: 998;
        opacity: 0;
        transition: 0.5s ease;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #mobile-menu.active {
        pointer-events: all;
        opacity: 1;
    }
    .mobilemenu__button-close {
        position: fixed;
        padding: 0;
        margin: 0;
        top: 2rem;
        right: 3rem;
        width: 60px;
        height: 43px;
        background: none;
        outline: none;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: opacity 0.3s ease;
    }
    .mobilemenu__button-close span {
        padding-top: 0.125rem;
        font-size: 0.875rem;
        color: #000;
    }
    .mobilemenu__button-close img {
        width: 25px;
        height: 25px;
    }
    .mobile-menu {
        padding: 2rem 4rem 2rem 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .mobilemenu_head {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mobilemenu_head-logo {
        width: 100%;
        margin-bottom: 2rem;
    }
    .mobilemenu_head-phone {
        color: #000;
        font-size: 1.125rem;
        transition: opacity 0.3s ease;
    }
    .mobilemenu_head-phone {
        opacity: 0.75;
    }
    .mobilemenu_head-button {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fec111;
        background: transparent;
        margin: 0 0 0 2rem;
        padding: 0 0 0.125rem;
        border: none;
        border-bottom: 1px dotted rgba(254, 193, 017, 1);
        text-decoration: none;
        outline: none;
        font-size: 1rem;
        transition: border-color 0.3s ease;
    }
    .mobilemenu_head-button:hover {
        border-color: rgba(254, 193, 017, 0);
    }
    .mobilemenu__menu a {
        transition: opacity 0.3s ease;
    }
    .mobilemenu__menu a:hover {
        opacity: 0.5;
    }
    .mobilemenu__menu {
        padding: 0;
        margin: 1.5rem 0;
        list-style-type: none;
        width: 100%;
        position: relative;
    }
    .mobilemenu__menu > li {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }
    .mobilemenu__menu > li > a {
        padding: 1rem 0;
        font-size: 1.25rem;
        color: #000;
    }
    .mobilemenu__menu > li > .children-dropdown {
        list-style-type: none;
    }
    .mobilemenu__menu > li > .children-dropdown > li {
        display: flex;
    }
    .mobilemenu__menu > li > .children-dropdown > li a {
        color: #000;
        padding: 0.5rem;
        font-size: 1.125rem;
    }
    .mobilemenu__social {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .mobilemenu__social > a {
        display: flex;
        margin-right: 1rem;
    }
    .mobilemenu__social > a > img {
        width: 40px;
        height: 40px;
    }
    .footer__menu_inner a,
    .footer__info-desc,
    .footer__contacts > ul > li,
    .footer__contacts-additionally > p > a {
        font-size: 0.875rem;
    }
    .footer__info-copyright {
        font-size: 0.75rem;
    }
    .footer__contacts-additionally > p,
    .footer__menu > p,
    .footer__contacts > p {
        font-size: 1rem;
    }
    .footer__contacts-social_icons > a,
    .footer__contacts-social_icons > a > img {
        width: 37px;
        height: 37px;
    }
    #b2b-copy {
        padding: 0.25rem 0.5rem;
    }
    .section8__box p span {
        font-size: 1rem;
    }
    .section1__items-item {
        height: 150px;
    }
    .section1__items-item p {
        font-size: 0.875rem;
    }
    .section1__items-item::before {
        height: 16px;
        width: 16px;
    }
    .swiper-button-custom {
        width: 50px;
        height: 50px;
    }
    .section2__slider-item > .text {
        font-size: 0.875rem;
    }
    .section2__slider-item > .text::after {
        width: 30px;
        height: 11px;
    }
    .section3__man {
        right: 330px;
    }
    .section3_box {
        right: 610px;
    }
    .section5__video {
        width: 440px;
        height: 300px;
    }
    .section5 {
        padding: 3rem 0;
        margin: 5rem 0 3rem;
    }
    .section5__inner {
        padding: 0;
    }
    #section5::before {
        top: 0;
        bottom: 0;
    }
    .section5__inner-item p {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    #section5::after {
        top: -9rem;
    }
    .section__title p {
        font-size: 1.25rem;
    }
    .section6__item-logotype {
        max-width: 120px;
    }
    .section6__item {
        width: calc((100% - 2rem) / 3);
        margin: 0 1rem 1rem 0;
    }
    .section6__item:nth-child(4n) {
        margin-right: 1rem;
    }
    .section6__item:nth-child(3n) {
        margin-right: 0;
    }
    .section6_items::after {
        width: 295px;
        height: 504px;
        left: calc(100% - 28rem);
        bottom: -9rem;
    }
    .section7__text h2 {
        font-size: 1.875rem;
    }
    .section7__text blockquote p {
        font-size: 0.875rem;
    }
    .section7__director {
        width: 420px;
    }
    .section7__director-text {
        font-size: 8.4rem;
    }
    .section7__text blockquote::after {
        width: 62px;
        height: 54px;
        right: -8rem;
        top: 1rem;
    }
    .section7__text blockquote::before {
        right: -9rem;
    }
    #header .content {
        margin: 0.5rem 0;
    }

    .active.mobile-icon {
        right: 0rem;
    }

    .mobile-icon.hidden-xl.hidden-lg.active {
        height: 3rem;
        width: 3rem;
    }
    .menu .menu-item .sub-menu {
        background: transparent;
    }
    .menu .menu-item .sub-menu::before {
        display: none;
    }
    .active .open span:nth-child(1),
    .active .open span:nth-child(3) {
        width: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .section1__items-fw .section1__items-item-nslide {
        margin-right: 20px;
        width: calc(50% - 10px);
    }

    .section1__items-fw .section1__items-item-nslide:nth-child(2n + 2) {
        margin-right: 0;
    }

    #mobile-search-button {
        background: none;
        outline: none;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 2rem;
        text-decoration: none;
        transition: opacity 0.3s ease;
        position: relative;
        order: 1;
    }
    #mobile-search-button img {
        width: 21px;
        height: 21px;
    }
    #mobile-search-button span {
        padding-top: 0.25rem;
        font-size: 0.875rem;
        color: #000;
    }
    #mobile-menu-button {
        order: 4;
    }
    .header__downbox-buttons-login {
        order: 2;
    }
    .header__downbox-buttons-basket {
        order: 3;
    }
    .section1__items {
        height: 150px;
    }
    .section1__items-item {
        display: block;
        height: 150px;
        width: 100%;
    }
    .section1 {
        padding: 2.5rem 0 4rem;
    }
    .header__downbox.fixed {
        padding: 0 2.5rem;
    }
    .section6_items::after {
        display: none;
    }
    .section6__item {
        width: 100%;
        margin: 0 1rem 1rem 0;
    }
    .section4__slider {
        overflow: initial;
    }
    .s4_slider_shadow {
        display: none;
    }
    #section4,
    #sectionT,
    #sectionT2 {
        overflow: hidden;
    }
    #section1 .section__title-align_center,
    #section2 .section__title-align_center,
    #section4 .section__title-align_center {
        text-align: left;
    }
    .section2::before {
        display: none;
    }
    .swiper-button-custom {
        width: 45px;
        height: 45px;
    }
    .s2_swiper-button-prev,
    .sS_swiper-button-prev {
        right: 4rem;
    }
    #section2 {
        padding: 2rem 0 4rem;
    }
    .section2__slider,
    .section-services__items {
        overflow: initial;
    }

    .section-services__items {
        display: block;
    }
    .s4_swiper-button-prev {
        right: 7rem;
    }
    .section3__man {
        bottom: calc(-3rem - 55px);
        height: 700px;
        top: initial;
        right: 50%;
        z-index: 1;
        pointer-events: none;
        transform: translateX(1rem);
    }
    .section3 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        align-items: center;
    }
    .section3 .form {
        transform: translateX(22vw);
    }
    .section3_box::before {
        display: none;
    }
    .section3_box {
        position: absolute;
        top: initial;
        left: 50%;
        bottom: -3rem;
        right: initial;
        transform: translateX(-120%);
        margin-bottom: 3rem;
        z-index: 2;
        width: 300px;
        height: 300px;
    }
    .section3_box p {
        max-width: 185px;
        font-size: 1.125rem;
        margin: 0.5rem;
    }
    .section5 {
        padding: 3rem 0;
        margin: 2rem 0 2rem;
    }
    .section4__slider {
        padding: 1rem 0 2rem;
    }
    #section5::after {
        width: 64px;
        height: 137px;
        top: -6rem;
    }
    .section5 {
        flex-direction: column-reverse;
    }
    .section5__video {
        margin-top: 2rem;
    }
    .section5__inner-item {
        margin-top: 1rem;
    }
    .section5__video {
        width: 610px;
        height: 430px;
    }
    .section7__director-text {
        display: none;
    }
    .section7__director {
        width: 220px;
    }
    #section7 {
        padding: 3rem 0;
    }
    .section8 {
        height: 780px;
        padding: 0 0 4rem 0;
        position: relative;
    }
    #section8 {
        background-position: 44% bottom;
        background-size: 1390px 780px;
    }
    .section8__text {
        bottom: 14.7rem;
        font-size: 1.75rem;
        width: 300px;
    }
    .section8__box > .img {
        display: none;
    }
    .section8__box p {
        position: relative;
        left: initial;
        top: initial;
        z-index: 1;
        width: auto;
        right: initial;
        bottom: initial;
    }
    .section8__box {
        position: absolute;
        bottom: 3rem;
        width: max-content;
        left: 0;
    }
    .section8__box p span {
        padding: 0.5rem 1rem;
        font-size: 1.125rem;
    }

    #section8.section-custom-cont {
        height: 500px;
    }

    .section-custom-cont .section8 {
        height: 500px;
    }

    .section-custom-cont .section8__text.section8__sub-text {
        top: 150px;
        font-size: 16px;
    }

    .footer__menu,
    .footer__contacts {
        width: 50%;
        margin-bottom: 2rem;
    }
    .footer__info {
        margin-bottom: 2rem;
    }
    .footer__menu > p,
    .footer__contacts > p {
        margin-bottom: 1rem;
    }
    .footer__contacts-additionally {
        margin-top: 0;
        flex-wrap: wrap;
    }
    #b2b-copy {
        margin-top: 2rem;
    }
    #search-window {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 998;
        transition: 0.5s ease;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        opacity: 0;
        pointer-events: none;
    }
    #search-window.active {
        opacity: 1;
        pointer-events: all;
    }
    .search-window {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .search-window input {
        width: 100%;
        border: 1px solid #fec111;
        height: 50px;
        padding: 0 1rem;
        text-align: center;
        outline: 0;
        box-shadow: none;
        font-size: 1.125rem;
        border-radius: 5px;
    }
    .search-window button {
        width: 200px;
        height: 50px;
        margin-top: 1rem;
        padding: 0 2.5rem;
        background: linear-gradient(to top, #ffcc00, #fee300);
        border-radius: 5px;
        border: 0;
        outline: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .search-window button img {
        width: 20px;
        height: 20px;
    }
    .search-window button span {
        font-size: 1.125rem;
        margin-left: 1rem;
        color: #000;
    }
    .search-window__button-close {
        position: fixed;
        padding: 0;
        margin: 0;
        top: 2rem;
        right: 3rem;
        width: 60px;
        height: 43px;
        background: none;
        outline: none;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: opacity 0.3s ease;
    }
    .search-window__button-close span {
        padding-top: 0.125rem;
        font-size: 0.875rem;
        color: #000;
    }
    .search-window__button-close img {
        width: 25px;
        height: 25px;
    }
    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        width: 85%;
    }
    .row__upbox ,
    .header__downbox-buttons,
    .header__downbox-catalog_link {
        display: none;
    }

    .header__downbox a[href^="tel:"].phone-content {
        color: #000;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 767px) {
    .section5__video {
        width: 100%;
        height: calc(100vw / 1.7778);
    }

    .form {
        max-width: 320px;
        padding: 1.5rem 2rem;
    }

    .form__desc {
        font-size: 0.875rem;
    }

    .section3 .form {
        transform: none;
    }

    .footer__info {
        width: 50%;
        padding-right: 1rem;
    }
    #header .header_phones {
        display: block;
    }
    .header__downbox-catalog_link {
        width: initial;
        height: initial;
        border-radius: initial;
        background: transparent;
        outline: 0;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: 2rem;
        text-decoration: none;
        transition: opacity 0.3s ease;
        position: relative;
    }

    .header__downbox-catalog_link img {
        width: 21px;
        height: 21px;
    }

    .header__downbox-catalog_link span {
        padding-top: 0.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        color: #000;
    }

    #mobile-menu-button,
    .header__downbox-buttons > a,
    .header__downbox-catalog_link,
    .header__downbox-buttons-basket,
    .header__downbox-buttons-login,
    #mobile-search-button {
        margin-left: 0.5rem;
    }

    #mobile-menu-button span,
    .header__downbox-buttons > a span,
    .header__downbox-catalog_link span,
    .header__downbox-buttons-basket span,
    .header__downbox-buttons-login span,
    #mobile-search-button span {
        font-size: 0.75rem;
    }

    #mobile-menu-button img,
    .header__downbox-buttons > a img,
    .header__downbox-catalog_link img,
    .header__downbox-buttons-basket img,
    .header__downbox-buttons-login img,
    #mobile-search-button img {
        width: 17px;
        height: 17px;
    }

    .header__downbox-logo {
        margin-right: 0.5rem;
    }

    .header__upbox {
        justify-content: space-between;
    }

    .header__upbox-social_icons > a:first-child {
        margin-left: 0;
    }

    .header__downbox.fixed {
        padding: 0 2rem;
    }

    .hero__text h1 {
        font-size: 2rem;
    }

    .hero__text p {
        font-size: 1.25rem;
    }

    .hero__buttons button,
    .hero__buttons a {
        margin-right: 1rem;
    }

    .hero__buttons .btn {
        padding: 0 1.75rem;
    }

    .hero {
        padding-top: 7rem;
    }
    #hero.hero-white {
        background-color: #fff;
    }
    #hero.hero-white,
    #hero.hero-white .header p {
        color: var(--dark);
    }
    #hero.hero-white.hero-dark,
    #hero.hero-white.hero-dark .header p {
        color: #fff;
    }
    .header__downbox-buttons > a > sup {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .section__title h2,
    .section5__inner-heading h2 {
        font-size: 1.75rem;
    }

    .section1__items,
    .section1__items-fw {
        margin-top: 2rem;
    }

    .s2_swiper-button-next,
    .s2_swiper-button-prev,
    .sS_swiper-button-next,
    .sS_swiper-button-prev {
        top: initial;
        bottom: -2rem;
    }

    #section1 .section__title-align_center,
    #section2 .section__title-align_center,
    #section4 .section__title-align_center {
        text-align: center;
    }

    .section2__slider {
        margin-top: 2rem;
    }

    .section1__img {
        margin: 0 auto 2rem;
    }

    .section4__button {
        justify-content: flex-start;
    }

    .s4_swiper-button-prev,
    .s4_swiper-button-next {
        top: initial;
        bottom: 0.25rem;
    }

    #sectionT .s4_swiper-button-prev,
    #sectionT2 .s4_swiper-button-prev,
    #sectionT .s4_swiper-button-next,
    #sectionT2 .s4_swiper-button-next {
        top: initial;
        bottom: -2rem;
    }

    #sectionT .s4_swiper-button-prev,
    #sectionT2 .s4_swiper-button-prev {
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateX(-2.25rem);
    }

    #sectionT .s4_swiper-button-next,
    #sectionT2 .s4_swiper-button-next {
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateX(2.25rem);
    }

    #menu-buttom {
        position: fixed;
        left: 0;
        right: 0;
        height: 60px;
        bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: #fff;
        padding: 0 1.5rem;
        z-index: 1000;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
    }

    #menu-buttom > div,
    #menu-buttom > a,
    #menu-buttom > button {
        width: 70px;
        text-align: center;
        height: initial;
        border-radius: initial;
        background: transparent;
        outline: 0;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        transition: opacity 0.3s ease;
        position: relative;
    }

    #menu-buttom > div img,
    #menu-buttom > a img,
    #menu-buttom > button img {
        width: 21px;
        height: 21px;
        position: relative;
    }

    #menu-buttom > div span,
    #menu-buttom > a span,
    #menu-buttom > button span {
        padding-top: 0.25rem;
        font-size: 0.875rem;
        font-weight: 400;
        color: #000;
    }

    #menu-buttom > a.header__downbox-buttons-basket > sup {
        width: 22px;
        height: 22px;
        font-size: 0.75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        color: #000;
        right: 0.6rem;
        top: 0.25rem;
        border-radius: 50%;
        background: linear-gradient(to top, #ffcc00, #fee300);
        z-index: 1;
    }

    .mobilemenu__button-close {
        right: 2rem;
    }

    .s4_swiper-button-next {
        right: 2rem;
    }

    .s4_swiper-button-prev {
        right: 6rem;
    }

    #section5::after {
        display: none;
    }

    .section5 {
        padding: 3rem 0;
        margin: 1rem 0 2rem;
    }

    .section5__video-text > svg {
        transform: scale(0.7);
    }

    .section5__inner-item p > span {
        font-size: 1.375rem;
    }

    .section5__inner-item p {
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .section6_items {
        margin-top: 2rem;
    }

    #footer {
        padding: 3.5rem 0;
    }

    .footer__contacts-additionally > button {
        height: 35px;
        padding: 0 2rem;
        font-size: 0.875rem;
        margin: 0.25rem 0 0;
    }

    .footer__contacts-social_icons > a,
    .footer__contacts-social_icons > a > img {
        width: 35px;
        height: 35px;
    }

    .footer__contacts-additionally > p,
    .footer__menu > p,
    .footer__contacts > p {
        font-size: 1rem;
        width: 50%;
        padding-right: 1rem;
        margin-bottom: 1.5rem;
    }

    .footer__contacts > ul > li {
        margin-bottom: 1.7rem;
    }

    .footer__contacts > ul > li:last-child {
        margin-bottom: 0;
    }

    #b2b-copy {
        margin-top: 0.5rem;
    }

    .footer__info {
        padding-right: 2rem;
    }

    .footer__info-desc,
    .footer__info-img {
        margin-bottom: 1rem;
    }

    .footer__contacts-social_icons > a {
        margin-right: 1rem;
    }

    .section3 {
        flex-direction: row;
        width: 436px;
        margin: 0 auto;
    }

    .section3__man {
        bottom: calc(-3rem - 44px);
        height: 565px;
        right: 250px;
        transform: translateX(1rem);
        z-index: 0;
    }

    .section3 .form {
        position: relative;
        z-index: 1;
    }

    .section3_box p {
        max-width: 135px;
        font-size: 0.875rem;
        margin: 0.5rem;
    }

    .section3_box img {
        width: 45px;
        height: 45px;
    }

    .section3_box {
        position: absolute;
        top: initial;
        left: initial;
        bottom: -3rem;
        right: 290px;
        transform: translateX(-0%);
        margin-bottom: 3rem;
        z-index: 1;
        width: 210px;
        height: 210px;
    }

    .section4 {
        margin: 4rem 0 2rem;
    }

    .s2_swiper-button-prev,
    .sS_swiper-button-prev {
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateX(-2.25rem);
    }
    .s2_swiper-button-prev:hover,
    .sS_swiper-button-prev:hover {
        transform: translateX(-2.25rem) translateY(0);
    }
    .s2_swiper-button-prev:active,
    .sS_swiper-button-prev:active {
        transform: translateX(-2.25rem) translateY(0) scale(0.9);
    }

    .s2_swiper-button-next,
    .sS_swiper-button-next {
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateX(2.25rem);
    }
    .s2_swiper-button-next:hover,
    .sS_swiper-button-next:hover {
        transform: translateX(2.25rem) translateY(0);
    }
    .s2_swiper-button-next:active,
    .sS_swiper-button-next:active {
        transform: translateX(2.25rem) translateY(0) scale(0.9);
    }

    .section7 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .section7__director {
        transform: translateX(6rem);
        height: 375px;
        position: absolute;
        bottom: 0;
        left: 250px;
        width: 1000px;
    }

    .section7__director-text {
        display: inherit;
        right: inherit;
        bottom: 0;
        left: -7rem;
        font-size: 4.55rem;
        transform: rotate(-90deg) translateX(100%) translateY(0rem);
        z-index: -1;
    }

    .section7__director-img {
        left: -1rem;
        max-width: 170px;
    }

    .section7__text blockquote {
        padding: 6rem 0 6rem;
        margin: 2rem 0 0;
        max-width: 260px;
    }

    .section7__text blockquote::before {
        right: -1rem;
    }

    .section7__text blockquote p:nth-child(1) br {
        display: none;
    }

    .section7__text blockquote p:nth-child(2) {
        right: initial;
        left: 0;
        bottom: 1.5rem;
    }

    .section7__text blockquote::after {
        right: initial;
        left: 0;
        top: 1.5rem;
    }

    .section7__text {
        padding-right: 0;
    }

    .section8 {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .section8__text,
    .section8__box {
        position: initial;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        width: 100%;
        text-align: center;
    }
    .section8__box p span {
        margin: 0.25rem auto;
        font-size: 1rem;
    }
    .section8 {
        height: auto;
    }
    #section8 {
        background-color: #f4f4f4;
        background-position: 60% bottom;
        background-size: 1230px 590px;
        background-repeat: no-repeat;
        position: relative;
    }
    #section8::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        z-index: 1;
    }
    #section8 > .container-fluid {
        position: relative;
        z-index: 2;
    }
    .section8__box p {
        margin: 2.5rem 0;
    }
    #section7 {
        padding: 2rem 0 4rem;
    }
    .section8__text::before {
        display: none;
    }
    .section8__box {
        display: none;
    }
    .section8__text {
        padding: 0.5rem 0 2.5rem;
    }

    .section-custom-cont .section8__text {
        margin-top: 70px;
    }

    #section8.section-custom-cont::before {
        content: none;
    }

    .section-custom-cont .section8__text.section8__sub-text {
        font-size: 14px;
        margin-top: -15px;
        position: static;
    }

    #section8.section-custom-cont {
        height: initial;
    }

    .section-custom-cont .section8 {
        height: initial;
    }

    #header {
        background-color: #fff;
    }
    .header {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .header__upbox-social_icons {
        display: none;
    }
    .header__upbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }
    .header__upbox-phone {
        color: #000;
        margin-bottom: 0.325rem;
    }
    .header__downbox-catalog_link {
        margin-left: 0;
    }
    .search-window__button-close {
        right: 2rem;
    }
    .search-window input,
    .search-window button {
        height: 45px;
    }
    .search-window button {
        width: 150px;
    }
    .search-window input,
    .search-window button span {
        font-size: 1rem;
    }
    .mobilemenu__menu > li > a {
        padding: 0.675rem 0;
    }
    #mobile-menu {
        bottom: 60px;
        padding-top: 60px;
        opacity: 1;
        transform: translateY(100%);
    }
    #mobile-menu.active {
        transform: translateY(0%);
    }
    .mobile-menu {
        padding: 0 0 calc(100px + 2.5rem);
    }
    #search-window {
        top: initial;
        height: 100px;
        bottom: 60px;
        z-index: 999;
        box-shadow: 0 0 16px rgb(0 0 0 / 0%);
        transform: translateY(100%);
        opacity: 1;
    }
    #search-window.active {
        transform: translateY(0%);
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        opacity: 1;
    }
    .search-window {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .search-window button {
        margin-top: 0;
    }
    .search-window button {
        width: 120px;
        border-radius: 0 5px 5px 0;
    }
    .search-window input {
        border-radius: 5px 0 0 5px;
        border-right: none;
        font-size: 16px;
    }
    .mobilemenu_head {
        display: none;
    }
    #mobile-search-button img,
    #mobile-menu-button img {
        opacity: 1;
        transition: 0.3s ease;
    }
    #mobile-search-button.active img,
    #mobile-menu-button.active img {
        opacity: 0;
    }
    #mobile-search-button::before,
    #mobile-menu-button::before {
        content: "";
        width: 27px;
        height: 27px;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0.4rem;
        opacity: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("/local/assets/css/../images/close.svg");
        pointer-events: none;
        transition: 0.3s ease;
    }
    #mobile-search-button.active::before,
    #mobile-menu-button.active::before {
        opacity: 1;
        pointer-events: all;
    }
    .mobilemenu__button-close {
        display: none;
    }
    .search-window__button-close {
        display: none;
    }
    .search-window input {
        text-align: left;
    }
    .hero {
        padding-top: 2rem;
    }
    .form__input {
        font-size: 16px;
    }
    .swiper-autoheight,
    .swiper-autoheight .swiper-slide {
        width: 100%;
    }
    .open span {
        background-color: #000;
    }
    #header .contacts .phone-content {
        color: #000;
    }
    .mobile-icon {
        position: fixed;
    }
    .header__downbox-catalog_link {
        display: none;
    }
    #header .social {
        display: none;
    }
    .header__downbox .link {
        display: block;
        width: max-content;
        margin-right: 0;
        margin-left: auto;
    }
    .logos-row .item .logo img {
        max-height: 80px;
        max-width: 120px;
    }

    .section1__items-item img {
        top: 10px;
        height: 120px;
        transition: all 0.3s ease;
    }
    .section1__items-fw .section1__items-item-nslide {
        /*margin-right: 0;*/
        /*width: 100% !important;*/
    }
}

@media screen and (max-width: 499px) {
    h1 {
        font-size: 2rem;
    }
    #section3 {
        padding: 1rem 0 3rem;
    }
    .section3 {
        flex-direction: column;
        width: 100%;
    }
    .section3__man {
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        top: initial;
        transform: translateY(44px);
    }
    .section3_box {
        top: 21rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .section2__slider-item > .text {
        width: 170px;
    }
    #section2 {
        padding: 2rem 0 6rem;
    }
    .s2_swiper-button-next,
    .s2_swiper-button-prev,
    .sS_swiper-button-next,
    .sS_swiper-button-prev  {
        bottom: -3rem;
    }
    .s4_swiper-button-next {
        right: 1rem;
    }
    .s4_swiper-button-prev {
        right: 5rem;
    }
    .section7__text blockquote {
        padding: 4.5rem 0 6rem;
        max-width: 225px;
    }
    .section7__text blockquote::after {
        width: 42px;
        height: 34px;
        top: 1.125rem;
    }
    .section7__director {
        height: 315px;
        left: 200px;
        width: 430px;
    }
    .section7__director-img {
        max-width: 150px;
    }
    #section8 {
        background-size: 1120px 560px;
    }
    .footer__contacts-social_icons > a,
    .footer__contacts-social_icons > a > img {
        width: 30px;
        height: 30px;
    }
    #b2b-copy .b2b-copy-link {
        letter-spacing: 0;
    }
    #b2b-copy {
        margin-top: 1rem;
    }
    .hero {
        padding-bottom: 4rem;
    }
    .section8 .form__desc {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-menu {
        padding: 1rem 3rem 0 0;
    }
    .mobilemenu__button-close {
        right: 1rem;
        top: 1rem;
    }
    .mobilemenu_head-logo {
        width: 220px;
    }
    .search-window__button-close {
        right: 1rem;
        top: 1rem;
    }
    .mobilemenu_head {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .mobilemenu_head-button {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .mobilemenu_head {
        display: none;
    }
    .mobile-menu {
        padding: 0;
    }
    .mobilemenu__social > a > img {
        width: 35px;
        height: 35px;
    }
    #search-window {
        height: 80px;
    }
    #header .content .contacts {
        justify-content: flex-start;
    }
    .hero__buttons {
        flex-direction: column;
        row-gap: 20px;
    }
    .hero__buttons .btn {
        width: 100%;
    }

    .hero__buttons a {
        margin-right: 0;
    }
    .product-mini__addtocart button > span {
        font-size: 14px;
    }
    .section7__text blockquote p:first-child {
        padding-bottom: 2rem;
    }
    .header__downbox a[href^="tel:"].phone-content {
        font-weight: 400;
    }
    .logos-row .item .logo img {
        max-height: 80px;
    }
}

@media screen and (max-width: 413px) {
    .hero__text h1 {
        font-size: 1.85rem;
    }
    .hero__text p {
        font-size: 1.125rem;
    }
    .hero__buttons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .hero__buttons button:last-child,
    .hero__buttons a:last-child {
        margin-top: 1rem;
    }
    .hero__buttons {
        padding-top: 1rem;
    }
    .section1__items-item p {
        font-size: 1rem;
        left: calc(50% - 1.5rem);
    }
    .hero__buttons .btn {
        height: 45px;
    }
    .section7__text h2 br {
        display: none;
    }
    .section7__text blockquote p:nth-child(2) {
        font-size: 0.875rem;
    }
    .section7__text blockquote {
        max-width: 200px;
    }
    .section7__director {
        left: 165px;
    }
    .section7__text button {
        margin-top: 1rem;
    }
    .section7__director {
        height: 298px;
        left: 160px;
    }
    .section7__director-img {
        left: -0.5rem;
        max-width: 140px;
    }
    .form__title {
        font-size: 1.25rem;
    }
    .section8__text {
        font-size: 1.5rem;
    }
    .hero {
        padding-top: 2rem;
    }
    .section5__inner-item p > span {
        font-size: 1.25rem;
    }
    .footer {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .footer__info,
    .footer__menu,
    .footer__contacts {
        width: 100%;
        padding-right: 0;
    }
    .footer__contacts-additionally {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0;
    }
    .footer__contacts-additionally > p,
    .footer__menu > a,
    .footer__contacts > p {
        width: 100%;
        padding-right: 0;
    }
    .footer__menu_inner a,
    .footer__info-desc,
    .footer__contacts > ul > li,
    .footer__contacts-additionally > p > a {
        font-size: 1rem;
    }
    .footer__contacts-additionally > p,
    .footer__menu > p,
    .footer__contacts > p {
        font-size: 1.125rem;
    }
    .footer__contacts-additionally > button {
        margin: 1rem 0;
    }
    #b2b-copy .b2b-copy-link {
        font-size: 12px;
    }
    .footer__info-img > img {
        max-width: 200px;
    }
    #menu-buttom > div,
    #menu-buttom > a,
    #menu-buttom > button {
        width: 60px;
    }
    .section7__text h2 {
        font-size: 1.5rem;
    }
    .section__title p {
        font-size: 1.125rem;
    }
    .mobilemenu_head {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .mobilemenu_head-button {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .search-window input,
    .search-window button {
        height: 40px;
    }
    .search-window button {
        width: 140px;
    }
    .search-window input,
    .search-window button span {
        font-size: 1rem;
    }
    .search-window button {
        width: 110px;
    }
    .mobilemenu_head {
        display: none;
    }
    .section5__video-text > svg {
        width: 110px;
    }
    #header .contacts .phone-content {
        display: none;
    }
    .type-header-2 #header .contacts .link {
        visibility: hidden;
    }
    .header__downbox a[href^="tel:"].phone-content {
        font-size: 1rem;
    }
}
@media screen and (max-width: 374px) {
    .hero__text h1 {
        font-size: 1.75rem;
    }
    .section1__items-item {
        height: 130px;
    }
    .section5__video-text > svg {
        width: 100px;
    }
    .section1 {
        padding: 2.5rem 0 3rem;
    }
    .section7__director-img {
        left: -1.5rem;
    }
    #header-wrapper.header-fixed {
        position: absolute;
    }
    #header {
        position: relative;
    }
    .page-template-front-page .hero {
        padding-top: 0;
    }
    .hero__text {
        padding-top: 2rem;
    }
}
@media screen and (max-width: 359px) {
    .hero__text h1 br {
        display: none;
    }
    .hero {
        padding-bottom: 3rem;
        padding-top: 5rem;
    }
    .form {
        padding: 1.5rem 1.325rem;
    }
    #section3 {
        padding: 1rem 0 3.5rem;
    }
    .section4 {
        margin: 3rem 0 2rem;
    }
    .section7__text blockquote {
        max-width: 185px;
    }
    .section7__text button {
        padding: 0 1.875rem;
    }
    .section7__director {
        height: 312px;
        left: 146px;
    }
    .section1 {
        padding: 2.5rem 0 2rem;
    }
    .mobilemenu_head-logo {
        width: 209px;
    }
    h1 {
        font-size: 1.875rem;
    }

    .section1__items-item p{
        left: calc(30% - 1.5rem);
    }
}

/*section-services*/

.section-services {
    background-color: #fff;
    padding: 4rem 0 8rem;
    overflow: hidden;
}

.section-services__wrapper {
    position: relative;
}

.section-services__items {
    display: flex;
    flex-wrap: wrap;
}

.section-services__items .section2__slider-item {
    margin-right: 30px;
    margin-bottom: 30px;
    flex: 0 0 calc(25% - 25px);
}

.section-services__items .section2__slider-item:nth-child(4n + 4) {
    margin-right: 0;
}

.section-services .swiper-button-custom {
    display: none;
}

@media screen and (max-width: 1279px) {
    .section-services__items .section2__slider-item {
        flex: 0 0 calc(33% - 20px);
    }

    .section-services__items .section2__slider-item:nth-child(4n + 4) {
        margin-right: 30px;
    }

    .section-services__items .section2__slider-item:nth-child(3n + 3) {
        margin-right: 0;
    }
}

@media screen and (max-width: 992px) {
    .section-services .swiper-button-custom {
        display: block;
    }

    .section-services__items .section2__slider-item {
        margin-bottom: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .section-services {
        padding-bottom: 70px;
        padding-top: 0;
    }

    .section-services .section-services__wrapper {
        padding-bottom: 30px;
    }

    #sectionT,
    #sectionT2 {
        padding-bottom: 60px;
    }

    #sectionT2 .section4 {
        margin-top: 0;
    }

    #sectionT .s4_swiper-button-prev,
    #sectionT2 .s4_swiper-button-prev,
    #sectionT .s4_swiper-button-next,
    #sectionT2 .s4_swiper-button-next {
        bottom: -4rem;
    }
}

/*section-services*/

/*btabs*/

.btabs {

}

.btabs__menu {
    display: flex;
}

.btabs__menu-item {
    padding: 10px 20px;
    margin-right: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    transition: all .3s ease;
}

.btabs__menu-item:hover {
    border-color: #fec111;
}

.btabs__menu-item:last-child {
    margin-right: 0;
}

.btabs__menu-item.active {
    color: #5F5F5F;
}

.btabs__body {
    margin-top: 36px;
    display: none;
}

.btabs__body1 {
    display: block;
}

.btabs__body p {
    margin: 0 0 10px 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .btabs__menu-item {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*btabs*/

/*detail tovar*/

.section-detail-tov {

}

.section-detail-tov__line {
    background: #E6E6E6;
    height: 1px;
    width: 100%;
    margin-bottom: 47px;
}

.detail-tov {
    margin-bottom: 26px;
    display: flex;
}

.detail-tov__slider {
    flex: 0 0 calc(50% - 12px);
    margin-right: 24px;
}

.detail-tov__body {
    flex: 0 0 calc(50% - 12px);
}

.detail-tov__item {
    display: flex;
    border-bottom: 2px dotted #E6E6E6;
    margin-bottom: 16px;
}

.detail-tov__item:last-child {
    margin-bottom: 0;
}

.detail-tov__item-name {
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 400;
    min-width: 250px;
}

.detail-tov__item-name span {
    background: #fff;
    position: relative;
    top: 2px;
}

.detail-tov__item-value {
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    width: calc(100% - 250px);
    position: relative;
    top: 2px;
}

.detail-tov__item-price {

}

.detail-tov__price {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
}

.detail-tov__price-old {
    display: inline-block;
    color: #5F5F5F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
}

.detail-tov__ch {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}

.detail-tov__ch-item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 5px;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    transition: all .3s ease;
    margin: 0 6px 6px 0;
    cursor: pointer;
}

.detail-tov__ch-item:hover,
.detail-tov__ch-item.active {
    border-color: #F6B512;
}

.detail-tov__quan {
    margin-top: 12px;
}

.detail-tov__quan {
    margin-top: 14px;
}

.detail-tov__in-cart {
    margin-top: 10px;
}

.detail-tov__slider {
    display: flex;
}

.tov__slider {
    flex: 1 1 auto;
    order: 2;
    border-radius: 22px;
    overflow: hidden;
    height: 450px;
}

.tov__slider-thumbs {
    flex: 0 0 100px;
    order: 1;
    margin-right: 22px;
    height: 450px;
}

.tov__slider-slide-thumbs {
    width: 95px !important;
    height: 95px !important;
    border-radius: 6px;
    border: 1px solid transparent;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
}

.tov__slider-slide-thumbs img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.tov__slider-slide img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .tov__slider-slide img {
        max-height: 370px;
    }
}

.tov__slider-slide-thumbs.swiper-slide-thumb-active {
    border-color: #F9D90C;
}

.detail-tov__slider-wr {
    width: 100%;
    display: flex;
}

.tov__slider-button {
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    position: absolute;
    z-index: 2;
}

.tov__slider-button-next {
    right: 10px;
}

.tov__slider-button-prev {
    left: 10px;
    transform: rotate(180deg) !important;
}

@media screen and (max-width: 1279px) {
    .tov__slider {
        height: 465px;
    }

    .tov__slider-thumbs {
        height: 465px;
    }
}

@media screen and (max-width: 991px) {
    .detail-tov {
        flex-wrap: wrap;
    }

    .detail-tov__slider {
        margin-right: 0;
        flex: 0 0 100%;
    }

    .detail-tov__body {
        flex: 0 0 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .section-detail-tov .section__title {
        text-align: center;
    }
}

@media screen and (max-width: 550px) {
    .detail-tov__slider-wr {
        flex-wrap: wrap;
    }

    .tov__slider {
        order: 1;
        flex: 1 1 100%;
        height: initial;
    }

    .tov__slider-thumbs {
        margin-right: 0;
        order: 2;
        flex: 1 1 100%;
        margin-top: 10px;
        height: initial;
    }

    .tov__slider-slide-thumbs {
        margin-bottom: 0;
    }

    .detail-tov__item {
        flex-wrap: wrap;
        border: 0;
    }

    .detail-tov__item-name {
        min-width: initial;
        width: 100%;
    }

    .detail-tov__item-name span {
        background: transparent;
        position: static;
    }

    .detail-tov__item-value {
        width: 100%;
        background: transparent;
        position: static;
    }
}

@media screen and (max-width: 499px) {
    .swiper-slide.tov__slider-slide {
        width: 100% !important;
    }
}


/*detail tovar*/

/*quan-block*/

.quan-block {
    position: relative;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    width: 120px;
    text-align: center;
}

.quan-block__input {
    position: relative;
    z-index: 1;
    border: 0;
    outline: none;
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 50px;
    height: 36px;
    background: transparent;
    -moz-appearance: textfield;
}

.quan-block__input::-webkit-outer-spin-button,
.quan-block__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quan-block__button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 0;
    outline: none;
    top: 5px;
    background: transparent;
    font-family: Inter;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 20px;
}

.quan-block__minus {
    font-size: 23px;
    line-height: 23px;
    left: 16px;
}

.quan-block__plus {
    right: 16px;
}

/*quan-block*/

/*g-hero-service*/

#hero.g-hero-service {
    background-position: center;
}

@media (max-width: 1023px) {
    #hero.g-hero-service .main {
        padding-top: 3rem;
    }
}

@media screen and (max-width: 767px) {
    #hero.g-hero-service.hero-white, #hero.g-hero-service.hero-white .header p {
        color: #fff;
    }
}

/*g-hero-service*/

/*section-gal*/

.section-gal {
    margin-bottom: 90px;
}

.section-gal__items {
    display: flex;
    flex-wrap: wrap;
}

.section-gal__item {
    margin-bottom: 6px;
    margin-right: 7px;
    height: 210px;
    flex: 0 0 calc(25% - 7px);
}

.section-gal__item:nth-child(4n + 4) {
    margin-right: 0;
}

.section-gal__item img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .section-gal {
        margin-bottom: 20px;
    }

    .section-gal__item {
        height: 120px;
    }
}

@media (max-width: 768px) {
    .section-gal__item {
        flex: 0 0 calc(50% - 5px);
    }

    .section-gal__item:nth-child(2n + 2) {
        margin-right: 0;
    }
}

@media (max-width: 550px) {
    .section-gal__item {
        height: 85px;
    }
}

/*section-gal*/

/*section-tblock*/

.section-tblock {
    margin-top: 20px;
}

.section-tblock__wrapper {
    display: flex;
    align-items: center;
}

.section-tblock__img {
    flex: 0 0 550px;
    margin-right: 35px;
}

.section-tblock__body {
    flex: 1 1 auto;
}

.section-tblock__text {
    color: #000;
    font-size: 18px;
    line-height: 160%;
}

@media (max-width: 1279px) {
    .section-tblock__img {
        flex: 0 0 350px;
        margin-right: 32px;
    }

    .section-tblock__text {
        font-size: 16px;
        line-height: 160%;
    }
}

@media (max-width: 768px) {
    .section-tblock__wrapper {
        flex-wrap: wrap;
    }

    .section-tblock__body {
        flex: 1 1 100%;
    }

    .section-tblock__img {
        flex: 1 1 100%;
        margin-right: 0;
    }

    .section-tblock__text {
        font-size: 14px;
    }
}

/*section-tblock*/

/*section-cont*/

.section-cont {
    margin-bottom: 72px;
}

.section-cont__items {
    display: flex;
    justify-content: space-between;
}

.section-cont__item {
    flex: 1 1 48%;
}

.section-cont__dc {
    display: flex;
    flex-wrap: wrap;
}

.section-cont__d {
    margin-bottom: 25px;
    margin-right: 19px;
    flex: 0 0 calc(50% - 10px);
}

.section-cont__d:nth-child(2n +2) {
    margin-right: 0;
}

.section-cont__d-caption {
    display: flex;
    color: #000;
    font-family: "Russo One", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.section-cont__d-caption svg {
    flex: 0 0 auto;
    margin-right: 12px;
}

.section-cont__d-text {
    color: #000;
    font-size: 15px;
    line-height: 160%;
    margin-top: 8px;
}

a.section-cont__d-textb {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    border-bottom: 0;
}

a.section-cont__d-texta {
    color: #F6B512;
    font-size: 15px;
    line-height: 160%;
    text-decoration: underline;
    border-bottom: 0;
}

a.section-cont__d-texta:hover {
    text-decoration: none;
}

.section-cont__db {
    margin-bottom: 25px;
}

.section-cont__db:last-child {
    margin-bottom: 0;
}

.section-dop-c {
    margin-top: 43px;
}

@media (max-width: 1023px) {
    .section-cont {
        margin-bottom: 43px;
    }

    .section-cont__items {
        flex-wrap: wrap;
    }

    .section-cont__item {
        flex: 1 1 100%;
    }

    .section-cont__item + .section-cont__item {
        margin-top: 32px;
    }

    .section-cont__d-caption {
        font-size: 20px;
    }

    .section-cont__d-text {
        font-size: 16px;
    }

    a.section-cont__d-texta {
        font-size: 16px;
    }

}

@media (max-width: 768px) {

    .section-cont__d {
        flex: 1 1 100%;
        margin-right: 0;
    }
}

/*section-cont*/

/*section-map*/

.section-map {
    margin-bottom: 72px;
}

@media (max-width: 1023px) {
    .section-map {
        margin-bottom: 43px;
    }
}

/*section-map*/

/*section-users*/

.section-users {
    margin-bottom: 72px;
}

.section-users__items {
    display: flex;
    flex-wrap: wrap;
}

.section-users__item {
    flex: 0 0 calc(33% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
}

.section-users__item:nth-child(3n + 3) {
    margin-right: 0;
}

.section-users__avatar {
    flex: 0 0 180px;
    height: 180px;
    margin-right: 23px;
}

.section-users__avatar img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.section-users__body {
    flex: 1 1 auto;
    color: #000;
    font-size: 18px;
    line-height: 160%;
}

.section-users__name {
    font-weight: 600;
    margin-bottom: 2px;
}

.section-users__phone {
    margin-bottom: 2px;
}

.section-users__mail {

}

.section-users__phone a {
    color: #000;
    font-size: 15px;
    line-height: 160%;
}

.section-users__mail a {
    font-size: 15px;
    color: #F6B512;
    line-height: 160%;
    text-decoration: none;
    border-bottom: unset;
}

@media (max-width: 1366px) {
    .section-users__item {
        flex: 0 0 calc(50% - 10px);
    }

    .section-users__item:nth-child(3n + 3) {
        margin-right: 20px;
    }

    .section-users__item:nth-child(2n + 2) {
        margin-right: 0;
    }
}

@media (max-width: 1023px) {
    .section-cont {
        margin-bottom: 43px;
    }

    .section-users__body {
        font-size: 16px;
    }

    .section-users__phone a {
        font-size: 16px;
    }

    .section-users__mail a {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .section-users__item {
        flex: 0 0 100%;
        margin-right: 0 !important;
    }

    .section-users__body {
        font-size: 14px;
    }

    .section-users__phone a {
        font-size: 14px;
    }

    .section-users__mail a {
        font-size: 14px;
    }
}

/*section-users*/

/*section-fback*/


.section-fback {
    margin-bottom: 72px;
}

.section-fback__text {
    color: #000;
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 33px;
}

.section-fback__items {
    display: flex;
}

.section-fback__item {
    flex: 0 0 440px;
    margin-right: 31px;
}

.section-fback__item + .section-fback__item {
    flex: 1 1 auto;
    margin-right: 0;
}

.section-fback__item + .section-fback__item .form-group {
    height: calc(100% - 1.5rem);
}

.section-fback__item textarea {
    height: 100% !important;
}

.section-fback__sbutt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-fback__sbutton {
    margin-left: 20px;
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .section-fback {
        margin-bottom: 43px;
    }

    .section-fback__item {
        flex: 0 0 calc(50% - 5px);
        margin-right: 10px;
    }

    .section-fback__item + .section-fback__item {
        flex: 0 0 calc(50% - 5px);
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .section-fback__text {
        margin-bottom: 6px;
    }

    .section-fback__items {
        flex-wrap: wrap;
    }

    .section-fback__item {
        flex: 1 1 100%;
        margin-right: 0;
    }

    .section-fback__item + .section-fback__item {
        flex: 1 1 100%;
        height: 140px;
    }

    .section-fback__sbutt {
        flex-wrap: wrap;
    }

    .section-fback__sbutton {
        margin: 20px auto 0 auto;
    }
}

/*section-fback*/

/*section-search*/

.section-search {

}

.section-search__form {

}

.section-search__text {
    color: #000;
    font-size: 18px;
    line-height: 160%;
}

@media (max-width: 768px) {
    .section-search__text {
        font-size: 14px;
    }

    .section-search__text strong {
        display: block;
    }
}

/*section-search*/

/*pr-items*/

.pr-items,
.pr-items__one,
.pr-items__two,
.pr-items__three {
    margin-top: 28px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

.pr-items__one,
.pr-items__two,
.pr-items__three {
    margin-top: 0;
}

.pr-items .section4__item {
    margin-right: 32px;
    margin-bottom: 32px;
    flex: 0 0 calc(25% - 24px);
}

.pr-items .section4__item:nth-child(4n + 4) {
    margin-right: 0;
}

.pr-items__three .section4__item {
    margin-right: 32px;
    margin-bottom: 32px;
    flex: 0 0 calc(33% - 22px);
}

.pr-items__three .section4__item:nth-child(3n + 3) {
    margin-right: 0;
}

.pr-items__two .section4__item {
    margin-right: 32px;
    margin-bottom: 32px;
    flex: 0 0 calc(50% - 16px);
}

.pr-items__two .section4__item:nth-child(2n + 2) {
    margin-right: 0;
}

.pr-items__one .section4__item {
    margin-right: 0px;
    margin-bottom: 0px;
    flex: 0 0 100%;
}

@media (max-width: 1279px) {
    .pr-items .section4__item {
        margin-right: 16px;
        margin-bottom: 16px;
        flex: 0 0 calc(33% - 12px);
    }

    .pr-items .section4__item:nth-child(4n + 4) {
        margin-right: 16px;
    }

    .pr-items .section4__item:nth-child(3n + 3) {
        margin-right: 0;
    }

    .pr-items__two .section4__item,
    .pr-items__three .section4__item {
        margin-right: 16px;
        margin-bottom: 16px;
        flex: 0 0 calc(50% - 9px);
    }

    .pr-items__three .section4__item:nth-child(3n + 3) {
        margin-right: 16px;
    }

    .pr-items__three .section4__item:nth-child(2n + 2) {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .pr-items__two .section4__item,
    .pr-items__three .section4__item {
        flex: 0 0 100%;
    }

    .pr-items__three .section4__item:nth-child(3n + 3) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .pr-items .section4__item {
        flex: 0 0 calc(50% - 9px);
    }

    .pr-items .section4__item:nth-child(3n + 3) {
        margin-right: 16px;
    }

    .pr-items .section4__item:nth-child(2n + 2) {
        margin-right: 0;
    }

    .pr-items__two .section4__item,
    .pr-items__three .section4__item {
        flex: 0 0 calc(50% - 9px);
    }

    .pr-items__three .section4__item:nth-child(3n + 3) {
        margin-right: 16px;
    }

    .pr-items__three .section4__item:nth-child(2n + 2) {
        margin-right: 0;
    }
}

@media (max-width: 500px) {
    .pr-items .section4__item {
        flex: 0 0 100%;
        margin-right: 0 !important;
    }

    .pr-items__two .section4__item,
    .pr-items__three .section4__item {
        flex: 0 0 100%;
        margin-right: 0 !important;
    }
}

/*pr-items*/

/*pr-pagination*/

.pr-pagination {
    margin-bottom: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.section-catalog__body .pr-pagination {
    margin-bottom: 0;
}

.pr-pagination__item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    transition: all .3s ease;
    margin: 0 6px 6px 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.pr-pagination__item {
    border-color: #F6B512;
}

a.pr-pagination__item:hover {
    border-color: #F6B512;
}

/*pr-pagination*/

/*section-catalog*/

.section-catalog {
    margin-bottom: 70px;
}

.section-catalog__wr {
    display: flex;
}

.section-catalog__sidebar {
    flex: 0 0 325px;
    margin-right: 24px;
}

.section-catalog__body {
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .section-catalog__wr {
        flex-wrap: wrap;
    }

    .section-catalog__sidebar {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 27px;
    }

    .section-catalog__body {
        flex: 1 1 100%;
    }
}

/*section-catalog*/


/*cfilter*/

.cfilter {
    padding: 27px 20px 30px 20px;
    border: 1px solid #C1C1C1;
}

.cfilter__caption {
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    line-height: 160%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.cfilter__item {
    margin-bottom: 27px;
}

.cfilter__item:last-child {
    margin-bottom: 0;
}

.cfilter .input,
.cfilter select {
    color: #5F5F5F;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    padding: 10px 17px;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    outline: none;
    background: #fff;

    width: 100%;
}

.checkbox-cust {
    color: #5F5F5F;
    font-size: 14px;
    line-height: 160%;
    display: flex;
    align-items: center;
}

.checkbox-cust input {
    width: 24px;
    height: 24px;
    margin-right: 11px;
}

.cfilter__ch {
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .cfilter__items {
        display: flex;
    }

    .cfilter__item {
        flex: 0 0 calc(33% - 8px);
        margin-right: 10px;
        margin-bottom: 0;
    }

    .cfilter__item:last-child {
        margin-right: 0;
    }

    .cfilter__caption {
        margin-bottom: 13px;
    }
}

@media (max-width: 700px) {
    .cfilter__items {
        flex-wrap: wrap;
    }

    .cfilter__item {
        flex: 1 1 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .cfilter__item:last-child {
        margin-bottom: 0;
    }

    .cfilter__caption {
        margin-bottom: 7px;
    }
}

/*cfilter*/

/*ccategory*/

.ccategory {
    margin-top: 28px;
}

.section-catalog__sidebar .ccategory{
    margin-top: 0;
}

.ccategory__items {
    display: flex;
    flex-wrap: wrap;
}

.ccategory__item {
    width: calc(50% - 6px);
    margin: 0 11px 11px 0;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 100px;
    position: relative;
    box-shadow: 0 10px 25px rgba(027, 012, 001, 0.15);
}

.ccategory__item:nth-child(2n + 2) {
    margin-right: 0;
}

.ccategory__item img {
    position: absolute;
    top: 0;
    height: 100px;
    right: calc(50% + 2rem);
    transition: all 0.3s ease;
}

.ccategory__item p {
    position: absolute;
    left: 35%;
    top: 50%;
    width: 40%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%) translateX(0);
    transition: all 0.3s ease;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
}

.ccategory__item::before {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 11px;
    height: 12px;
    width: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/local/assets/css/../images/next.svg");
    opacity: 1;
    transition: all 0.2s ease;
}

.ccategory__item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.75rem;
    transform: translateY(100%);
    background-color: #ffde00;
    transition: all 0.3s 0.15s ease;
}

.ccategory__item:not(.ccategory-catalog .ccategory__item):hover::after {
    transform: translateY(0%);
}

.ccategory__item:not(.ccategory-catalog .ccategory__item):hover::before {
    transform: translateX(5rem);
    opacity: 0;
}

.ccategory__item:not(.ccategory-catalog .ccategory__item):hover > img {
    transform: translateX(-1.7rem);
}

.ccategory__item:not(.ccategory-catalog .ccategory__item):hover > p {
    transform: translateY(-50%) translateX(-2rem);
}

@media (max-width: 768px) {
    .ccategory__item {
        width: calc(25% - 10px);
    }

    .ccategory__item:nth-child(2n + 2) {
        margin-right: 11px;
    }

    .ccategory__item:nth-child(4n + 4) {
        margin-right: 0;
    }
}

@media (max-width: 700px) {
    .ccategory__item {
        width: calc(50% - 6px);
    }

    .ccategory__item:nth-child(2n + 2) {
        margin-right: 0;
    }

    .ccategory__item img {
        /*left: -10%;*/
    }

    .ccategory__item p {
        left: calc(10% + 60px);
    }

    .ccategory__item:nth-child(6) img {
        left: -15%;
    }
}

@media (max-width: 500px) {
    .ccategory__item:nth-child(6) img {
        left: -20%;
    }
}

/*ccategory*/

/*section-previews*/

.section-previews {
    margin-bottom: 66px;
}

.section-previews__items {
    display: flex;
    flex-wrap: wrap;
}

.section-previews__item {
    padding: 22px 20px 42px 20px;
    border-radius: 5px;
    border: 1px solid #CFCFCF;
    margin-bottom: 30px;
    margin-right: 30px;
    flex: 0 0 calc(20% - 27px);
    transition: all .3s ease;
}

.section-previews__item:nth-child(5n + 5) {
    margin-right: 0;
}

.section-previews__item:hover {
    border-color: #fec111;
}

.section-previews__img {
    height: 250px;
    text-align: center;
}

.section-previews__img img {
    min-height: 100%;
    object-fit: cover;
}

.section-previews__company {
    color: #5F5F5F;
    font-size: 14px;
    line-height: 160%;
    margin-top: 17px;
}

.section-previews__text {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.section-previews__text:empty {
    display: none;
}

.section-previews__butt {
    text-align: center;
    margin-top: 12px;
}

.section-previews__butt .btn {
    margin: 12px 12px 0 12px;
}

@media (max-width: 1279px) {
    .section-previews__item {
        flex: 0 0 calc(25% - 24px);
    }

    .section-previews__item:nth-child(5n + 5) {
        margin-right: 30px;
    }

    .section-previews__item:nth-child(4n + 4) {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .section-previews__item {
        flex: 0 0 calc(33% - 22px);
    }

    .section-previews__item:nth-child(4n + 4) {
        margin-right: 30px;
    }

    .section-previews__item:nth-child(3n + 3) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .section-previews__item {
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px !important;
        margin-bottom: 20px;
    }

    .section-previews__item:nth-child(2n + 2) {
        margin-right: 0 !important;
    }
}

@media (max-width: 550px) {
    .section-previews__item {
        flex: 0 0 100%;
        margin-right: 0 !important;
    }
}

/*section-previews*/

/*input-file*/

.hideLabels .form-group label.input-files {
    position: static;
}

.input-file-row {
    display: inline-block;
    width: 100%;
}

.input-files {
    position: relative;
    display: inline-block;
}

.input-files span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: background-color 0.2s;
    box-sizing: border-box;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
    background: #E6E6E6;
    vertical-align: middle;
    text-align: center;
    padding: 10px 40px;
    margin: 0;
    outline: none;
}

.input-files input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.input-files:hover span {
   opacity: .7;
}

.input-files:active span {
    opacity: .7;
}

.input-files input[type=file]:disabled + span {
    background-color: #eee;
}

.input-file-list {

}

.input-file-list-item {
    margin-bottom: 10px;
}

.input-file-list-item:first-child {
    margin-top: 10px;
}

.input-file-list-remove {
    color: red;
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.form-group__winput {
    background: transparent;
    border-color: transparent;
    text-align: left;
}

/*input-file*/

/*search-modal*/

.search-modal {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
    max-height: 500px;
    overflow-y: auto;
    display: none;
}

.search-modal__block {
    padding: 13px 17px;
}

.search-modal__text {
    color: #5F5F5F;
    font-size: 12px;
    line-height: 180%;
}

.search-modal__item {
    padding: 4px 0;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    align-items: center;
    min-height: 64px;
}

.search-modal__item:hover {
    text-decoration: none;
    border-bottom-color: #ffcc00;
}

.search-modal__item:focus {
    text-decoration: none;
}

.search-modal__item:last-child {
    border-color: transparent;
}

.search-modal__img {
    height: 64px;
    flex: 0 0 64px;
    margin-right: 18px;
}

.search-modal__img img {
    min-width: 100%;
    min-height: 100%;
    object-fit: contain;
}

.search-modal__caption {
    color: #000;
    font-size: 14px;
    line-height: 180%;
}

@media screen and (max-width: 1023px) {
    .search-modal {
        position: fixed;
        bottom: 129px;
        top: auto;
        max-height: 300px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/*search-modal*/

/*header-menu*/

.header-menu {
    padding: 48px 20px 32px 20px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 5;
    display: none;
}

.header-menu__wrapper {
    display: flex;
}

.header-menu__block {
    flex: 0 0 20%;
    padding: 0 20px;
    border-right: 1px solid #E6E6E6;
}

.header-menu__block:last-child {
    border-color: transparent;
}

.header-menu__item {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 7px;
}

.header-menu__item:last-child {
    margin-bottom: 0;
}

.header-menu__caption {
    font-weight: 600;
    text-transform: uppercase;
}

.header-menu__item:hover {
    text-decoration: underline;
    color: #F6B512;
}

.header-menu__item.active {
    color: #F6B512;
}

@media screen and (max-width: 1023px) {
    .header-menu {
        display: none !important;
    }
}

/*header-menu*/

a.fb-link {
    color: #febd12;
    text-decoration: underline;
    cursor: default;
}

a.fb-link:hover {
    text-decoration: none;
    cursor: pointer !important;
}

.errortext {
    color: #e90000;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mx-a {
    margin-left: auto;
    margin-right: auto;
}

.pt-0 {
    padding-top: 0 !important;
}

.text-center {
    text-align: center;
}

.alert {
    border: 0;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    text-align: center;
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.d-none {
    display: none !important;
}


.loader-btn  {
    pointer-events: none;
    color: rgba(0, 0, 0, 0) !important;
}
.loader-btn::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-top-color: #000000;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.grecaptcha-badge {
    position: absolute;
    left: -500000000px;
}

/*searched-tags*/

.searched-tags {
    padding: 52px 0 52px 0;
}

.searched-tags__body {
    display: flex;
}

.searched-tags__caption {
    color: #000;
    font-family: "Russo One";
    font-size: 24px;
    white-space: nowrap;
    margin-right: 35px;
    flex: 0 0 150px;
}

.searched-tags__items {
    padding:0;
    margin:0;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.searched-tags__items:after {
    content: '';
    display: block;
    clear: both;
}

.searched-tags__hide {
    float: left;
}

.searched-tags__item,
.searched-tags__butt {
    float: left;
    margin-bottom: 5px;
    width: auto !important;
}

.searched-tags__butt
{

    position:relative;
    display:none;
}

.searched-tags__hide {
    display:none;
    flex-wrap: wrap;
}

.searched-tags__items a {
    display:inline-block;
    margin:0 5px;
    color: #262626;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 14px;
    border-radius: 12px;
    background: #F7F7F9;
    white-space: nowrap;
}

.searched-tags__items a:hover {
    background: #febd12;
}

.searched-tags__toggle {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 10px 0;
    color: #2983BA;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    margin-left: 35px;
    flex: 0 0 100px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    top: -5px;
    position: relative;
    cursor: pointer;
}

.searched-tags__toggle span.cor {
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.searched-tags__toggle.active span.cor {
    transform: rotate(180deg);
    top: 2px;
}

@media screen and (max-width: 768px) {
    .searched-tags__body {
        flex-wrap: wrap;
    }

    .searched-tags__caption {
        margin-right: 0;
        text-align: center;
        margin-bottom: 12px;
        flex: 0 0 100%;
    }

    .searched-tags__toggle {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        margin-top: 12px;
        flex: 0 0 100%;
    }

    .searched-tags__item,
    .searched-tags__butt,
    .searched-tags__items,
    .searched-tags__hide {
        display: flex;
        justify-content: center;
    }

}

/*searched-tags*/

@media(max-width: 992px){
    header .col.contacts .header_phones{
        display:none!important;
    }
	header .row.row__upbox{
display:none!important;
}
}
/* End */


/* Start:/local/assets/select2/dist/css/select2.min.css?170315273316265*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* End */


/* Start:/local/templates/fundbolt_main/components/bitrix/sale.basket.basket.line/mobile/style.css?1724913739472*/
.mobile-menu-basket {
    position: relative;
}

.mobile-menu-basket > sup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    position: absolute;
    font-size: 0.875rem;
    color: #000;
    right: 15px;
    top: -20%;
    border-radius: 50%;
    background: linear-gradient(to top, #ffcc00, #fee300);
    z-index: 1;
    opacity: 0;
}

#basketItemsMob.basket-active{
    opacity: 1;
}
/* End */


/* Start:/local/components/bitrix/search.title/templates/mobile/style.css?17270785331336*/
.header__downbox-searchbox .search-modal .fb-link {
}

.form-group__mobile {
    display: flex;
    position: relative;
    width: 95%;
    margin-right: 5px;
    background: var(--light);
    border: 1px solid #ececec;
    border-radius: 6px;
}

.search-input-top-actions {
    display: flex;
    align-items: center;
    padding: 0 1.2em;
}

.search-input-top-actions__mobile {
    margin-right: 2em;
}

.search-input-top-actions > * {
    display: inline-block;
    vertical-align: middle
}

.search-input-top-actions i {
    display: inline-flex;
    position: relative
}

.search-input-top-actions i:first-child {
    padding-left: 0
}

.search-input-top-actions i:first-child::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: auto;
    top: .5em;
    bottom: .5em;
    background-color: rgba(115, 124, 143, 0.1);
    background-color: var(--s-color-border);
}

.search-input-top-actions i:last-child {
    padding-right: 0;
    border-right: none
}

.search-input-icon {
    padding: 0 1.4em 0 0;
    box-sizing: content-box;
    opacity: .5;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.search-input-icon:hover {
    opacity: 1
}

.search-input-icon-close {
    margin-right: 0
}

/* End */


/* Start:/local/components/bitrix/search.title/templates/desktop/style.css?17270785332731*/
.search-container_desktop {
	position: relative;
	display: flex;
	align-items: stretch;
	flex: 1;
	margin-left: 2rem;
	margin-right: 3rem;
}

.header__downbox-searchbox {
	flex: 1;
	height: 40px;
	border: 1px solid #fec111;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}
.header__downbox-searchbox > input {
	flex: 1;
	height: 100%;
	outline: none;
	border: none;
	box-shadow: none;
	background: transparent;
	padding-left: 1rem;
}
.header__downbox-searchbox > button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 100%;
	border: none;
	outline: none;
	box-shadow: none;
	background: linear-gradient(to top, #ffcc00, #fee300);
	transition: opacity 0.3s ease;
}
.header__downbox-searchbox > button:hover {
	opacity: 0.75;
}
.header__downbox-searchbox > button > img {
	width: 17px;
	height: 18px;
}


@media screen and (max-width: 1279px) {
	.header__downbox-searchbox {
		height: 37px;
	}

	.search-container_desktop {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}

@media screen and (max-width: 1149px) {
	.header__downbox-searchbox > input {
		font-size: 0.875rem;
	}
	.search-container_desktop {
		margin-right: 0;
	}
	.header__downbox-searchbox > button {
		width: 70px;
	}
}


@media screen and (max-width: 1023px) {
	.header__downbox-searchbox {
		display: none;
	}
	.header__downbox-searchbox {
		display: none;
	}

	.header__downbox-searchbox {
		display: block;
		border: 0;
		height: initial;
		margin: 0;
		padding: 0;
	}

	.header__downbox-searchbox input,
	.header__downbox-searchbox button {
		display: none;
	}
}

.search-modal .fb-link {
}

.search-input-top-actions {
	display: flex;
	align-items: center;
	padding: 0 1.2em;
}

.search-input-top-actions > * {
	display: inline-block;
	vertical-align: middle
}

.search-input-top-actions i {
	display: inline-flex;
	position: relative
}

.search-input-top-actions i:first-child {
	padding-left: 0
}

.search-input-top-actions i:first-child::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: auto;
	top: .5em;
	bottom: .5em;
	background-color: rgba(115, 124, 143, 0.1);
	background-color: var(--s-color-border);
}

.search-input-top-actions i:last-child {
	padding-right: 0;
	border-right: none
}

.search-input-icon {
	padding: 0 1.4em 0 0;
	box-sizing: content-box;
	opacity: .5;
	cursor: pointer;
	transition: all .15s ease-in-out
}

.search-input-icon:hover {
	opacity: 1
}

.search-input-icon-close {
	margin-right: 0
}

/* End */


/* Start:/local/templates/fundbolt_main/components/bitrix/sale.basket.basket.line/.default/style.css?1693485050111*/
#basketItems{
    opacity: 0;
    transition: 400ms ease;
}
#basketItems.basket-active{
    opacity: 1;
}
/* End */


/* Start:/local/templates/fundbolt_main/components/bitrix/menu/header_catalog_menu_2/style.css?16999445581774*/
.big-header-menu.header-menu{
    padding: 32px 20px;
}
.big-header-menu .header-menu__wrapper{
    flex-direction: column;
}
.big-header-menu .header-menu__block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    height: 111px;
    padding: 0;
    border-right: none;
}
.big-header-menu .header-menu__block:not(:first-child){
    border-top: 1px solid #E6E6E6;
}
.big-header-menu .header-menu__block:first-child{
    border-top: none;
}
.big-header-menu .header-menu__block .header-menu__item{
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 20px;
    height: 100%;
    transition: 100ms;
}
.big-header-menu .header-menu__block .header-menu__caption:hover{
    box-shadow: 0 0 10px #e2e2e2;
    border-color: #ffffff;
}
.big-header-menu .header-menu__block .header-menu__item:not(:nth-child(4n)){
    border-right: 1px solid #E6E6E6;
}
.big-header-menu .header-menu__block:hover a{
    text-decoration: none;
}
.big-header-menu .header-menu__block .no-active{
    cursor: default;
}
/*.big-header-menu .header-menu__item img{*/
/*    display: flex;*/
/*    flex: 0 0 auto;*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    object-fit: contain;*/
/*}*/
.img-container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
}
.img-container img{
}
.big-header-menu .header-menu__item p{
    font-family: "Russo One", sans-serif;
    color: #0096c6;
    padding: 0 10px;
    width: 100%;
    text-align: left;
    margin-left: 15px;
    font-weight: normal;
}

.services-menu-item img {
    filter: grayscale(0.8);
}
/* End */


/* Start:/local/templates/fundbolt_main/components/bitrix/system.auth.form/modal/style.css?1699944558851*/
div.bx-system-auth-form span.bx-auth-secure {
    background-color: #FFFAE3;
    border: 1px solid #DEDBC8;
    padding: 2px;
    display: inline-block;
    vertical-align: bottom;
    margin-top: -1px;
}

div.bx-system-auth-form div.bx-auth-secure-icon {
    background-image: url(/local/templates/fundbolt_main/components/bitrix/system.auth.form/modal/images/sec.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 19px;
    height: 18px;
}

div.bx-system-auth-form div.bx-auth-secure-unlock {
    background-image: url(/local/templates/fundbolt_main/components/bitrix/system.auth.form/modal/images/sec-unlocked.png);
}

.store-auth {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.forgot-pwd-link {
    font-size: 12px;
}

.auth-btn {
    width: 100%;
    margin-top: 20px;
}

.error_mess p {
    margin: unset;
}

.error_mess .errortext {
    color: inherit;
}
/* End */


/* Start:/local/templates/fundbolt_main/template_styles.css?17243047342751*/
@keyframes expand {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
}

@keyframes collapse {
    from {
        height: 100%;
    }
    to {
        height: 0;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center;
}

.tag a {
    text-decoration: unset;
}

.tag_block {
    display: inline-flex;
    height: 40px;
    text-decoration: unset;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    color: #262626;
    word-wrap: break-word;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 10px 14px;
    background: #f7f7f9;
    transition: .3s ease all;
}

.tag_block:hover {
    background: rgba(247, 247, 249, 0.37);
}

.row .tags {
    max-width: 1000px;
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    flex-wrap: wrap;
    height: 40px;
    overflow: hidden;
    animation-duration: 0.5s;
    animation-timing-function: ease;
}

.tags.collapsed {
    animation-name: collapse;
}

/* Активное состояние: видимый блок */
.tags.expanded {
    animation-name: expand;
}

#openTag svg {
    margin-left: 7px;
}

.tag-title {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    margin-right: 15px;
}

.section-catalog__wr {
    align-items: flex-start;
}

@media (max-width: 767px) {
    #hero {
        min-height: 407px;
    }
}

@media (max-width: 577px) {
    #hero_background_main_page {
        background-image: url(/local/assets/images/hero_mob_150.png);
        background-position: right center !important;
    }

    #hero_background_main_page:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);

    }
}

@media (min-width: 578px) and (max-width: 768px) {
    #hero_background_main_page {
        background-image: url(/local/assets/images/hero_planshet_150.png);
        background-position: right center !important;
    }
    #hero_background_main_page:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0);

    }


}

@media (min-width: 769px) {
    #hero_background_main_page {
        background-image: url(/local/assets/images/hero.webp);

    }
}
/* End */
/* /local/assets/css/base.min.css?169994455780145 */
/* /local/assets/css/blocks.css?1721391954140314 */
/* /local/assets/css/modules.css?169297468681529 */
/* /local/assets/css/anim.css?16929746864720 */
/* /local/assets/css/template.css?16999445571399 */
/* /local/assets/css/swiper-bundle.min.css?169994455718409 */
/* /local/assets/css/style.css?1751529288127206 */
/* /local/assets/select2/dist/css/select2.min.css?170315273316265 */
/* /local/templates/fundbolt_main/components/bitrix/sale.basket.basket.line/mobile/style.css?1724913739472 */
/* /local/components/bitrix/search.title/templates/mobile/style.css?17270785331336 */
/* /local/components/bitrix/search.title/templates/desktop/style.css?17270785332731 */
/* /local/templates/fundbolt_main/components/bitrix/sale.basket.basket.line/.default/style.css?1693485050111 */
/* /local/templates/fundbolt_main/components/bitrix/menu/header_catalog_menu_2/style.css?16999445581774 */
/* /local/templates/fundbolt_main/components/bitrix/system.auth.form/modal/style.css?1699944558851 */
/* /local/templates/fundbolt_main/template_styles.css?17243047342751 */