/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.clear,.clr{display:block;clear:both;overflow:hidden;line-height:0!important;height:0!important;font-size:0;margin:0;padding:0}.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}html{overflow-x:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}address,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-top:0}video,iframe{max-width: 100%;}

/* Show Once ---------------------- */
    *[data-show-once-id]:not(.hystmodal) {display: none;}


/* HYST MODAL ---------------------- */
    .hystmodal img { width: auto;height: auto; }
    /* right & left orientation ---------------------- */
        .hystmodal-right .hystmodal__window, 
        .hystmodal-left .hystmodal__window{margin: 0;}
        
        .hystmodal-right .hystmodal__wrap {align-items: end;}
        .hystmodal-right .hystmodal__close {left: -40px;}
        
        .hystmodal-left .hystmodal__wrap {align-items: start;}
    
    /* wide ---------------------- */
        #myModal-wide .hystmodal__window {width: 1000px;}
        #modal-order-confirmation .hystmodal__window {width: 650px;}
    
    /* custom view & animaion ---------------------- */
        /* default ---------------------- */
            .hystmodal__wrap {perspective: 1000px;}
            .hystmodal:not(.hystmodal-right):not(.hystmodal-left) .hystmodal__window {transform: rotateX(10deg) translate(0, 50px) scale(.9);transition: .5s;}
            .hystmodal--active:not(.hystmodal-right):not(.hystmodal-left) .hystmodal__window {transform: translate(0, 0);}
        
        /* right & left ---------------------- */
            .hystmodal-right .hystmodal__window {transform: translate(100px, 0); opacity: 1;}
            .hystmodal-left .hystmodal__window {transform: translate(-100px, 0); opacity: 1;}
            .hystmodal-right.hystmodal--active .hystmodal__window,
            .hystmodal-left.hystmodal--active .hystmodal__window{transform: translate(0, 0)}

/* PlanB Modal ---------------------- */
    /*behavior*/
        .fon_modal {z-index: 10001;top: 0;left: 0;bottom: 0;right: 0;position: fixed;display: none;}
        .modalwrapper {-webkit-overflow-scrolling: touch;perspective: 1000px;overflow-y: scroll;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;display: none;position: fixed;}
        .modal {left: 50%;transform: translate(-50%, 0%) rotateX(50deg) scale(.6);bottom: auto;opacity: 0;z-index: 10002;box-sizing: border-box;transition: 1s;display: none;position: absolute;}
        .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
        .modal .close_modal {position: absolute;z-index: 999999;text-align: center;cursor: pointer;transition: .5s;}

    /*modal width & position*/
        .modal {width: 600px;top: 50%;}
        .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
        .modalwrapper {-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px);background: rgb(0 0 0 / 15%);}
        .modal {background: #fff;border-radius: 5px;padding: 40px;}
        .modal .close_modal {right: 10px;top: 10px;color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;}
        .modal .close_modal:hover {transform: rotate(90deg);}
        .modal h3 {font-weight: 700;font-size: 20px;text-transform: uppercase;line-height: 24px;padding: 20px 0 0;}
        .modal h3, .modal p {color: var(--textcolor)}
        .fon_image img {max-height: 200px;width: auto;display: block;margin: 0 auto;border-radius: 10px;}

/* Список - галочки  ---------------------- */
    ul.check-list {margin: 15px 0}
    ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
    ul.check-list li:before {background: url(/assets/images/icons/check_black.png) 50% 50%/15px no-repeat;left: 12px;top: 7px;width: 15px;height: 15px;position: absolute;content: "";display: inline-block;}
    
/* Список кружочки  ---------------------- */
    ul.circle-list {margin: 15px 0}
    .circle-list li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before {right: calc(100% + 10px);top: 10px;border: 2px solid var(--maincolor);width: 8px;height: 8px;border-radius: 100px;position: absolute;display: block;content: '';}

/* ol li customization ---------------------- */
    ol.numbered {counter-reset: myCounter;margin: 15px 0}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 10px;position: relative;}
    ol.numbered li:before {background:var(--maincolor);color: #fff;counter-increment:myCounter;content:counter(myCounter);position:absolute;left: -30px;top:-2px;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}

/* Fancybox  ---------------------- */  
    a[data-fancybox] {position: relative;display: block;}
    a[data-fancybox]:after {background: url(/assets/images/icons/zoom_white.png) 50% 50%/20px no-repeat, #00000024;display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
    a[data-fancybox]:hover:after {opacity: 1;}

/* Breadcrumbs  ---------------------- */  
    ul.breadcrumb {font-size: .8em;width: 100%;margin: 0;padding: 10px 0;box-sizing: border-box;margin-top: 5px;}
    .breadcrumb li {display: inline-block;line-height: 1.2;list-style-type: none;padding-left: 0 !important;margin-bottom: 0 !important;margin-left: 0 !important;margin-right: 3px;color: #464646;}
    .breadcrumb li a {color: #464646;}


/* OWL Carousel  ---------------------- */  
    /* arrows 1 */
        .owl-arrows1 .owl-nav button {width: 30px !important;height: 30px !important;line-height: 30px !important;font-size: 0 !important;border-radius: 50px;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
        .owl-arrows1 .owl-nav .owl-prev {left: 5px;background: url(/assets/images/icons/arrow_left_black.png) 50% 50%/100% no-repeat !important;}
        .owl-arrows1 .owl-nav .owl-next {right: 5px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat !important;}

    /* arrows 2 */
        .owl-arrows2 {padding: 0 40px;margin: 0;box-sizing: border-box;}
        .owl-arrows2 .owl-prev, 
        .owl-arrows2 .owl-next {background: var(--maincolor2) !important;color: #fff !important;height: 30px;width: 30px;border-radius: 100px;padding: 0;box-sizing: border-box;font-size: 0;position: absolute;transition: 0.3s;top: 50%;transform: translateY(-50%);outline: none;}
        .owl-arrows2 .owl-prev {left: 0px}
        .owl-arrows2 .owl-next {right: 0px;}
        
        .owl-arrows2 .owl-next.disabled,
        .owl-arrows2 .owl-prev.disabled {background: var(--grey) !important;}
    
    /* arrows 3 */
        .owl-arrows3 .owl-nav {top: -50px;right: 0;position: absolute;}
        .owl-arrows3 .owl-nav button {width: 40px;height: 40px;line-height: 40px !important;background: var(--maincolor2) !important;color: #222 !important;border-radius: 5px;margin-left: 10px;outline: none;}
        .owl-arrows3 .owl-nav button.disabled {background: var(--grey) !important;color: #222 !important;cursor: initial;}
        
    /* dots 1 */
        .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
        .owl-dots1 .owl-dots button {background: var(--grey) !important;width: 10px;height: 10px;margin: 0 4px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;}
        .owl-dots1 .owl-dots button.active, 
        .owl-dots1 .owl-dots button:hover {background: var(--maincolor) !important}
    
    /* dots 2 */
        .owl-dots2-wrapper {text-align: center;line-height: 10px;}
        .owl-dots2 .owl-dots {border-radius: 25px;text-align: center;line-height: 0;position: absolute;z-index: 1;bottom: 15px;left: 50%;transform: translateX(-50%);}
        .owl-dots2 button {right: 0;transform: none;top: 0;height: 100%;background: var(--maincolor2) !important;width: 50px;opacity: 0.5;transition: .5s;z-index: 2;}
        .owl-dots2 button.active, 
        .owl-dots2 button:hover {background: var(--maincolor) !important;}
    
/* TABLE  ---------------------- */  
    .table{max-width:100%;overflow-x:auto;width: 100%;}
    .table table {width: 100%}
    .table::-webkit-scrollbar {width: 5px;height: 5px;background: var(--maincolor);}
    .table::-webkit-scrollbar-track {background: transparent;}
    .table::-webkit-scrollbar-thumb {background-color: var(--grey);border-radius: 10px;}
    
    .table tr {border-bottom: 1px solid #f3f4f4;text-align: center;}
    .table tr:last-child {border: none;}
    .table td {padding: 5px 10px;color: var(--textcolor);vertical-align: middle;text-align: left;width: auto !important;height: auto !important;}
    .table td:last-child, .table th:last-child {text-align: right;}
    .table tr th {font-weight: 600;padding: 5px 10px;background: var(--maincolor);color: #fff;}

/* TABS  ---------------------- */  
    .tabs__content {display: none;}
    .tabs__content.active {display: block;width: 100%;}
    .tabs__content ul.colors_ral li {list-style: none;margin-left: 0;}
    .tabs__caption {margin-bottom: 0;list-style-type: none;overflow: hidden;border-bottom: 1px solid var(--sky)}
    .tabs__caption>li {font-weight: 400;padding: 15px 0;display: inline-block;margin: 0;border-right: 1px solid var(--sky);position: relative;text-align: center;box-sizing: border-box;cursor: pointer;transition: .5s;}
    .tabs__caption>li:last-child {border-right: none;}
    .tabs__caption>li.active {background: var(--maincolor);color: #fff;}
    .tabs__caption>li:nth-child(2) {margin-right: 0;}
    .tabs__caption>li:hover {background: var(--maincolor);color: #fff;}
    

    .tabs__content {padding: 20px;box-sizing: border-box;}
    .tabs__caption {display: table;width: 100%;}
    .tabs__caption > li {display: table-cell;}
    
    .slides .owl-stage-outer, .showmore .owl-stage-outer {padding: 8px 0;}
    
/* Icons Docs pdf docx xls  ---------------------- */     
a[href$=".pdf"].icon-file, 
a[href$=".doc"].icon-file, 
a[href$=".docx"].icon-file,
a[href$=".xls"].icon-file{position: relative;font-size:1.5rem;color: var(--maincolor2);font-weight: 600;border-radius: 10px;display: inline-block;margin-bottom: 20px;padding: 20px 40px 20px 60px;background: var(--grey) url(/assets/images/icons/files/pdf-file.png) 15px/30px no-repeat;background-size: 30px 30px;transition: .5s;}
a[href$=".doc"].icon-file, 
a[href$=".docx"].icon-file  {background: var(--grey) url(/assets/images/icons/files/docx-file.png) 15px 25px/30px no-repeat;background-size: 30px 30px;}
a[href$=".xls"].icon-file  {background: var(--grey) url(/assets/images/icons/files/xls-file.png) 15px 25px/30px no-repeat;background-size: 30px 30px;}

/* Before Line  ---------------------- */ 
    .before-line {position: relative;color: var(--hcolor);padding: 0 0 0 130px;}
    .before-line:before {display: inline-block;height: 2px;width: 100px;background: var(--hcolor);content: "";position:  absolute;top: 50%;transform: translateY(-50%);left: 0;}

/* Full width block  ---------------------- */ 
    .fw {position: relative;}
    .fw:before,.fw:after {content: '';display: block;background: inherit;position: absolute;height: 100%;width: 10000px;top: 0;}
    .fw:before{right: 100%;} .fw:after{left: 100%;}
    
/* HR Shadow  ---------------------- */     
    .hr-shadow{position:relative;overflow:hidden;height:25px}.hr-shadow:after{position:absolute;content:'';z-index:1;height:20px;top:-20px;left:50%;width:100%;margin-left:-50%;-webkit-border-radius:200px/10px;-moz-border-radius:200px/10px;border-radius:200px/10px;box-shadow:0 0 30px rgba(0,0,0,.28)}

/* Sweet Alert  ---------------------- */  
    .swal2-container {width: 35rem !important;}
    .swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
    h2#swal2-title {font-size: 1.5rem;line-height: 1.5rem !important;}
    .swal2-html-container {font-size: 1.5rem !important;line-height: 1.5rem !important;}
    html.swal2-shown,body.swal2-shown {height: auto!important;}
    
/* Gridzy  ---------------------- */  
    .gridzyItem img {width: 100%;}

    #scrollup {width: 45px;height: 45px;right: 20px;bottom: 20px;position: fixed;border-radius: 5px;opacity: 0;visibility: hidden;background: var(--maincolor2);cursor: pointer;text-align: center;display: flex;justify-content: center;align-items: center;transition: 0.5s;transform: rotate(180deg);z-index: 10;}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                      COMMON                    */
/* ---------------------------------------------- */
/* ---------------------------------------------- */


:root {
    /* font */
    --fontfamily: 'Golos Text', system-ui, sans-serif;
    --hfontfamily: 'Lora', Georgia, serif;
    --fontsize: 1.7rem;
    --lineheight: 1.6;
    
    
    /* colors */
    --maincolor: #c4532f;
    --maincolor-hover: #ad4524;
    --maincolor-active: #963a1e;
    --maincolor2: #1f2b3d;
    --textcolor: #1b2029;
    --hcolor: #1b2029;
    
    --gold:  #d9b67a;
    --gold2: #a8844f;
    --gold3: #8a6a3a;
    --muted: #5a6070;
    --light: #c9cdd4;
    --cream: #f5f3ee;
    --paper: #fffdf9;
    --sand:  #ece8df;
    --line:  #ddd6c8;
    --navy-dark: #16202e;
    --navy2: #26344a;
    --navy3: #33435c;
    
    --red:    #b03a2e;
    --blue:   #93B7BE;
    --green:  #7fcf96;
    --yellow: #fff8cc;
    --grey:   #f5f3ee;
    --grey2:  #ddd6c8;
    --grey3:  #b3b3b3;
    --grey4:  #888888;
    
    --sky:   #e6d7bd;
    --dark:  #c3c2c2;
    --white: #fff;
    --black: #000;
    
    --footerbg: #16202e;
    
    
    /* decoration */
    --boxshadow: 0 28px 50px -28px rgba(22,32,46,.4);
    --gradient: linear-gradient(0deg,#1f2b3d,#26344a);
    
    
    /* sizes */
    --top-header-height: 42px;
    --header-height: 82px;
    --header-plus-menu-height: 82px;
    --header-height-min: 82px;
    
    --mainmenu-height: 50px;
    --mainmenu-border-left-color: transparent;
    --mainmenu-border-right-color: transparent;
    
    /* buttons */
    --smallbuttonheight: 32px;
    --buttonheight: 46px;
    --bigbuttonheight: 56px;
}


body::-webkit-scrollbar {width: 6px;background: transparent;}
body::-webkit-scrollbar-track {background: transparent;}
body::-webkit-scrollbar-thumb {background-color: var(--maincolor);border-radius: 10px;}
::selection {background: var(--maincolor2);color: #fff;}

html {font-size: 10px;}
body {font-size: var(--fontsize);line-height: var(--lineheight);font-family: var(--fontfamily);font-feature-settings: "pnum" on,"lnum" on;font-weight: 400;color: var(--textcolor);}

a {color: var(--maincolor);outline: none;text-decoration: none;}
p {margin-bottom: 20px;}
h1, .h1 {font-size: clamp(3rem, 5vw, 5rem); line-height: clamp(3.5rem, 5.5vw, 5.5rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
h2, .h2 {font-size: clamp(2.5rem, 4vw, 4rem); line-height: clamp(3rem, 4.5vw, 4.5rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
h3, .h3 {font-size: clamp(2.3rem, 3.5vw, 3rem); line-height: clamp(2.8rem, 4vw, 3.6rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
h4, .h4 {font-size: clamp(2rem, 3vw, 2.8rem); line-height: clamp(2.5rem, 3.5vw, 3.2rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
h5, .h5 {font-size: clamp(1.8rem, 2.5vw, 2.4rem); line-height: clamp(2.2rem, 3vw, 2.8rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
h6, .h6 {font-size: clamp(1.7rem, 2vw, 2rem); line-height: clamp(2rem, 2.5vw, 2.5rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}



.maincolor {color: var(--maincolor)}
.maincolor2 {color: var(--maincolor2)}
.textcolor {color: var(--textcolor)}
.hcolor {color: var(--hcolor)}
.red {color: var(--red)}
.blue {color: var(--blue)}
.green {color: var(--green)}
.yellow {color: var(--yellow)}
.grey {color: var(--grey)}
.grey2 {color: var(--grey2)}
.grey3 {color: var(--grey3)}
.grey4 {color: var(--grey4)}
.sky {color: var(--sky)}
.white {color: var(--white)}
.dark {color: var(--dark)}
.boxshadow, .bshad {box-shadow: var(--boxshadow)}

.border-grey {border: 1px solid var(--grey);}


.bg-maincolor {background: var(--maincolor);}
.bg-maincolor2 {background: var(--maincolor2);}
.bg-textcolor {background: var(--textcolor);}
.bg-hcolor {background: var(--hcolor);}
.bg-red {background: var(--red);}
.bg-blue {background: var(--blue);}
.bg-green {background: var(--green);}
.bg-yellow {background: var(--yellow);}
.bg-grey {background: var(--grey);}
.bg-sky {background: var(--sky);}
.bg-white {background: var(--white);}
.bg-dark {background: var(--dark);}
.bg-maincolor2 {background: var(--maincolor2);}


/* useful classes */
.main {max-width: 1240px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 40px;position: relative;}
.small {font-size: .85em;line-height: 1.5em;}
.url  {border-bottom: 1px dotted;display:inline-block;text-decoration:none;}
.warning {background-color: #FDF7DF;border: 1px solid #FEEC6F;color: #C9971C;font-weight: 700;padding: 10px 20px;border-radius: 10px;}
.maxwidth600 {margin: 0 auto;max-width: 600px;}
.maxwidth700 {margin: 0 auto;max-width: 700px;}
.maxwidth800 {margin: 0 auto;max-width: 800px;}
.maxwidth900 {margin: 0 auto;max-width: 900px;}
.maxwidth1000 {margin: 0 auto;max-width: 1000px;}
.maxwidth1200 {margin: 0 auto;max-width: 1200px;}
.curp {cursor: pointer;}
[data-copy-to-clipboard] {cursor: pointer;}

/* FORM  ---------------------- */

    /* inputs  ---------------------- */  
        input[type="text"],
        input[type="email"],
        input[type="date"],
        input[type="tel"],
        input[type="time"],
        input[type="password"],
        textarea {line-height: 50px;padding: 0 20px;color: var(--textcolor);border-radius: 5px;width: 100%;margin: 0 0 10px 0;background: var(--grey);border: 0;font-family: var(--fontfamily);font-size: var(--fontsize);outline: none;box-sizing: border-box;display: block;transition: background .5s, resize 0s;}
        input.error,
        textarea.error,
        select.error {background-color: #f7ebeb;}
        .fi-error {display: none !important;}
        input[type="date"], input[type="time"] {-webkit-appearance: textfield;-moz-appearance: textfield; color: #757575;}
        input[type="date"]:not(.has-value):before, input[type="time"]:not(.has-value):before {color: #757575;content: attr(placeholder );margin-right: 10px;}
        textarea {line-height: 30px;line-height: 30px;padding: 20px;display: block;width: 100%;max-width: none !important;font-family: inherit;font-size: inherit;color: #000;resize: vertical;}
        input:focus, textarea:focus {background: #e0e2e8;}
        select {border: 1px solid var(--maincolor2);line-height: 50px;border-radius: 30px;outline: none;padding: 0 13px;background: #fff;display: block;font-family: inherit;width: 100%;cursor: pointer;font-size: inherit;background: url(/assets/images/icons/arrow_down_black.png) no-repeat calc(100% - 15px) 50% #fff;background-size: 12px 12px;-webkit-appearance: none;}
        input[name="workemail"] {display: none !important;}

        /* icons  ---------------------- */  
            input.icon-receiver,
            input.icon-phone,
            input.icon-email,
            input.icon-text_address, input.icon-address,
            input.icon-login,
            input.icon-password {padding-left: 55px;background-position: 15px 50%;background-size: 20px;background-repeat: no-repeat;}
            
            input.icon-receiver {background-image: url(/assets/images/icons/forms/receiver_grey.png)}
            input.icon-phone {background-image: url(/assets/images/icons/forms/phone_grey.png)}
            input.icon-email {background-image: url(/assets/images/icons/forms/email_grey.png)}
            input.icon-text_address, input.icon-address {background-image: url(/assets/images/icons/forms/address_grey.png)}
            input.icon-login {background-image: url(/assets/images/icons/forms/login_grey.png)}
            input.icon-password {background-image: url(/assets/images/icons/forms/password_grey.png)}
    
    
    /* file  ---------------------- */  
        .labelFile{padding:0;line-height:40px;text-align: center;font-size: 15px;max-width:200px;margin: 10px 0;display:block;border: 1px solid var(--maincolor2);position: relative;border-radius: 20px;}
        .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
        .input-file + .labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
        .labelFile:before {content: "";background: url(/assets/images/icons/upload.png) 50% 50%/100% no-repeat;color: var(--maincolor2);font-family: 'FontAwesome';display: inline-block;left: 10px;width: 13px;height: 13px;margin-right: 5px}
    /* checkboxes  ---------------------- */  
        input[type=checkbox] {position: relative;background: #fff;border-radius: 2px;cursor: pointer;line-height: 0;margin: 0 0.6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;border: 1px solid var(--maincolor)}
        input[type=checkbox] + label {cursor: pointer;margin-right: 20px}
        input[type=checkbox]:checked:before {border: solid var(--maincolor);border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;width: 4px;height: 10px;content: '';position: absolute;right: 50%;top: 50%;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
        
        input.checkbox + label {cursor: pointer}
        input.checkbox {vertical-align: top;width: 17px;height: 17px;margin: 0 3px 0 0}
        input.checkbox:not(checked) {position: absolute;opacity: 0}
        input.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px}
        input.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2)}
        input.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s}
        input.checkbox:checked + label:before {background: #9FD468}
        input.checkbox:checked + label:after {left: 26px}

    /* radio  ---------------------- */  
       /*  input[type="radio"] {display: none;}
       input[type="radio"] + label {position: relative;padding-left: 25px;display: block;cursor: pointer;}
       input[type="radio"] + label:before {left: 0;top: 7px;border: 1px solid var(--maincolor);width: 15px;height: 15px;border-radius: 50%;cursor: pointer;box-sizing: border-box;line-height: 0;position: absolute;display: block;content: "";}
       input[type="radio"] + label:after {top: 11px;left: 3.5px;width: 8px;height: 8px;background: var(--maincolor);position: absolute;display: block;content: "";transition: .2s;transform:scale(0);border-radius: 50%;}
       input[type="radio"]:checked + label:after {transform:scale(1);}
       
       input[type="radio"][disabled] + label {color: #ccc;}
       input[type="radio"][disabled] + label:before,
       input[type="radio"][disabled] + label:after {border-color: #ccc;} */
        
        
        input[type=radio] {position: relative;background: #fff;border-radius: 2px;cursor: pointer;line-height: 0;margin: 0 0.6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;border: 1px solid var(--maincolor)}
        input[type=radio] + label {cursor: pointer;}
        input[type=radio]:before {background: var(--maincolor);width: 12px;height: 12px;content: '';position: absolute;left: 3.5px;top: 3.5px;transform: scale(0);z-index: 2;transition: .2s;}
        input[type=radio]:checked:before {transform: scale(1);}
        
        
        
        
    /* Super Select  ---------------------- */
        .super-select {color: var(--grey4);background: var(--grey);border-radius: 5px;margin: 0;line-height: 50px;width: 100%;box-sizing: border-box;position: relative;white-space: nowrap;}
        
        /* decoration line  ---------------------- */
            .super-select:before {background: #31afbb;background: linear-gradient(90deg,#31afbb,#673ab7);content: "";width: 0;border-radius: 5px 5px 0 0;height: 3px;position: absolute;top: 0px;left: 50%;transition: .3s;z-index: 2;}
            .super-select:hover:before {left: 0;width: calc(100% + 1px);}
        
        /* overlay  ---------------------- */
            .super-select .super-select-overlay {padding: 0 20px;cursor: pointer;}
            .super-select .super-select-overlay .super-select-overlay-selected {color: #000;font-size: .8em;margin-left: 20px;display: inline-block;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;max-width: 150px;}
            .super-select .arrow {right: 15px;height: 30%;top: 50%;transform: translateY(-50%);position: absolute;}
            .super-select.open .arrow {transform-origin: 50% 50%;transform: scale(1,-1) translateY(50%);}
        
        /* options  ---------------------- */
        
            .super-select .super-select-wrapper {color: #000;max-height: 300px;overflow: auto;background: #fff;width: 100%;left: 0;top: 100%;z-index: 20;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transform: scale(0);transition: .1s linear;transform-origin: 50% 0;}
            .super-select.open .super-select-wrapper {transform: scale(1);transition: .4s cubic-bezier(0, 0.97, 0.37, 0.96);}   
            
            .super-select .super-select-wrapper::-webkit-scrollbar {width: 5px;background: transparent;}
            .super-select .super-select-wrapper::-webkit-scrollbar-track {background: transparent;}
            .super-select .super-select-wrapper::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
            
            .super-select .super-select-wrapper > * ,
            .super-select .super-select-wrapper > * {padding: 0 20px;display: block;cursor: pointer;}
            .super-select .super-select-wrapper > *  span {display: inline-block;/* border-bottom: 1px solid var(--grey);line-height: 40px */}
            .super-select .super-select-wrapper > *  i {display: none;}
    
            .super-select .super-select-wrapper > *:hover {background: var(--grey);}
        

    /* Buttons  ---------------------- */
        .smallbutton, 
        .button, 
        .bigbutton {border-radius: 10px;color: #fff;font-weight: 700;background: var(--maincolor);white-space: nowrap;cursor: pointer;font-family: var(--fontfamily);font-size: var(--fontsize);border: 0;outline: none;display: inline-block;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        
        .smallbutton {line-height: var(--smallbuttonheight);padding: 0 15px;border-radius: 5px;}
        .button {line-height: var(--buttonheight);padding: 0 30px;}
        .bigbutton {line-height: var(--bigbuttonheight);padding: 0 50px;}
        
            /* colors  ---------------------- */  
                .smallbutton.red, .button.red, .bigbutton.red {background: var(--red);}
                .smallbutton.grey, .button.grey, .bigbutton.grey {background: var(--grey4);}
        
            /* full width  ---------------------- */  
                .smallbutton.db, 
                .bigbutton.db, 
                .button.db {width: 100%;padding-left: 5px;padding-right: 5px;}
        
            /* image  ---------------------- */  
                .smallbutton img {width: 10px;margin-right: 5px;transform:translateY(-1px);vertical-align: middle;display: inline-block;}
                .button img {width: 15px;margin-right: 5px;transform:translateY(-2px);vertical-align: middle;display: inline-block;}
                .bigbutton img {width: 15px;margin-right: 7px;transform:translateY(-3px)}
                
            /* effect  ---------------------- */  
                .effect{position:relative;overflow:hidden;vertical-align: top;}
                .effect:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.3);box-shadow:-20px 30px 30px rgba(255,255,255,.3);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
                .effect:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}
                .effect[disabled]:before {display: none;}
            
            /* disabled  ---------------------- */  
                .smallbutton[disabled],
                .button[disabled],
                .bigbutton[disabled] {background: var(--grey);color: #000;cursor: not-allowed;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

    /* Top header  ---------------------- */
        #top_header {position: relative;height: var(--top-header-height);color: var(--textcolor);}
        #top_header .main {height: var(--top-header-height);}
    
        #top_header img {width: 20px;margin: 0 10px 0 0;}
        #top_header .top_header_block {display: flex;position: absolute;top: 50%;transform: translateY(-50%);}
        #top_header .top_header_block a {color: #000;max-width: 300px;display: inline-block;}
        
        #top_header .top_header_address {left: 20px;}
        #top_header .top_header_time {left: 400px;}
    
        #top_header .topmenu {position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
        #top_header .topmenu li {margin: 0 70px 0 0;padding: 0;display: inline-block;list-style-type: none;box-sizing: border-box;position: relative;}
        #top_header .topmenu a {color: #222;font-size: 1.5rem;font-weight: 400;text-decoration: none;position: relative;}
        #top_header .topmenu li:last-child {margin-right: 0 !important}
        #top_header .topmenu li > a:before {background: #222;height: 1px;bottom: -2px;width: 0;left: 50%;transition: .5s;transform: translateX(-50%);display: block;content: '';position: absolute;}
        #top_header .topmenu li.active > a:before, #top_header .topmenu li > a:hover:before {width: 100%;} 
  
    
    
    /* Header  ---------------------- */
        #header {height: var(--header-height);position: relative;background: #fff;box-sizing:border-box;}
        #header .main {height: var(--header-height);}
        #header .header-block {top: 50%;transform: translateY(-50%);position: absolute;}
        #header a {text-decoration: none;}
        
        /* logo  ---------------------- */
            #header .logo {left: 20px;height: calc(100% - 20px);}
        
        /* contacts  ---------------------- */
            #header .header-contacts {right: 200px;top:50%;transform:translateY(-50%);position:absolute;}
            #header .header-contacts img {width: 25px;max-width: none;}
            #header .header-contacts {font-size: 1.8rem;line-height: 2.3rem;}
            #header .header-socials {position: absolute;right: calc(100% + 10px);white-space: nowrap;display: block;}
            #header a.tel {color: var(--textcolor);font-weight: 600;text-align: right;}
        
        /* search  ---------------------- */
            #header .header-search {left: 330px;width: 500px;z-index: 2;}
            #header .header-search .mse-suggest-intro {display: none;}
            #header .header-search .mse-autocomplete-item {margin: 0;padding: 15px;}
            #header .header-search .mse-suggest-body {justify-content: space-between;display: flex;flex-direction: row;}
            #header .header-search .mse-suggest-price {font-size: inherit;}
            
            #header .header-search input {padding: 0 110px 0 20px;margin: 0}
            #header .header-search button {background: var(--maincolor);border-radius: 5px;color: white;outline: none;padding: 0 30px;line-height: 35px;right: 5px;position: absolute;top: 50%;margin: 0;transform: translateY(-50%);border: 0;cursor: pointer;}
            
                /* podskazki */
                .ui-widget-content {border-radius: 0 0 20px 20px;transform: translateY(-4px);box-sizing: border-box;box-shadow: var(--boxshadow);}
                .ui-widget-content img {max-height: 50px}
                .ui-menu-item:nth-child(2n) .ui-menu-item-wrapper {background: #efefef;}
                    /* hover */
                    .ui-widget-content .ui-state-active {background: var(--maincolor) !important;color: #fff !important;}
                    .ui-widget-content .price {color: var(--maincolor2);font-weight: 700;}
                    .ui-widget-content .ui-state-active .price {color: #fff}
        
        /* login  ---------------------- */
            #header .header-login > img {width: 23px;}
            #header .header-login {right: 85px;width: 80px;color: #222;}
            #header .header-login:hover > span {color: var(--maincolor);}
            
        /* Minicart  ---------------------- */
            body #msMiniCart, body .msMiniCart {font-size: inherit}
            #header .minicart {right: 20px;top: 50%;transform: translateY(-50%);position: absolute;font-size: var(--fontsize);}
            #header .minicart a {position: relative;display: table;padding: 0;text-decoration: none;}
            #header .minicart a .cart_count {color: #fff;position: absolute;right: -8px;background: var(--maincolor);border-radius: 100px;top: -9px;width: 15px;height: 15px;text-align: center;font-size: 1.2rem;font-weight:500;line-height: 1.5rem;}
            #header .minicart img {display: inline-block;width: 25px;}
        
        /* min  ---------------------- */
            body.min #top_header {margin-bottom: var(--header-plus-menu-height);}
            body.min #header {position: fixed;left: 0;background: #fff;width: 100%;top:0;margin: 0 !important;z-index: 10;transition: .5s;}
            body.min #header, body.min #header .main {height: var(--header-height-min);}
           
            /* search  ---------------------- */
                body.min #header .main form.msearch2 input {line-height: 40px;}
                body.min #header .header-search button {line-height: 30px;}
        
            /* contacts  ---------------------- */
                body.min #header .header_contacts {line-height: 1.5rem;font-size: 1.5rem;}
        
            /* mainmenu  ---------------------- */
                body.min #mainmenu {position: fixed;left: 0;background: var(--maincolor);width: 100%;top: var(--header-height-min);margin: 0 !important;z-index: 10;}
        
       

    /* Main menu ---------------------- */
        #mainmenu {box-sizing: border-box;background: var(--maincolor);height: var(--mainmenu-height);}
        .mobile-mainmenu-button, .mobile-mainmenu-outer {display: none;}

        /* DESKTOP  ---------------------- */
        /* STYLE */
            /* common  ---------------------- */
                ul.desktop-mainmenu {margin-bottom: 0;display: inline-block;}
                ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box}
                ul.desktop-mainmenu a {color: #fff;height: auto;font-weight: 400;text-decoration: none;}
                ul.desktop-mainmenu a:hover, ul.desktop-mainmenu li.active a, ul.desktop-mainmenu li:hover a {text-decoration:none;}
                    /* submenu */
                    ul.desktop-mainmenu ul.submenu {width: 350px;background: #fff;margin: 0;box-shadow: var(--boxshadow);box-sizing: border-box;} 
    
            /* 1 level */
                li.menu-level-1 {list-style-type: none;transition: 1s;display: inline-block;}
                li.menu-level-1 > a {line-height: var(--mainmenu-height);padding: 0 30px;border-right: 1px solid var(--mainmenu-border-right-color); border-left: 1px solid var(--mainmenu-border-left-color);display: block;}
                li.menu-level-1:first-child > a {border-left: 0;}
                li.menu-level-1:last-child > a {border-right: 0;}
                /* hover-active-decoration 
                    li.menu-level-1 > a {text-transform: uppercase;font-weight: 500;}
                    li.menu-level-1 > a:before {background: var(--textcolor);height: 1px;bottom: 0;width: 0;left: 0;transition: .35s;display: block;content: '';position: absolute;}
                    li.menu-level-1.active > a:before, li.menu-level-1 > a:hover:before {width: 100%;} */
               
                 /* parent */
                    li.menu-level-1.parent > a:after{width: 6px;height: 6px;background: url(/assets/images/icons/arrow_down_white.png) 50% 50%/100% no-repeat;top: 50%;right: 12px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.35s;}
                    li.menu-level-1.parent:hover > a:after {transform: translateY(-50%) rotate(180deg);}
               
            /* 2 level  ---------------------- */
                li.menu-level-2 > a,
                li.menu-level-3 > a, li.menu-level-4 > a {color: #222;line-height: 25px;font-weight: 400;padding: 10px !important;display: block;border-bottom: 1px solid var(--grey);}

                li.menu-level-2.active > a, li.menu-level-2:hover > a,
                li.menu-level-3.active > a, li.menu-level-3:hover > a,
                li.menu-level-4.active > a, li.menu-level-4:hover > a {background: var(--grey);}
                /* parent */
                    li.menu-level-2.parent > a {padding-right: 25px;}
                    li.menu-level-2.parent > a:after{width: 8px;height: 8px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 50%;right: 10px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s}
                    
            /* 3 level  ---------------------- */
                /* parent  ---------------------- */
                    li.menu-level-3.parent > a {padding-right: 25px;}
                    li.menu-level-2.parent > a:after{width: 8px;height: 8px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 50%;right: 10px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s}
                    
        /* BEHAVIOR  ---------------------- */
            /* common  ---------------------- */
                ul.desktop-mainmenu li {position: relative}ul.desktop-mainmenu a {position: relative}
            /* 2 level  ---------------------- */
                li.menu-level-1 > ul.submenu {top: calc(100% + 20px);left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
                li.menu-level-1.parent:hover > ul.submenu {top: 100%;opacity: 1;display: block;visibility: visible}
                
            /* 3 level  ---------------------- */
                li.menu-level-2 > ul.submenu  {top: -20px;left: 100%;text-align: left;position: absolute;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);opacity: 0;visibility: hidden;z-index: 1;min-height: 100%;}
                li.menu-level-2.parent:hover > ul.submenu  {top: 0;opacity: 1;visibility: visible;z-index: 3}

                   
            /* 4 level  ---------------------- */
                li.menu-level-3 > ul.submenu  {top: -20px;max-height: 500px;overflow-y: auto;left: 100%;text-align: left;position: absolute;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);opacity: 0;visibility: hidden;z-index: 1;}
                li.menu-level-3 > ul.submenu::-webkit-scrollbar {width: 4px;background: transparent;}
                li.menu-level-3 > ul.submenu::-webkit-scrollbar-track {background: transparent;}
                li.menu-level-3 > ul.submenu::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
                li.menu-level-3 > ul.submenu > li {text-align: left !important;}
                li.menu-level-3.parent:hover > ul.submenu  {top: 0;opacity: 1;visibility: visible;z-index: 3}
                

    /* Menu как kopirych  ---------------------- */
        li.menu-level-1 > ul.columns_with_podmenu {max-height: 500px;overflow-Y: auto;width: 700px !important;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);}
        li.menu-level-1 > ul.columns_with_podmenu > li > a {font-weight: 600;padding: 15px 10px 5px 10px !important;border-bottom: none}
        li.menu-level-1 > ul.columns_with_podmenu > li:hover > a, li.menu-level-1 > ul.columns_with_podmenu > li.active > a, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li:hover > a, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li.active > a {color: var(--maincolor);background: transparent;}
        li.menu-level-1 > ul.columns_with_podmenu > li:hover, li.menu-level-1 > ul.columns_with_podmenu > li.active, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li:hover, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li.active {background: transparent;}
        li.menu-level-1 > ul.columns_with_podmenu > li > a:after {content: none;}
        li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu {display: flex;flex-flow: row wrap;align-items: flex-start;justify-content: left;width: 100%;left: 0;position: relative;box-shadow: none;background: transparent;}
        li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li {flex-basis: 33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li > a {border-bottom: none;}
        li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu {border-bottom: 1px solid var(--grey);}
        li.id313 > ul.submenu {border-bottom: none !important;}
        
        li.menu-level-1 > ul.columns_with_podmenu {top: calc(100% + 20px);left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
        li.menu-level-1:hover > ul.columns_with_podmenu, li.menu-level-1:hover > ul.columns_with_podmenu ul.submenu {top: 100%;opacity: 1;visibility: visible;}
        li.menu-level-1.parent:hover > ul.columns_with_podmenu, li.menu-level-1.parent:hover li.menu-level-2.parent > ul.columns_with_podmenu {top: 100%;opacity: 1;display: block;visibility: visible}

        ul.columns_with_podmenu ul.submenu::-webkit-scrollbar, ul.columns ul.submenu::-webkit-scrollbar {width: 5px;}
        ul.columns_with_podmenu ul.submenu::-webkit-scrollbar-track, ul.columns ul.submenu::-webkit-scrollbar-track {background: #fff;}
        ul.columns_with_podmenu ul.submenu::-webkit-scrollbar-thumb, ul.columns ul.submenu::-webkit-scrollbar-thumb {background-color: var(--maincolor2);}
    
    
    
    /* Menu как ipol  ---------------------- */
        li.menu-level-1 > ul.columns {max-height: 500px;overflow-Y: auto;width: 1000px !important;display: flex;flex-flow: row wrap;align-items: flex-start;justify-content: left;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);}
        li.menu-level-1:hover > ul.columns {display: flex !important;}
        li.menu-level-1 > ul.columns > li {padding: 15px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        li.menu-level-1 > ul.columns > li > a {display: flex;align-items: center;padding:  0 !important;}
        li.menu-level-1 > ul.columns li.menu-level-3, li.menu-level-1 > ul.megamenu li.menu-level-3 > a, ul.columns li.menu-level-2.parent:hover > ul {display: none;}
        li.menu-level-1 > ul.columns li.menu-level-2.parent > a:after {content: none;}
        li.menu-level-1 > ul.columns li.menu-level-2 > a {border-bottom: none}
        li.menu-level-1 > ul.columns > li:hover > a, li.menu-level-1 > ul.columns > li.active > a {color: var(--maincolor);background: transparent;}
        li.menu-level-1 > ul.columns > li:hover, li.menu-level-1 > ul.columns > li.active {background: transparent;}
        
        li.menu-level-1 > ul.columns.columns2 > li {flex-basis: 50%;}
        li.menu-level-1 > ul.columns.columns3 > li {flex-basis: 33%;}
        li.menu-level-1 > ul.columns.columns4 > li {flex-basis: 25%;}
        li.menu-level-1 > ul.columns.columns5 > li {flex-basis: 20%;}
        

    /* Catalog menu s photo  ---------------------- */    
        .catalog-menu-button {position: relative;line-height: 42px;padding: 0 20px 0 40px;color: #fff;border-radius: 10px;text-align: center;background: var(--maincolor2);transition: .3s;cursor: pointer;}
        .catalog-menu-button:before {content: '';background: url(/assets/images/icons/catalog_menu_dots.png) no-repeat;background-size: 18px 18px;width: 18px;height: 18px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);transition: .3s;}
        .catalog-menu-button.click:before {background: url(/assets/images/icons/catalog_menu_close.png) no-repeat;background-size: 18px 18px;}
        
        .catalog-menu-wrapper {border-bottom: 3px solid var(--maincolor2);background: #fff;position: absolute;opacity: 0;height: 0;width: 100%;z-index: 3;top: 100%;display: none;visibility: hidden;}
        .catalog-menu-wrapper.opened {opacity: 1;visibility: visible;display: flex}
        .catalog-menu-wrapper:before,
        .catalog-menu-wrapper:after {border-bottom: 3px solid var(--maincolor2);display: block;content: '';position: absolute;width: 1000px;background: #fff;right: 100%;height: 100%;}
        .catalog-menu-wrapper:after {right: auto;left: 100%;}
        
        .catalog-menu-wrapper,
        .catalog-menu-left,
        .catalog-menu-middle,
        .catalog-menu-right {height: 660px;}
        
        .catalog-menu-left {padding: 20px;padding-left: 0;}
        .catalog-menu-middle {padding: 20px;}
        
        .catalog-menu-left::-webkit-scrollbar,
        .catalog-menu-middle::-webkit-scrollbar{width: 5px;background: transparent;}
        .catalog-menu-left::-webkit-scrollbar-track,
        .catalog-menu-middle::-webkit-scrollbar-track {background: transparent;}
        .catalog-menu-left::-webkit-scrollbar-thumb,
        .catalog-menu-middle::-webkit-scrollbar-thumb{background-color: #D00013;border-radius: 10px;}
        .catalog-menu-wrapper .catalog-menu-left ul {padding-left: 0;list-style-type: none;}
        .catalog-menu-wrapper .catalog-menu-left li {margin-left: 0;}
        .catalog-menu-wrapper .catalog-menu-left a {margin-bottom: 10px;border: 1px solid #efefef;font-weight: 700;line-height: 50px;padding: 0 15px;border-radius: 10px;color: #000;display: block;transition: .3s;}
        .catalog-menu-wrapper .catalog-menu-left a:hover {box-shadow: 0 2px 4px rgba(0,0,0,.08);}
        .catalog-menu-wrapper .catalog-menu-left,
        .catalog-menu-wrapper .catalog-menu-middle {overflow: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        .catalog-menu-middle .menu-level-1 > a {display: none;}
        .catalog-menu-middle ul {list-style-type: none;margin-bottom: 30px;}
        .catalog-menu-middle ul a {color: #000;display: block;margin-bottom: 10px;}
        .catalog-menu-middle ul li {margin-left: 0;}
        .catalog-menu-middle ul a:hover {text-decoration: underline;}
        .catalog-menu-middle ul li.parent > a {font-weight: 700;}
        .catalog-menu-right {overflow: hidden;position: relative;}
        .catalog-menu-right img {max-width: none;max-height: none;width: auto;height: auto;min-width: 100;min-height: 100;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    

        
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                    HOMEPAGE                    */
/* ---------------------------------------------- */
/* ---------------------------------------------- */      

.homepage_slide {position: relative;}
.homepage_slide .banner_url {position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index:2;}
.homepage_slide .homepage_slide_content {left: 100px;max-width: calc(100% - 200px);position: absolute;top: 50%;transform: translateY(-50%);}
.homepage_slide .homepage_slide_content h1 {margin-bottom: 20px;}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                      BLOG                     */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

    /* pagination  ---------------------- */  
        ul.pagination li {list-style: none; display:inline-block;margin-left: 5px;}
        ul.pagination li a {margin: 0;}
        .pagination a{display:inline-block;background:var(--grey);line-height:40px;padding:0 15px;margin:0 5px;text-decoration:none;color:#000;border-radius:5px}
        .pagination a:hover, .pagination li.active a{background:var(--maincolor);color:#fff}


/* faq */
.q {padding: 15px 40px 15px 0;background: transparent;position: relative;color: var(--milk);border-bottom: 1px solid var(--maincolor2);cursor:pointer;transition:border-color .5s;z-index:2;}
.q:after {position: absolute;content: "";right: 0;top: 50%;transform: translateY(-50%);text-align: center;background: url(/assets/images/icons/arrow_down_black.png)  50% 50% no-repeat;width: 12px;height: 12px;background-size: 12px 12px;line-height: 12px;border-radius: 0;transition: .5s;}
.a {padding: 15px 0;border-top:0;margin-bottom:20px;display:none;line-height: 26px;z-index:2;}
.q.open:after {transform: rotate(180deg);top: 20px;}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                      Uslugi                    */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
    /* teaser  ---------------------- */  
        .uslugi_teaser {position: relative;}
        .uslugi_teaser .uslugi_teaser_title {color: var(--textcolor);bottom: -10px;border-radius: 0 5px 5px 0;background: var(--grey);text-align: center;padding: 5px 25px;font-weight: 700;position: absolute;}

    /* Banner  ---------------------- */  
        .uslugi_banner {color: #fff;background-attachment: fixed;padding: 100px 0;position: relative;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
        .uslugi_banner_text {max-width: 800px;color: #fff;position: relative;z-index: 2;}
        .uslugi_banner_text h1 {color: #fff;}
        .uslugi_banner:after {content: '';background: rgb(0 28 56 / 55%);position: absolute;top: 0;width: 100%;height: 100%;z-index: 1;}
        
    /* Content  ---------------------- */  
        .uslugi_page #content {padding-top: 50px;}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                      PAGES                    */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

    /* Otzyvy  ---------------------- */
    .otzyv .stars > img {width: 20px !important;margin-right: 1px;display: inline-block !important;}
    .otzyv .logo_otz {width: 60px !important;margin-left: 3px;display: inline-block !important;}
        
    /* Contacts  ---------------------- */
        #contacts, #map {height: 500px;position: relative;}
        #contacts .contacts {width: 350px;background: #fff;right: 50%;top: 50%;transform: translate(-150px, -50%);position: absolute;z-index: 10;}
        #contacts .contacts img {width: calc(100% + 60px);margin: -30px -30px 0;border-radius: 10px 10px 0 0;display: block;max-width: none;}
        #contacts .contacts a > img {width: 40px;margin: 0;display: inline-block;}
        #contacts .contacts a, #contacts .contacts p {margin: 10px 0;}
        #contacts table {width: 100%;}
        
        .contact-info {transform: translateY(-80px);}
        #contacts_block .details_box {margin-bottom: 40px}
        #contacts_block .details_box a, #contacts_block .details_box p {display: block;}
        
        /* contacts 2   ---------------------- */  
        .contacts_2 .contacts-blocks-with-icons > img {width: 50px;margin-bottom: 20px;}
        
        /* contacts 3   ---------------------- */  
        .contacts_3 .contacts-blocks-with-icons img {width: 25px;margin: -3px 10px 0 0;}


        /* map  ---------------------- */  
            #map_box {height: 500px;position: relative;}
            #map_box .contacts {width: 300px;padding: 40px;right: 50%;top: 50%;transform: translate(-300px, -50%);box-shadow: 5px 5px 9px #00000042;position: absolute;z-index:2;}
            #map_box .contacts img {width: 155px;/* text-align: left; */margin: 10px 0 40px 0;display: block;max-width: none;}
            #map_box .contacts a {font-size: 1.5em;color: #000;margin-bottom: 10px;display: block;}
    
    /* Footer  ---------------------- */  
        #footer {background: var(--footerbg);color: #fff;text-align: center;padding: 45px 0;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/*                     YURITEX                    */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

@keyframes yt-mq {from {transform: translateX(0)} to {transform: translateX(-50%)}}
@keyframes yt-pulse {0% {box-shadow: 0 0 0 0 rgba(120,200,140,.55)} 70% {box-shadow: 0 0 0 7px rgba(120,200,140,0)} 100% {box-shadow: 0 0 0 0 rgba(120,200,140,0)}}
@keyframes qz-b {0%,80%,100% {transform: scale(.6);opacity: .4} 40% {transform: scale(1);opacity: 1}}
@keyframes qz-in {from {opacity: 0;transform: translateX(28px)}}
@keyframes qz-inb {from {opacity: 0;transform: translateX(-28px)}}
@keyframes qz-out {to {opacity: 0;transform: translateX(-28px)}}
@keyframes qz-outb {to {opacity: 0;transform: translateX(28px)}}
@keyframes qz-pop {from {transform: scale(.3);opacity: 0}}

/* base  ---------------------- */
    body {background: var(--cream);-webkit-font-smoothing: antialiased;height: auto;min-height: 100%;}
    *, *:before, *:after {box-sizing: border-box;}
    a {color: var(--gold3);transition: color .2s;}
    a:hover {color: var(--maincolor2);}
    ::selection {background: #e6d7bd;color: var(--textcolor);}
    p {margin-bottom: 0;text-wrap: pretty;}
    [hidden] {display: none !important;}

    h1, h2, h3, h4, .h1, .h2, .h3, .h4 {font-family: var(--hfontfamily);font-weight: 600;letter-spacing: -0.015em;margin-bottom: 0;color: var(--hcolor);text-wrap: balance;}
    h1, .h1 {font-size: clamp(3.8rem, 5.4vw, 6.6rem);line-height: 1.08;}
    h2, .h2 {font-size: clamp(3rem, 3.6vw, 4.4rem);line-height: 1.15;}
    h3, .h3 {font-size: 2.4rem;line-height: 1.25;}
    .h1-md {font-size: clamp(3.6rem, 5vw, 6rem);line-height: 1.1;}
    .h1-xl {font-size: clamp(4rem, 5.4vw, 6.8rem);line-height: 1.05;}
    .h2-sm {font-size: clamp(2.8rem, 3.2vw, 4rem);}
    .h2-xs {font-size: clamp(2.4rem, 2.6vw, 3.2rem);}
    .on-dark {color: var(--cream);}
    .on-dark h1, .on-dark h2, .on-dark h3 {color: var(--cream);}

    .muted {color: var(--muted)}
    .light {color: var(--light)}
    .gold {color: var(--gold)}
    .gold2 {color: var(--gold2)}
    .gold3 {color: var(--gold3)}
    .bg-cream {background: var(--cream)}
    .bg-paper {background: var(--paper)}
    .bg-sand {background: var(--sand)}
    .bg-navy {background: var(--maincolor2)}

    .sec {padding-top: clamp(72px, 9vw, 120px);}
    .sec-sm {padding-top: clamp(64px, 8vw, 104px);}
    .sec-head {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 20px;margin-bottom: 44px;}
    .text-lg {font-size: 17.5px;}
    .text-stack {display: flex;flex-direction: column;gap: 20px;font-size: 17.5px;}

    .eyebrow {font-size: 13px;line-height: 1.4;letter-spacing: .16em;text-transform: uppercase;color: var(--gold3);margin-bottom: 20px;display: flex;gap: 12px;align-items: center;}
    .eyebrow:before {content: '';width: 7px;height: 7px;background: var(--gold2);transform: rotate(45deg);flex-shrink: 0;}
    .on-dark .eyebrow {color: var(--gold);}
    .on-dark .eyebrow:before {background: var(--gold);}

/* reveal  ---------------------- */
    .js [data-reveal] {opacity: 0;transform: translateY(18px);transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);}
    .js [data-reveal].visible {opacity: 1;transform: none;}
    .js [data-stagger] > * {opacity: 0;transform: translateY(18px);transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);}
    .js [data-stagger].visible > * {opacity: 1;transform: none;}
    @media (prefers-reduced-motion: reduce) {.js [data-reveal], .js [data-stagger] > * {opacity: 1;transform: none;transition: none;}}

/* buttons  ---------------------- */
    .button, .bigbutton {font-weight: 600;box-shadow: 0 10px 24px -12px rgba(196,83,47,.7);transition: background .2s;}
    .button {border-radius: 10px;padding: 0 20px;font-size: 14.5px;}
    .bigbutton {border-radius: 12px;padding: 0 28px;font-size: 16px;}
    .button:hover, .bigbutton:hover {background: var(--maincolor-hover);color: #fff;}
    .button:active, .bigbutton:active {background: var(--maincolor-active);}
    .button i, .bigbutton i {font-size: 18px;vertical-align: -3px;margin-left: 8px;}
    .button i.left {margin: 0 8px 0 0;}
    .outline-button {display: inline-block;line-height: calc(var(--bigbuttonheight) - 2px);border: 1px solid #5c6b82;color: var(--cream);padding: 0 26px;border-radius: 12px;font-size: 16px;font-weight: 500;white-space: nowrap;}
    .outline-button:hover {border-color: var(--gold);color: var(--gold);}

/* top header  ---------------------- */
    #top_header {height: auto;background: var(--navy-dark);color: var(--light);font-size: 14px;line-height: 1.6;}
    #top_header .main {height: auto;padding-top: 9px;padding-bottom: 9px;display: flex;flex-wrap: wrap;gap: 6px 28px;justify-content: space-between;}
    #top_header .top_header_left {display: flex;flex-wrap: wrap;gap: 6px 28px;}
    #top_header a {color: var(--light);}
    #top_header a:hover {color: var(--gold);}
    .status {display: inline-flex;gap: 9px;align-items: center;}
    .status-dot {width: 8px;height: 8px;border-radius: 50%;background: #c97a6a;display: inline-block;flex-shrink: 0;}
    .status-dot.open {background: var(--green);animation: yt-pulse 2s infinite;}

/* header  ---------------------- */
    #header {height: auto;background: var(--cream);border-bottom: 1px solid var(--line);position: sticky;top: 0;z-index: 20;}
    #header .main {height: auto;padding-top: 16px;padding-bottom: 16px;display: flex;align-items: center;gap: clamp(12px, 3vw, 32px);}
    #header .logo {display: flex;align-items: center;gap: 14px;min-width: 0;color: var(--textcolor);height: auto;}
    .logo-mark {width: 50px;height: 50px;flex-shrink: 0;border-radius: 12px;background: var(--maincolor2);display: flex;align-items: center;justify-content: center;box-shadow: inset 0 0 0 3px var(--maincolor2), inset 0 0 0 4px var(--gold2);}
    .logo-name {display: block;font-size: 21px;font-weight: 600;letter-spacing: .14em;line-height: 1.15;color: var(--textcolor);}
    .logo-sub {display: block;font-size: 11.5px;letter-spacing: .04em;line-height: 1.15;color: var(--muted);margin-top: 3px;}
    #header .header-actions {display: flex;align-items: center;gap: 20px;}
    #header a.tel {font-size: 19px;font-weight: 600;color: var(--textcolor);white-space: nowrap;}
    #header a.tel:hover {color: var(--gold3);}
    #header .header-mobile {margin-left: auto;gap: 10px;align-items: center;flex-shrink: 0;}
    .icon-btn {width: 46px;height: 46px;border-radius: 12px;border: 1px solid #d1c9b8;display: flex;align-items: center;justify-content: center;color: var(--maincolor2);font-size: 22px;}
    .icon-btn:hover {border-color: var(--maincolor2);color: var(--maincolor2);}
    .burger {width: 46px;height: 46px;padding: 0;border-radius: 12px;background: var(--maincolor2);border: 0;cursor: pointer;position: relative;display: block;}
    .burger span {position: absolute;left: 13px;width: 20px;height: 2px;border-radius: 2px;background: var(--cream);transition: transform .3s cubic-bezier(.2,.7,.2,1), opacity .2s;}
    .burger span:nth-child(1) {top: 16px;}
    .burger span:nth-child(2) {top: 22px;}
    .burger span:nth-child(3) {top: 28px;}
    .mobile-mainmenu-active .burger span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
    .mobile-mainmenu-active .burger span:nth-child(2) {opacity: 0;}
    .mobile-mainmenu-active .burger span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}

    /* desktop menu  ---------------------- */
        #header #mainmenu {background: none;height: auto;margin-left: auto;}
        #header ul.desktop-mainmenu {display: flex;gap: 30px;align-items: center;}
        #header li.menu-level-1 > a {line-height: 1.6;padding: 8px 0;border: 0;color: var(--textcolor);font-size: 15.5px;font-weight: 500;transition: color .2s;}
        #header li.menu-level-1 > a:hover, #header li.menu-level-1.active > a {color: var(--gold3);}
        #header li.menu-level-1.parent > a {padding-right: 16px;}
        #header li.menu-level-1.parent > a:after {background: none;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid currentColor;right: 0;}
        #header ul.desktop-mainmenu ul.submenu {width: auto;min-width: 340px;left: -24px;padding: 8px;border-radius: 16px;background: var(--paper);border: 1px solid var(--line);box-shadow: 0 18px 40px -18px rgba(22,32,46,.35);}
        #header li.menu-level-2 > a {display: flex;gap: 14px;padding: 11px 16px !important;border-radius: 10px;border-bottom: 0;color: var(--textcolor);font-size: 16px;line-height: 1.5;white-space: nowrap;}
        #header li.menu-level-2 > a:hover, #header li.menu-level-2.active > a {background: #f1ebe0;}
        #header li.menu-level-2 .num {color: var(--gold2);font-size: 14px;width: 20px;font-variant-numeric: tabular-nums;}

    /* mobile menu (панель)  ---------------------- */
        .mobile-mainmenu-outer {background: var(--cream);}
        .mm-info {background: var(--navy-dark);color: var(--light);font-size: 15px;line-height: 1.6;padding: 16px 20px;display: flex;flex-direction: column;gap: 8px;}
        .mm-info > * {display: flex;gap: 10px;align-items: center;color: var(--light);}
        .mm-info i {font-size: 18px;color: var(--gold);}
        .mm-info .status-dot {margin: 0 5px;}
        .mm-body {padding: 0 20px 32px;display: flex;flex-direction: column;}
        .mm-link {padding: 16px 0;border-bottom: 1px solid #e4ddd0;font-size: 20px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;color: var(--textcolor);}
        .mm-link.bt {margin-top: 10px;border-top: 1px solid #e4ddd0;}
        .mm-link i, .mm-sub i {color: var(--gold2);}
        .mm-label {padding: 20px 0 6px;font-size: 13px;color: var(--muted);letter-spacing: .12em;text-transform: uppercase;}
        .mm-sub {padding: 11px 0;font-size: 17px;display: flex;gap: 14px;align-items: center;color: var(--textcolor);}
        .mm-sub i {font-size: 22px;}
        .mm-tel {margin: 24px 0 18px;font-size: 24px;font-weight: 600;color: var(--textcolor);}

/* hero  ---------------------- */
    .hero {position: relative;overflow: hidden;background: var(--maincolor2);color: var(--cream);}
    .hero-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;filter: grayscale(1) contrast(1.15);opacity: .17;-webkit-mask-image: linear-gradient(90deg, transparent 15%, #000 80%);mask-image: linear-gradient(90deg, transparent 15%, #000 80%);}
    .hero .main {position: relative;}
    .hero-home {padding-top: clamp(64px, 9vw, 120px);padding-bottom: clamp(56px, 7vw, 96px);}
    .hero-inner {padding-top: clamp(48px, 7vw, 88px);padding-bottom: clamp(56px, 7vw, 88px);}
    .hero h1 {margin-bottom: 28px;}
    .hero-lead {font-size: clamp(17px, 1.6vw, 20px);line-height: 1.6;color: var(--light);max-width: 560px;}
    .hero-inner .hero-lead {max-width: 720px;margin-bottom: 36px;}
    .hero-inner h1 {max-width: 900px;margin-bottom: 24px;}
    .pill-gold {display: inline-flex;gap: 12px;align-items: center;background: #2e3d55;padding: 12px 20px;border-radius: 999px;margin-bottom: 28px;font-size: 14px;line-height: 1.4;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: var(--gold);}
    .quick-title {font-size: 14.5px;color: #9aa3b2;margin-bottom: 12px;}
    .chips {display: flex;flex-wrap: wrap;gap: 8px;}
    .chip {padding: 9px 16px;border-radius: 999px;border: 1px solid #3b4a62;background: var(--navy2);font-size: 14.5px;line-height: 1.5;cursor: pointer;color: var(--cream);font-family: inherit;transition: border-color .2s, color .2s, transform .2s;}
    .chip:hover {border-color: var(--gold);color: var(--gold);transform: translateY(-2px);}
    .stat {padding: clamp(18px, 3vw, 26px) clamp(16px, 2.6vw, 24px);background: var(--navy2);border: 1px solid var(--navy3);border-radius: 20px;height: 100%;}
    .stat-num {font-size: clamp(36px, 4vw, 50px);font-weight: 600;letter-spacing: -.02em;color: var(--gold);line-height: 1;font-variant-numeric: tabular-nums;}
    .stat-text {font-size: 15px;line-height: 1.6;color: var(--light);margin-top: 10px;hyphens: auto;overflow-wrap: break-word;}

/* breadcrumbs  ---------------------- */
    ul.breadcrumb {font-size: 14px;line-height: 1.6;margin: 0 0 36px;padding: 0;display: flex;flex-wrap: wrap;gap: 10px;}
    .breadcrumb li {color: #9aa3b2;margin: 0 !important;}
    .breadcrumb li a {color: #9aa3b2;}
    .breadcrumb li a:hover {color: var(--gold);}
    .breadcrumb li:not(:last-child):after {content: '/';margin-left: 10px;}
    .breadcrumb li:last-child {color: var(--gold);}
    .breadcrumb.on-light li, .breadcrumb.on-light li a {color: var(--muted);}
    .breadcrumb.on-light li a:hover, .breadcrumb.on-light li:last-child {color: var(--gold3);}

/* marquee  ---------------------- */
    .marquee {overflow: hidden;white-space: nowrap;}
    .marquee-track {display: flex;width: max-content;animation: yt-mq 45s linear infinite;}
    .marquee-group {display: flex;align-items: center;flex-shrink: 0;}
    .marquee-item {padding: 0 28px;font-weight: 600;letter-spacing: -.01em;}
    .marquee-dot {width: 8px;height: 8px;transform: rotate(45deg);border-radius: 2px;flex-shrink: 0;background: var(--maincolor2);}
    .marquee-top {background: var(--gold);color: var(--navy-dark);padding: 20px 0;font-size: clamp(18px, 1.8vw, 22px);line-height: 1.4;}
    .marquee-bottom {background: var(--cream);color: var(--maincolor2);padding: 28px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);font-size: clamp(40px, 6vw, 84px);line-height: 1.2;margin-top: clamp(72px, 9vw, 120px);}
    .marquee-bottom .marquee-track {animation-duration: 60s;animation-direction: reverse;}
    .marquee-bottom .marquee-item {padding: 0 40px;letter-spacing: -.025em;}
    .marquee-bottom .marquee-item:nth-child(4n+3) {color: transparent;-webkit-text-stroke: 1.5px var(--maincolor2);}
    .marquee-bottom .marquee-dot {width: 14px;height: 14px;background: var(--gold2);}

/* cards  ---------------------- */
    .card {background: var(--paper);border: 1px solid #e4ddd0;border-radius: 22px;color: var(--textcolor);transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, background .25s;height: 100%;}
    .card-hover:hover {transform: translateY(-6px);box-shadow: var(--boxshadow);color: var(--textcolor);}
    .service-card {padding: 36px 32px;display: flex;flex-direction: column;gap: 14px;min-height: 260px;}
    .service-card .card-top {display: flex;justify-content: space-between;align-items: center;}
    .service-card .num {font-size: 15px;color: var(--gold2);}
    .service-card p {color: var(--muted);font-size: 16px;flex: 1;}
    .icon-circle {width: 52px;height: 52px;background: #f1ebe0;color: var(--maincolor2);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 28px;}
    .more {font-size: 15px;font-weight: 500;color: var(--gold3);}
    .cta-card {background: var(--maincolor2);color: var(--cream);border-radius: 22px;padding: 36px 32px;display: flex;flex-direction: column;gap: 14px;justify-content: space-between;min-height: 260px;height: 100%;transition: background .25s;}
    .cta-card:hover {background: #2e3d55;color: var(--cream);}
    .cta-card > i {font-size: 44px;color: var(--gold);}
    .cta-card h3 {color: var(--cream);}
    .cta-card p {color: var(--light);font-size: 16px;}
    .cta-card .more {color: var(--gold);}
    .item-card {padding: 32px 30px;}
    .item-card > i {font-size: 36px;color: var(--gold2);display: block;margin-bottom: 18px;}
    .item-card h3 {font-size: 21px;line-height: 1.3;margin-bottom: 12px;}
    .item-card p {color: var(--muted);font-size: 16px;}

/* principles  ---------------------- */
    .principle {background: var(--paper);border-radius: 20px;padding: 32px;display: flex;gap: 24px;align-items: flex-start;box-shadow: 0 1px 0 #e4ddd0;height: 100%;}
    .num-circle {width: 60px;height: 60px;flex-shrink: 0;background: var(--maincolor2);color: var(--gold);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 20px;font-weight: 600;font-variant-numeric: tabular-nums;}
    .principle h3 {font-size: 22px;margin: 4px 0 8px;}
    .principle p {color: var(--muted);font-size: 16px;}

/* leader  ---------------------- */
    .leader {background: var(--sand);border-radius: 28px;padding: clamp(28px, 4vw, 56px);}
    .photo-ph {aspect-ratio: 4/5;max-height: 560px;width: 100%;background: repeating-linear-gradient(135deg, #ddd6c8 0 1px, #e6e1d6 1px 14px);border: 1px solid #d1c9b8;border-radius: 20px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
    .photo-ph span {font-family: ui-monospace, Menlo, monospace;font-size: 13px;color: #6f6a5e;background: var(--sand);padding: 6px 10px;}
    .photo-ph img {width: 100%;height: 100%;max-width: none;max-height: none;object-fit: cover;}
    .leader h2 {font-size: clamp(3rem, 3.4vw, 4.2rem);margin-bottom: 24px;}
    .facts {display: flex;flex-direction: column;gap: 10px;margin-bottom: 28px;font-size: 16.5px;}
    .fact {display: flex;gap: 14px;align-items: flex-start;}
    .fact i {font-size: 24px;color: var(--gold2);flex-shrink: 0;}
    .leader-note {color: var(--muted);font-style: italic;font-size: 17px;}

/* faq  ---------------------- */
    .faq {display: flex;flex-direction: column;gap: 10px;}
    .faq-item {background: var(--paper);border-radius: 16px;overflow: hidden;box-shadow: 0 1px 0 #e4ddd0;}
    .faq-item .q {padding: 22px 26px;border-bottom: 0;font-weight: 600;font-size: 18px;line-height: 1.5;display: flex;justify-content: space-between;gap: 20px;align-items: center;color: var(--textcolor);transition: color .2s;}
    .faq-item .q:hover {color: var(--gold3);}
    .faq-item .q:after {content: none;}
    .faq-item .q .sign {width: 34px;height: 34px;flex-shrink: 0;border-radius: 50%;background: var(--maincolor2);color: var(--gold);display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;}
    .faq-item .q .sign:before {content: '+';}
    .faq-item .q.open .sign:before {content: '−';}
    .faq-item .a {padding: 0 26px 24px;margin: 0;color: var(--muted);font-size: 16.5px;line-height: 1.6;}
    .faq-item .q.open + .a {display: block;}

/* service page  ---------------------- */
    .check-row {display: flex;gap: 18px;padding: 18px 0;border-bottom: 1px solid var(--line);font-size: 17.5px;}
    .check-row i {font-size: 24px;color: var(--gold2);flex-shrink: 0;margin-top: 2px;}
    .steps-box {position: relative;overflow: hidden;background: var(--maincolor2);color: var(--cream);border-radius: 28px;padding: clamp(32px, 5vw, 64px);}
    .steps-bignum {position: absolute;right: -40px;top: -60px;font-family: var(--hfontfamily);font-weight: 700;font-size: clamp(220px, 30vw, 380px);line-height: 1;color: transparent;-webkit-text-stroke: 1px rgba(217,182,122,.22);pointer-events: none;}
    .steps-box .steps-inner {position: relative;}
    .steps-box h2 {font-size: clamp(3.2rem, 4.2vw, 5.2rem);line-height: 1.1;margin-bottom: clamp(36px, 5vw, 56px);max-width: 640px;}
    .step {background: var(--navy2);border: 1px solid var(--navy3);border-radius: 22px;padding: 30px 28px;display: flex;flex-direction: column;gap: 14px;height: 100%;transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .25s;}
    .step:hover {transform: translateY(-6px);border-color: var(--gold);}
    .step-top {display: flex;justify-content: space-between;align-items: center;}
    .step-icon {width: 60px;height: 60px;border-radius: 50%;background: var(--gold);color: var(--navy-dark);display: flex;align-items: center;justify-content: center;font-size: 30px;}
    .step-num {font-family: var(--hfontfamily);font-size: 44px;font-weight: 600;line-height: 1;color: var(--gold);}
    .step h3 {font-size: 23px;margin-top: 8px;}
    .step p {color: var(--light);font-size: 16px;}
    .quiz-wrap {margin-top: clamp(32px, 4vw, 44px);}
    .price-box {margin-top: 56px;padding: 28px 32px;border-radius: 20px;background: var(--sand);display: flex;flex-wrap: wrap;gap: 12px 32px;align-items: baseline;}
    .price-box i {font-size: 32px;color: var(--gold2);}
    .price-box .price-title {font-size: 22px;font-weight: 500;}
    .price-box .price-text {color: var(--muted);font-size: 16px;flex: 1;min-width: 260px;}
    .pills {display: flex;flex-wrap: wrap;gap: 12px;}
    .pill-link {border: 1px solid #c9bfab;border-radius: 999px;padding: 12px 20px;font-size: 15.5px;line-height: 1.5;color: var(--textcolor);display: inline-flex;align-items: center;gap: 10px;}
    .pill-link:hover {border-color: var(--maincolor2);background: var(--paper);color: var(--textcolor);}
    .pill-link i {font-size: 20px;color: var(--gold2);}

/* quiz  ---------------------- */
    .qz {position: relative;background: var(--navy2);border: 1px solid var(--navy3);border-radius: 22px;padding: clamp(22px, 4vw, 36px);overflow: hidden;color: var(--cream);}
    .qz-loader {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;min-height: 320px;color: var(--light);font-size: 15px;}
    .qz-orb {display: flex;gap: 8px;}
    .qz-orb span {width: 12px;height: 12px;border-radius: 50%;background: var(--gold);animation: qz-b 1s infinite ease-in-out;}
    .qz-orb span:nth-child(2) {animation-delay: .15s;}
    .qz-orb span:nth-child(3) {animation-delay: .3s;}
    .qz-top {display: flex;justify-content: space-between;align-items: center;gap: 16px;margin-bottom: 12px;font-size: 14px;line-height: 1.5;color: #9aa3b2;}
    .qz-tag {display: flex;gap: 10px;align-items: center;letter-spacing: .14em;text-transform: uppercase;font-size: 12.5px;color: var(--gold);}
    .qz-tag:before {content: '';width: 7px;height: 7px;background: var(--gold);transform: rotate(45deg);flex-shrink: 0;}
    .qz-bar {height: 4px;border-radius: 4px;background: var(--navy3);overflow: hidden;margin-bottom: clamp(24px, 3vw, 32px);}
    .qz-bar span {display: block;height: 100%;width: 0;background: var(--gold);border-radius: 4px;transition: width .45s cubic-bezier(.2,.7,.2,1);}
    .qz-viewport {min-height: 300px;}
    .qz-viewport.final {min-height: 0;}
    .qz-screen {animation: qz-in .35s cubic-bezier(.2,.7,.2,1) both;}
    .qz-screen.back {animation-name: qz-inb;}
    .qz-screen.out {animation: qz-out .25s ease both;}
    .qz-screen.outb {animation: qz-outb .25s ease both;}
    .qz-title {font-family: var(--hfontfamily);font-weight: 600;font-size: clamp(22px, 2.4vw, 28px);line-height: 1.2;margin-bottom: 8px;color: var(--cream);text-wrap: pretty;}
    .qz-hint {font-size: 14.5px;color: #9aa3b2;margin-bottom: 22px;}
    .qz-lead {color: var(--light);font-size: 16px;max-width: 560px;}
    .qz-opt {display: flex;gap: 12px;align-items: center;text-align: left;font-family: inherit;font-size: 15.5px;line-height: 1.35;color: var(--cream);background: var(--maincolor2);border: 1px solid #3b4a62;border-radius: 14px;padding: 15px 16px;cursor: pointer;transition: border-color .2s, background .2s, transform .2s;}
    .qz-opt:hover {border-color: var(--gold);transform: translateY(-2px);}
    .qz-mk {flex-shrink: 0;width: 20px;height: 20px;border: 1.5px solid #5d6b82;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .2s;}
    .qz-opt.multi .qz-mk {border-radius: 6px;}
    .qz-opt.on {background: #2e3d55;border-color: var(--gold);}
    .qz-opt.on .qz-mk {background: var(--gold);border-color: var(--gold);}
    .qz-opt.on .qz-mk:after {content: '';width: 8px;height: 8px;border-radius: 50%;background: var(--navy-dark);}
    .qz-opt.multi.on .qz-mk:after {width: 9px;height: 5px;border-radius: 0;background: none;border-left: 2px solid var(--navy-dark);border-bottom: 2px solid var(--navy-dark);transform: rotate(-45deg) translate(1px, -1px);}
    .qz-customs {margin-top: 12px;}
    .qz input[type="text"], .qz input[type="tel"] {background: var(--paper);border: 1px solid #d1c9b8;border-radius: 12px;padding: 15px 16px;line-height: 1.5;font-size: 16px;color: var(--textcolor);margin: 0;}
    .qz input[type="text"]:focus, .qz input[type="tel"]:focus {background: var(--paper);border-color: var(--gold);box-shadow: 0 0 0 3px rgba(217,182,122,.3);}
    .qz-form {margin-top: 8px;}
    .qz-nav {display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-top: 24px;min-height: 52px;}
    .qz-back {font-family: inherit;font-size: 15px;color: var(--light);background: none;border: 0;padding: 10px 0;cursor: pointer;}
    .qz-back:hover {color: var(--gold);}
    .qz .bigbutton {margin-left: auto;}
    .qz .bigbutton[disabled] {background: var(--maincolor);color: #fff;opacity: .4;box-shadow: none;}
    .qz-agree {display: flex;gap: 10px;align-items: flex-start;font-size: 13.5px;color: #9aa3b2;margin-top: 14px;line-height: 1.4;cursor: pointer;}
    .qz-agree input[type=checkbox] {flex-shrink: 0;margin: 0;}
    .qz-err {color: #f0a48c;font-size: 14px;margin-top: 10px;min-height: 1em;}
    .qz-ok {display: flex;flex-direction: column;align-items: flex-start;gap: 6px;padding: 20px 0;}
    .qz-check {width: 64px;height: 64px;border-radius: 50%;background: var(--gold);color: var(--navy-dark);display: flex;align-items: center;justify-content: center;font-size: 30px;margin-bottom: 14px;animation: qz-pop .5s cubic-bezier(.2,1.4,.4,1) both;}

/* decisions  ---------------------- */
    .filters {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 32px;}
    .filter {padding: 9px 18px;border-radius: 999px;cursor: pointer;font-size: 15px;line-height: 1.5;font-family: inherit;border: 1px solid var(--maincolor2);background: transparent;color: var(--maincolor2);}
    .filter.active {background: var(--maincolor2);color: var(--cream);}
    .decisions {border-top: 1px solid var(--line);}
    .decision {padding: 28px 0;border-bottom: 1px solid var(--line);}
    .decision .cat {font-size: 13px;letter-spacing: .1em;text-transform: uppercase;color: var(--gold3);display: block;}
    .decision .num {font-size: 18px;display: block;margin-top: 6px;}
    .decision .court {font-size: 14.5px;color: var(--muted);display: block;margin-top: 6px;}
    .decision h3 {font-size: 21px;line-height: 1.3;margin-bottom: 8px;}
    .decision p {color: var(--muted);font-size: 16px;}
    .decision .pdf {font-size: 15px;font-weight: 500;color: var(--gold3);display: flex;gap: 8px;align-items: center;}
    .decision .pdf i {font-size: 24px;}
    .sample-note {margin-top: 20px;font-family: ui-monospace, Menlo, monospace;font-size: 13px;color: #8b8577;}

/* contacts  ---------------------- */
    .contacts-cards {margin-top: clamp(40px, 6vw, 72px);}
    .contact-card {background: var(--paper);color: var(--textcolor);padding: 28px;border-radius: 20px;display: flex;flex-direction: column;gap: 18px;box-shadow: 0 1px 0 #e4ddd0;height: 100%;transition: box-shadow .35s, transform .35s;}
    a.contact-card:hover {box-shadow: 0 24px 48px -24px rgba(22,32,46,.35);transform: translateY(-4px);color: var(--textcolor);}
    .cc-icon {width: 56px;height: 56px;border-radius: 50%;background: var(--maincolor2);color: var(--gold);display: flex;align-items: center;justify-content: center;font-size: 28px;}
    .cc-label {font-size: 13px;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);display: block;}
    .cc-value {font-size: 20px;font-weight: 600;line-height: 1.3;overflow-wrap: anywhere;display: block;margin-top: 4px;}
    .cc-value.email {font-size: clamp(15px, 1.5vw, 18px);white-space: nowrap;overflow-wrap: normal;}
    .cc-link {margin-top: auto;font-size: 15px;font-weight: 500;color: var(--gold3);display: flex;gap: 8px;align-items: center;}
    .cc-link.muted {font-weight: 400;color: var(--muted);}
    .map-box {position: relative;height: clamp(380px, 40vw, 520px);background: var(--sand);border-radius: 26px;overflow: hidden;}
    .map-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;filter: grayscale(.6) contrast(1.02);}
    .map-card {position: absolute;left: clamp(12px, 3vw, 32px);top: clamp(12px, 3vw, 32px);background: var(--maincolor2);color: var(--cream);padding: 24px 28px;border-radius: 18px;max-width: 340px;box-shadow: 0 24px 48px -20px rgba(0,0,0,.45);}
    .map-card .map-label {font-size: 13px;letter-spacing: .12em;text-transform: uppercase;color: var(--gold);margin-bottom: 10px;}
    .map-card .map-addr {font-size: 19px;font-weight: 600;line-height: 1.35;margin-bottom: 18px;}
    .req-card {background: var(--paper);border-radius: 22px;box-shadow: 0 1px 0 #e4ddd0;padding: 8px clamp(16px, 3vw, 32px);}
    .req-row {display: flex;flex-wrap: wrap;gap: 4px 16px;align-items: center;padding: 16px 0;border-bottom: 1px solid #ece6da;font-size: 16px;cursor: pointer;transition: color .2s;}
    .req-row:last-child {border-bottom: 0;}
    .req-row:hover {color: var(--gold3);}
    .req-k {color: var(--muted);flex: 1 1 170px;max-width: 220px;}
    .req-v {flex: 3 1 200px;min-width: 0;font-weight: 500;font-variant-numeric: tabular-nums;overflow-wrap: anywhere;}
    .req-copy {font-size: 13px;color: var(--gold2);display: flex;gap: 6px;align-items: center;white-space: nowrap;}
    .req-copy i {font-size: 18px;}

/* form section  ---------------------- */
    .form-section {position: relative;overflow: hidden;background: var(--maincolor2);color: var(--cream);}
    .form-section .watermark {position: absolute;left: -80px;bottom: -90px;width: 520px;height: 520px;opacity: .12;}
    .form-section .main {position: relative;padding-top: clamp(64px, 8vw, 112px);padding-bottom: clamp(64px, 8vw, 112px);}
    .form-section h2 {font-size: clamp(3rem, 3.8vw, 4.8rem);line-height: 1.12;margin-bottom: 20px;}
    .form-section .lead {color: var(--light);font-size: 17.5px;max-width: 520px;margin-bottom: 32px;}
    .contact-rows {display: flex;flex-direction: column;gap: 10px;}
    .contact-row {display: flex;gap: 18px;align-items: center;padding: 18px 22px;border-radius: 16px;border: 1px solid #3b4a62;color: var(--cream);transition: border-color .2s, background .2s;}
    a.contact-row:hover {border-color: var(--gold);background: #243248;color: var(--cream);}
    .cr-icon {width: 48px;height: 48px;flex-shrink: 0;border-radius: 50%;background: #2e3d55;color: var(--gold);display: flex;align-items: center;justify-content: center;font-size: 24px;}
    .cr-text {display: flex;flex-direction: column;line-height: 1.35;flex: 1;min-width: 0;}
    .cr-text small {font-size: 13px;color: #9aa3b2;}
    .cr-text b {font-size: 18px;font-weight: 600;overflow-wrap: anywhere;}
    .contact-row > i {font-size: 20px;color: #9aa3b2;}
    .form-card {background: var(--paper);color: var(--textcolor);padding: clamp(28px, 4vw, 48px);border-radius: 26px;box-shadow: 0 40px 80px -30px rgba(0,0,0,.5);}
    .form-card h3 {font-size: 26px;margin-bottom: 6px;color: var(--textcolor);}
    .form-card .form-sub {color: var(--muted);font-size: 15.5px;}
    .consult-form {display: flex;flex-direction: column;gap: 18px;}
    .field {display: flex;flex-direction: column;gap: 8px;font-size: 14px;line-height: 1.5;font-weight: 500;color: #3d4350;}
    .form-card input[type="text"], .form-card input[type="tel"], .form-card textarea {background: var(--cream);border: 1px solid var(--line);color: var(--textcolor);padding: 15px 16px;border-radius: 12px;font-size: 16px;line-height: 1.5;margin: 0;}
    .form-card input[type="text"]:focus, .form-card input[type="tel"]:focus, .form-card textarea:focus {border-color: var(--maincolor2);background: #fff;}
    .agree {display: flex;gap: 12px;align-items: flex-start;font-size: 13.5px;color: var(--muted);cursor: pointer;line-height: 1.5;}
    .agree input[type=checkbox] {flex-shrink: 0;margin: 2px 0 0;width: 16px;height: 16px;border-color: var(--maincolor2);}
    .agree input[type=checkbox]:checked:before {border-color: var(--maincolor2);}
    .agree a {color: var(--gold3);text-decoration: underline;}
    .form-error {color: var(--red);font-size: 14px;}
    .consult-form .bigbutton {display: flex;gap: 10px;align-items: center;justify-content: center;width: 100%;font-size: 16.5px;}
    .consult-form .bigbutton i {margin: 0;}
    .form-note {display: flex;gap: 10px;align-items: center;font-size: 13.5px;line-height: 1.5;color: var(--muted);}
    .form-note i {font-size: 20px;color: var(--gold2);flex-shrink: 0;}
    .form-success {display: flex;flex-direction: column;gap: 16px;align-items: flex-start;padding: 24px 0;}
    .form-success .ok-icon {width: 64px;height: 64px;border-radius: 50%;background: var(--maincolor2);color: var(--gold);display: flex;align-items: center;justify-content: center;font-size: 32px;}
    .form-success b {font-size: 26px;font-weight: 600;}
    .form-success span {color: var(--muted);}

/* footer  ---------------------- */
    #footer {background: var(--footerbg);color: #9aa3b2;font-size: 15px;line-height: 1.6;text-align: left;padding: 0;}
    #footer .footer-top {padding-top: 64px;padding-bottom: 32px;}
    #footer a {color: #9aa3b2;}
    #footer a:hover {color: var(--gold);}
    #footer .footer-col {display: flex;flex-direction: column;gap: 10px;}
    #footer .footer-title {color: var(--cream);font-weight: 500;margin-bottom: 4px;}
    #footer a.footer-tel {color: var(--cream);font-size: 19px;}
    .footer-logo {display: flex;align-items: center;gap: 12px;margin-bottom: 6px;}
    .footer-logo .logo-mark {width: 44px;height: 44px;border-radius: 10px;background: var(--gold);box-shadow: inset 0 0 0 3px var(--gold), inset 0 0 0 4px var(--navy-dark);}
    .footer-logo .logo-name {font-size: 19px;color: var(--cream);}
    .footer-bottom {border-top: 1px solid #2b3648;padding-top: 20px;padding-bottom: 32px;display: flex;flex-wrap: wrap;gap: 8px 28px;justify-content: space-between;font-size: 13.5px;color: #7d8696;}


@media all and (max-width: 1440px) {
    /* header  ---------------------- */  
        #header .header-contacts {right: 175px;}
        #header .header-socials > a {display: block;}
        #header .header-contacts img {width: 22px;}
        
    /* map  ---------------------- */  
        #map_box .contacts {transform: translate(-150px, -50%);}
}

@media all and (max-width: 1220px) {
    /* yuritex: mobile menu  ---------------------- */
        #header .mobile-mainmenu-outer {top: var(--mm-top, 82px);left: 0;width: 100%;background: var(--cream);height: calc(100% - var(--mm-top, 82px));box-shadow: 0 30px 40px -20px rgba(22,32,46,.3);border-top: 1px solid var(--line);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity .3s, transform .3s, visibility .3s;}
        body.mobile-mainmenu-active #header .mobile-mainmenu-outer {left: 0;opacity: 1;visibility: visible;transform: none;}
        body.mobile-mainmenu-active {overflow: hidden;}

 .main {width: 990px;}
    
    /* header  ---------------------- */  
        #header .logo {left: 50px;}
        #header .header-search {left: 225px;width: 390px;}
        #top_header .top_header_time {left: 300px;}


    /* mobile menu  ---------------------- */  
        #header #mainmenu {border: none;left: auto;top: auto;height: 100%;transform: none;position: initial;}
        #mainmenu .catalog-menu-wrapper, #mainmenu .desktop-mainmenu, #mainmenu .catalog-menu-button {display: none !important;}

        /* button  ---------------------- */  
            .mobile-mainmenu-button {position: absolute;display: block;top: 50%;transform: translateY(-50%);left: 10px;right: auto;width: 30px;transition: .5s;z-index: 95;cursor: pointer;}
            .mobile-mainmenu-button img {width: 100% !important;}
        
        /* wrapper  ---------------------- */  
            .mobile-mainmenu-outer {top: 0;width: 290px;left: -330px;transition: .5s;height: 100%;z-index: 1000;position: fixed;display: block;background: #fff;box-shadow: 5px 5px 10px #00000063;overflow-y: auto;box-sizing: border-box;}
            .mobile-mainmenu-active .mobile-mainmenu-outer {left: 0;}
                /* close  ---------------------- */  
                    .mobile-mainmenu-close {width: 18px;padding: 10px; right: 0px;top: 0;cursor:  pointer;position: absolute;}
                	.mobile-mainmenu-close img {width: 100%}
                	.mobile-mainmenu-close:hover {transform:rotate(180deg); transition: .7s;}
                /* top block  ---------------------- */  
                    .mobile-mainmenu-topBlock {margin-bottom: 30px;text-align: center;display: block;position: relative;}
                	.mobile-mainmenu-topBlock .logo_m {margin: 45px auto 25px; display: block;}
                	.mobile-mainmenu-topBlock a.tel_m {font-size: 2.2rem;font-weight: 700;display: block;margin-bottom: 8px;text-decoration: none;}
                	.mobile-mainmenu-topBlock .adres_m {text-decoration: none;padding: 0 15px;color: #222;display: block;}
                	.mobile-mainmenu-topBlock .socials-url > img {width: 30px;}
                	.mobile-mainmenu-topBlock .address_m > img {width: 25px;transform: translateY(-3px);}
                    .mobile-mainmenu-topBlock .logo_m img {width: 140px;}
                /* common */
                    .mobile-mainmenu ul {margin: 0;}
                    .mobile-mainmenu li {border-bottom: 1px solid #e5e5e5;margin: 0;list-style: none;}
                    .mobile-mainmenu li:last-child {border: none;}
                    .mobile-mainmenu li a {color: #222;padding: 12px 20px;font-size: 14px;line-height: 20px;text-decoration: none;display: block;}
                    .mobile-mainmenu li.active > a {color: #222;font-weight: 600;}
                    
                    /* parent */
                    .mobile-mainmenu li.parent {position: relative;}
                    .mobile-mainmenu li.parent > a {padding-right: 40px;}
                    
                    .submenu-toggle {position: absolute;right: 0;top: 0;width: 44px;height: 44px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
                    .submenu-toggle::after {width: 10px;height: 10px;filter: none;background: url(/assets/images/icons/plus_black.png) 50% 50%/100% no-repeat;display: block;content: '';}
                    .submenu-toggle.opened::after {background-image: url(/assets/images/icons/minus_black.png);}
    
                    /* submenu */
                    .mobile-submenu {padding-left: 10px;}
    /* map  ---------------------- */  
        #map_box .contacts {transform: translate(-50px, -50%);}
} 

@media all and (max-width: 980px) {
    .main {width:770px;}
    
    /* homepage  ---------------------- */  
    
        /* slider  ---------------------- */  
            .homepage_slide {height: 300px;}    
            .homepage_slide img {height: 100%;object-fit: cover;}
    
    
    /* header  ---------------------- */  
        /* search  ---------------------- */  
            #header .search-icon {right: 390px;width: 30px;height: 30px;margin:0;box-sizing:border-box;padding: 5px;vertical-align:middle;top: 50%;transform: translateY(-50%);position: absolute;cursor: pointer;display: block !important;}
            #header .header-block .msearch2  {display: none;}
            #header .header-search {left: auto;right: 0;top: 105px;width: 100%;z-index: 2;}
            #header .header-search input {border-radius: 0;}
    
    /* map  ---------------------- */  
        #map_box .contacts {transform: translate(50px, -50%);}

}

@media all and (max-width: 768px) {
    /* yuritex  ---------------------- */
    body .main {padding: 0 20px;}
    .map-card {right: clamp(12px, 3vw, 32px);}

    .main {width: 100%;padding: 0 10px;}
    /* header  ---------------------- */  
        #top_header {display: none;}
        body.min #top_header {margin-bottom: 0;}
        .mobile-mainmenu-button {left: auto;right: 10px;}
        
        /* logo  ---------------------- */
            #header .logo {left: 10px;height: calc(100% - 30px);max-width: calc(100% - 60px);}
            
        /* search-icon   ---------------------- */
            #header .search-icon {right: 360px;}
    
    /* homepage  ---------------------- */  
        /* slider */
            .homepage_slide .homepage_slide_content {left: 30px;}
    

    /* map box */
        #map_box {height: 100%;padding-bottom: 0;}
        #map_box .contacts img {margin: 10px auto 20px;}
        #map_box .contacts {transform: none;text-align: center;padding: 15px 35px 15px 5px;position:relative;padding: 50px 15px;right: auto;top: auto;width: 98%;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        #map {height: 300px !important;}
    
    /* Footer  ---------------------- */  
        #footer {padding: 10px 0 65px;}

    
    /* Mobile Bottom Iconbar ---------------------- */
        #mobile_bottom_iconbar {position: fixed;bottom: 0;height: 55px;background: var(--grey);left: 0;width: 100%; z-index: 5}
        #mobile_bottom_iconbar > .main {padding: 0;}
        #mobile_bottom_iconbar img {width: 20px;}
        .iconbar-search-input  {display: none;}
        #mobile_bottom_iconbar .msMiniCart a, #mobile_bottom_iconbar .wrapper-cart {display: block !important;}
        #mobile_bottom_iconbar .cart_count {right: 30px;top: 4px;color: #fff;position: absolute;background: var(--maincolor);border-radius: 100px;width: 15px;height: 15px;text-align: center;font-size: 12px;font-weight:500;line-height: 15px;}
        #mobile_bottom_iconbar .msMiniCart .ms2_total_cost {font-size: 14px;transform: translateY(-4px);}
        #mobile_bottom_iconbar .msMiniCart .currency {font-size: 12px;margin-left: 0;transform: translateY(-4px);}
        #mobile_bottom_iconbar input {padding: 0 110px 0 20px;background: #fff;margin: 0}
        #mobile_bottom_iconbar button {background: var(--maincolor);border-radius: 5px;color: white;outline: none;padding: 0 30px;line-height: 35px;right: 5px;position: absolute;top: 50%;margin: 0;transform: translateY(-50%);border: 0;cursor: pointer;}
        #mobile_bottom_iconbar .msearch2 {position: absolute;bottom: 60px;left: 0;box-shadow: 0px -5px 5px #0000002b;width: 100%;}
    /* Modal ---------------------- */
        .modal {padding: 20px;left: 0;top: 0;transform: none !important;width: 100%;min-height: 100%;border-radius: 0;}
        .modal .close_modal {top: 5px;right: 5px;}
        .modal {text-align: left;}
        
    .hystmodal-right .hystmodal__close {left: auto;}
}

@media all and (max-width: 570px) {
    /* yuritex  ---------------------- */
    body .main {padding: 0 20px;}
    .logo-sub {display: none;}
    .qz-nav .bigbutton {padding: 0 20px;}

    .main {width: auto;padding: 0 10px;}
    
    /* header  ---------------------- */
        /* search-icon   ---------------------- */
        #header .search-icon {right: 170px;}
        
        
    /* mobile menu  ---------------------- */
    .mobile-mainmenu li.id16 {border-top: 1px solid #f3f3f3;}
    
    /* uslugi  ---------------------- */
        /* banner  ---------------------- */ 
            .uslugi_banner {padding: 35px 0;background-attachment: initial;}

    /* Pages  ---------------------- */
        /* Contacts  ---------------------- */
        .contact-info {transform: none;}
        
        
    /* Tabs  ---------------------- */    
    .tabs__content {padding: 15px 0;}
    
    
    /* Checkbox  ---------------------- */    
    input.checkbox {width: 17px;height: 17px;margin: 0 3px 0 0}
    input.checkbox:not(checked) + label {padding: 0 0 0 45px;display: block;margin: 0;/* align-items: center; */}
    input.checkbox:not(checked) + label:before {top: 5px;left: 0;width: 40px;height: 18px;}
    input.checkbox:not(checked) + label:after {top: 8px;left: 2px;width: 11px;height: 11px;}
    input.checkbox:checked + label:after {left: 26px;}
    #scrollup {width: 35px;height: 35px;right: 5px;bottom: 20px;}

    
    
}