body.fm #mainmenu{top: 80px;}
body.fm-hide #mainmenu{top: 40px;}


/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/assets/font/OpenSans-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

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}
.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)}

.swal2-popup {width: 40rem !important;}
.swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
h2#swal2-title {line-height: 2rem !important;}


.small {font-size: .85em;}

.attention {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
}


/* Верстка ---------------------- */
.main {max-width: 1220px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 10px;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%;}

/* 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: .5s;display: none;position: absolute;will-change: transform;-webkit-backface-visibility: hidden;}
    .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: 100%;height: 100%;overflow-y: scroll;top: 50%;}
    .modal::-webkit-scrollbar {width: 10px;background: transparent;}
    .modal::-webkit-scrollbar-track {background: transparent;}
    .modal::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
    .modalwrapper {background: rgba(0, 0, 0, 0.7);}
    .modal {background: #fff;box-shadow: 5px 5px 15px #000;padding: 40px;}
    .modal .close_modal {color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;right: 15px;top: 15px;}
    .modal .close_modal:hover {transform: rotate(90deg);}
    .modal h3 {color: var(--textcolor);font-weight: 700;font-size: 20px;line-height: 24px;padding: 20px 0 0;}
    .modal p.comment {color: var(--textcolor);}



/* Список кружочки  ---------------------- */
    .circle-list {margin: 25px 0;}
    .circle-list li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before {right: calc(100% + 12px);top: 6px;border: 2px solid var(--maincolor);width: 8px;height: 8px;border-radius: 100px;position: absolute;display: block;content:'';}


/* ol li customization ---------------------- */
    ol.numbered {margin: 25px 0;display: block;counter-reset: myCounter;}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 20px;position: relative;}
    ol.numbered li:before {background:var(--maincolor);counter-increment:myCounter;content:counter(myCounter);position:absolute;left:-14px;top:0;color:#fff;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/img/icons/zoom.svg) 50% 50%/20px no-repeat, rgb(41 128 185 / 18%);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    ------------------- */
    .breadcrumb {list-style-type: none;font-size: .9em;display: block; padding: 10px 0;}
    .breadcrumb li {display: inline-block;margin-left: 0;}
    .breadcrumb a {color: var(--maincolor);text-decoration: none;}
    .breadcrumb a:hover {text-decoration: underline;}
    .breadcrumb .divider {padding: 0 5px;display: inline-block;}
    
    #breadcrumbs_sub {position: absolute;z-index: 9;text-align: center;left: 0;bottom: -120px;width: 100%;}
    #breadcrumbs_sub .breadcrumb a {color: var(--maincolor2);}

/* TABLE */
.table{max-width:100%;overflow-x:auto;margin: 0;width:100%;background: transparent;}
.table::-webkit-scrollbar {width: 8px;height: 8px;background: #000;}
.table::-webkit-scrollbar-track {background: transparent;}
.table::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
.table td {padding: 10px 5px;color: #000;vertical-align: middle;width: auto !important;height: auto !important;}
.table tr {border-bottom: 1px solid #e7e7e7;}
.table td a {border-bottom: 1px dashed var(--maincolor2);}
.table tr:last-child {border-bottom: 0;}
.table tr th {background: var(--maincolor2);font-weight: 600;padding: 10px 5px;}


/* OWL Carousel    ------------------- */

    /* arrows 1 */
        .owl-arrows1 .owl-nav button {width: 40px;height: 40px;background: rgba(255, 255, 255, .5) !important;color: #000;border-radius: 5px;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
        .owl-arrows1 .owl-nav .owl-prev {left: 5px;}
        .owl-arrows1 .owl-nav .owl-next {right: 5px;}
        .owl-arrows1 .owl-nav button:hover {background: var(--maincolor) !important;color: #fff !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;height: 30px;width: 30px;border-radius: 5px;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;}
    
    
    /* 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(--maincolor) !important;color: #fff !important;border-radius: 5px;margin-left: 10px;outline: none;}
        .owl-arrows3 .owl-nav button.disabled {background: var(--gray) !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 5px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;}
        .owl-dots1 .owl-dots button.active, 
        .owl-dots1 .owl-dots button:hover {background: var(--maincolor2) !important;}
    
    
    /* dots 2 */
        /*
            <div class="owl-dots2-wrapper">
                <div class="owl-dots2"></div>
            </div>
            dotsContainer: '.owl-dots2',
        */
        .owl-dots2-wrapper {text-align: center;line-height: 10px;}
        .owl-dots2 {background: #dadada;padding: 10px;border-radius: 25px;margin: 10px 0;text-align: center;display: inline-block;line-height: 0px;}
        .owl-dots2 button {background: var(--grey) !important;width: 10px;height: 10px;margin: 0 5px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;border: 0;padding: 0;}
        .owl-dots2 button.active, 
        .owl-dots2 button:hover {background: var(--maincolor) !important;}
        
        



/*------------------ -------------------*/
/*                COMMON                */
/*------------------ -------------------*/
:root {
    --maincolor: #d61716;
    --maincolor2: #5a5a5a;
    --textcolor: #000;
    --hcolor: #000;
    --red: #e84118;
    --orange: #f3a416;
    --blue: #007aff;
    --green: #44bd32;
    --grey:  #f3f2f2;
    --sky: #f2f7fd;
    --white: #fff;
    --dark: #1d1d1d;
    
    --menugradient: linear-gradient(to bottom, #f95b5b, #ad0b09);
}


.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)}
.grey {color: var(--grey)}
.sky {color: var(--sky)}
.white {color: var(--white)}
.dark {color: var(--dark)}
.orange {color: var(--orange)}

.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-grey {background: var(--grey);}
.bg-sky {background: var(--sky);}
.bg-white {background: var(--white);}
.bg-dark {background: var(--dark);}
.bg-orange {background: var(--orange);}


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

html {font-size: 10px;}
body {font-size: 1.4rem;line-height: 2.0rem;font-family: 'Open Sans', sans-serif;font-weight: 400;
background: url(/assets/img/body-bg.png);
background: url(/assets/img/bg.jpg) ;

color: var(--textcolor);}
a {font-weight:400;color: var(--maincolor);outline: none;text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin-bottom: 20px;}
h1, .h1 {font-size: 2.7rem;line-height: 3.4rem;margin-bottom: 25px;color: var(--hcolor)}
h2, .h2 {font-size: 2.2rem;line-height: 2.5rem;margin-bottom: 25px;color: var(--hcolor)}
h3, .h3 {font-size: 1.85rem;line-height: 2.35rem;margin-bottom: 25px;color: var(--hcolor)}
h4, .h4 {font-size: 1.75rem;line-height: 2.0rem;margin-bottom: 25px;color: var(--hcolor)}
h5, .h5 {font-size: 1.65rem;line-height: 1.95rem;margin-bottom: 25px;color: var(--hcolor)}
h6, .h6 {font-size: 1.55rem;line-height: 1.85rem;margin-bottom: 25px;color: var(--hcolor)}

.bshad {box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);}
.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;}
.before-line-main {color: var(--maincolor);}
.before-line-main:before {background: var(--maincolor);}

.bottom-line {position: relative;z-index: 2;display: inline-block;padding: 0 5px;}
.bottom-line:before{left:0;bottom: 0px;width: 100%;max-width: 500px;display: inline-block;height: 10px;background: var(--maincolor2);border-radius:2px;position:absolute;content:'';z-index:-1;}
.small {font-size: 1.45rem;line-height: 1.65rem;}
.big {font-size: 1.45em;line-height: 2em;}
.iframe_usl {width:100%;height:315px;}

/* FORM  ---------------------- */
input[type="text"],input[type="email"], textarea {line-height: 50px;min-height: 50px;padding: 0 20px;font-weight: 400;color: #000;border-radius: 5px;width: 100%;margin: 0 0 10px 0;background: var(--grey);border: 0;font: inherit;outline: none;box-sizing: border-box;display: block;transition:.5s;}
input[type="text"].error,input[type="email"].error {background: #f7ebeb;}
textarea {padding: 20px;line-height: normal;resize: vertical;}
input:focus, textarea:focus {background: #e0e2e8;}
/* radio*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position: relative;font-size: 15px;padding-left: 28px;margin-right: 10px;cursor: pointer;line-height: 20px;display: inline-block;color: #222}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: var(--maincolor);position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease}
[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/* file*/
.labelFile{padding:0;line-height:40px;text-align: center;max-width:200px;margin: 10px 0;display:block;border: 2px solid var(--maincolor);position: relative;border-radius: 5px;}
.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/img/icons/upload.svg) 50% 50%/100% no-repeat;color: var(--maincolor);font-family: 'FontAwesome';display: inline-block;left: 10px;width: 13px;height: 13px;margin-right: 5px}
/* bigbutton*/  
.bigbutton {font-size: 16px;line-height: 50px;padding: 0 50px;background: var(--maincolor);color: #fff;font-weight: 600;text-transform: uppercase;white-space: nowrap;cursor: pointer;font-family: inherit;border: 0;outline: none;border-radius: 0;display: inline-block;}
.url {color: var(--blue);font-weight: 600;} 
.url img {width: 15px;margin-left: 5px;}
.effect{position:relative;overflow:hidden}
.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)}

    /*blik*/
    .blik{position:relative;overflow:hidden}    
    .blik:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.2);box-shadow:-20px 30px 30px rgba(255,255,255,.1);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
    .blik: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)}
    
/* slide down from top */
.overlay {height: 0%;width: 100%;position: fixed;z-index: 99;top: 0;left: 0;background-color: rgb(0 0 0 / 85%);overflow-y: scroll;transition: .5s;}
body.over_lay {overflow-y: hidden !important;}
.overlay-content {position: relative;top: 5%;width: 500px;margin: 30px auto;z-index: 100;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #fff;display: block;transition: .5s;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 80px;font-weight: 300;color: #fff;}
.overlay-content h2, .overlay-content p {color: #fff; margin-bottom: 10px;font-weight: 600;text-align: center;}
.overlay-content p {margin-bottom: 20px !important;}
.overlay-content .labelFile{background: #f3f4f8;padding: 5px 50px 5px 5px;border: 4px solid var(--maincolor);}
.clear {clear: both;}

.shrochno-v-nomer {
    font-size: 1.6rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: var(--maincolor);
    color: #fff;
    padding: 10px 10px;
}


/* Header    ---------------------- */
    #header{height: 40px;background: #fff;box-sizing:border-box;position:fixed;width: 100%;z-index:11;}
    #header .main {height: 40px;}
    #header .main{position: relative;}

        #header .logo{left: 10px;top:50%;transform:translateY(-50%);position:absolute;}
        #header .logo img {width: 150px;}
        
        #header .tel_block {right: 10px;top:50%;transform:translateY(-50%);position:absolute;/*background: #fff;padding: 20px 15px;border-radius: 10px 10px 0 0;*/}
        #header .tel_block img {width: 15px; margin-top: -4px;display: inline-block;}
        #header .tel_block .block {display: inline-block;margin-right: 15px;}
        #header .tel_block .block:last-child {margin-right: 0;}
        #header .tel_block .block a {font-weight: 500; color: #000;}
        #header .tel_block .block span {color: var(--maincolor); font-weight: 600;}
        
        #header .tel_block .block.gorod {margin-right: 50px;}
        #header .tel_block .block.address {margin-right: 50px;}
        
       /* h2 */
        #header h2 {color: var(--maincolor);font-size:1.6rem;line-height: 2rem;font-weight:400;text-decoration:none;left: 400px;top:50%;transform:translateY(-50%);position:absolute;}
      /* tels */
        #header .tels {left: 500px;top:50%;transform:translateY(-50%);position:absolute;display: flex;align-items: center;}
        #header .tels a {display: block;font-weight:500;font-size:18px;line-height: 19px;color:#222;text-decoration:none;}
        #header .tels img, #header .mail img, #header .time img {height: 26px;margin-right: 10px;vertical-align: middle;display: inline-block;}
       
       /* mail */
        #header .mail {right: 250px;top:50%;transform:translateY(-50%);position:absolute;display: flex;align-items: center;}
        #header .mail a {display: block;font-weight:500;font-size:18px;line-height: 19px;color:#222;text-decoration:none;}
        
       /* time */
        #header .time {right: 5px;top:50%;transform:translateY(-50%);position:absolute;display: flex;align-items: center;font-weight:500;font-size:17px;line-height: 17px;color:#222;text-decoration:none;}
        
       /* search */
        #header form.search-form {position: relative;margin-bottom: 5px;}
        .simplesearch-paging .simplesearch-page {display:inline-block;background:var(--maincolor);line-height:30px;padding:0 10px 2px 10px;font-size: 14px;margin:0 5px;text-decoration:none;color:#fff;border-radius:5px}
        .simplesearch-paging .simplesearch-page a {border-bottom: 1px solid; color: #fff;}

        
/*MAIN MENU  ---------------------- */
    #mainmenu {top: 40px;width: 100%;text-align: left;box-sizing: border-box;position: fixed;background-image: linear-gradient(to bottom, #828494, #282833);padding: 0;z-index: 12;}
    #mainmenu .fast_search {background: linear-gradient(to bottom, #ffffff, #dddddd);color: #000;position: absolute;top: 2px;right: 2px;height: 45px;line-height: 45px;width: 145px;text-align: center;border-radius: 2px;font-weight: 700;font-size: .9em;transition: .9s;}
    /* #mainmenu .fast_search:hover {background: #dddddd;} */
    #mainmenu .fast_search img {width: 15px;margin-left: 3px;}
    #mainmenu .fast_search:hover {cursor: pointer;}
    .menu-part {width: calc(100% - 150px);}
  
  /* search */
        #modal_1 form.search-form {position: relative;margin-bottom: 5px;}
        #modal_1 form.search-form .search-submit {background: var(--maincolor);outline: none;width: 140px;padding: 0;font-size: 2rem;line-height: 45px;right: 5px;top: 5px;position: absolute;margin: 0;color: #fff;border: 0;text-align: center;height: calc(100% - 10px);border-radius: 5px;}
        #modal_1 form.search-form .search-submit:hover {cursor: pointer;}
        #modal_1 form.search-form .search-field {width: 100%;border: 0;line-height: 65px;background: var(--grey);min-height: auto;padding: 0 70px 0 10px;font-size: 1.2em;margin: 0;box-sizing: border-box;}
        
      .alphabet_services_row {border-bottom: 1px solid var(--grey);}
      .alphabet_services_row:last-of-type {border-bottom: 0;margin-bottom: 0 !important;}
  
  
  /* min */
    body.min #mainmenu .fast_search {height: 30px;line-height: 30px;}
    body.min #header {margin-bottom: 50px;}
    
    .mobile-mainmenu-button, .mobile-mainmenu-outer {display: none;}
/* DESKTOP  ---------------------- */
    /* STYLE */
        /* common */
            ul.desktop-mainmenu {margin: 0;transition:.5s;position: relative;display: flex;align-items: center;}
            ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box;}
            ul.desktop-mainmenu a {color: #fff;font-size: 14px;line-height: 25px;font-weight: 400;text-decoration: none;}
                /* submenu */
                ul.desktop-mainmenu ul.submenu {width: 720px;background: #fff;box-shadow: 4px 5px 5px #ccc;padding: 15px 10px 0 10px;margin: 0;box-sizing: border-box;}
                li.menu-level-1.id143 ul.submenu {width: 200px;}
                
        /* 1 level */
            li.menu-level-1 {border-right: 1px solid rgb(255 255 255 / 50%);list-style-type: none;text-transform: uppercase;transition: .5s;display: inline-block;}
            li.menu-level-1 .before {display: block;color: #D2D2D2;text-transform: uppercase;line-height: 15px;}
            li.menu-level-1:hover .before {color: #8d8d8d;}
            li.menu-level-1:last-child {border: none;}
            li.menu-level-1 > a {padding: 6px 5px 3px 15px !important;display: block;font-size: 13px;}
            
                /* hover-active-decoration */
                    li.menu-level-1:hover {background: #fff;}
                    li.menu-level-1:hover a {color: #222;}
                /* parent */
                    li.menu-level-1 {flex-basis: 15%;}
        /* 2 level */
            li.menu-level-2 {text-align: left;text-transform: uppercase;border-bottom: 1px dotted #ccc;padding-bottom: 5px !important;margin-bottom: 5px !important;width:  100%;}
            li.menu-level-2:last-child {border-bottom: none;}
            li.menu-level-2 a {color: var(--maincolor) !important;font-weight: 500;line-height: 18px;}
            li.menu-level-2 a:hover {text-decoration: underline;}
            li.menu-level-2.active > a {text-decoration: underline;}
            li.menu-level-2 span.before {font-size: 0;height: 0;}

        /* 3 level */
            li.menu-level-3 {flex-basis: 32%;margin: 0.6% !important;}
            li.menu-level-3 > a {color: #222 !important;text-transform: none;line-height: 17px;display: block;}
            li.menu-level-3 a:hover {text-decoration: underline;}
            li.menu-level-3.active > a {text-decoration: underline;}


    /* 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.id116> ul.submenu {left: -2px;}
            li.menu-level-1.id120> ul.submenu {right: 0;left: auto;}
            li.menu-level-1.parent:hover > ul.submenu {top: 100%;opacity: 1;visibility: visible;}
        /* 3 level */
            li.menu-level-2 > ul.submenu  {position: relative;background:  transparent;box-shadow: none;display: flex;flex-wrap: wrap;justify-content: left;transition: .35s;padding: 0 !important;margin: 5px 0 !important;z-index: 1;width: 100%;}
  
  
/*HOMEPAGE  ---------------------- */
  /* banner */
  .homepage #banner {margin-top: 130px;}
  .homepage #banner .owl-carousel img {width: 100%;/* max-height: 300px; */}
  .categories .image > img {width: 100%;}
  
  .shagi img {width: 35px;}
  .shagi .block:hover h6 {color: var(--maincolor);}
  
/* teaser category    ---------------------- */
    .teaser {background: #fff;border-radius: 5px;}
    .teaser .title {border-top: 1px dashed var(--maincolor);}
    .teaser:hover img {transform: scale(1.05);}
    .teaser img {transition: .5s;}
    
    .teaser a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 1;}
    
    .mainform {background: url(/assets/img/formbg.png) repeat, #fff;}
    .mainform .componentheading {border-bottom: 1px solid #ccc;}
    .mainform .bigbutton {background: var(--maincolor);color: #fff;border-radius: 5px;margin: 15px auto 10px;}
    .mainform .labelFile {max-width: none;}
    
/* Sub pages  ---------------------- */
    .usluga-page h2 {font-size: 2.8rem;line-height: 3.4rem;margin-bottom: 15px;}
    .preimushestva img {width: 45px;margin-bottom: 15px;}
    .preimushestva .preim_block {border-right: 2px solid #ffffff;}
    .preimushestva .preim_block:last-child {border-right: none;}
    
    #partners_program .image1 img {border-radius: 0 10px 10px 0;}
    
    .sp_url {margin-right: 15px;}
    .sp_url:last-child {margin-right: 0;}
    
/* uslugi    ---------------------- */    
    h3.textzag:after {display: block;content: "";position: absolute;bottom: 0;left: 0;height: 0;width: 990px;border-bottom: 1px solid #5A5A5A;}
    .usluga-page .owl_block {width: calc(70% - var(--fm)/ 2);}
    .usluga-page .banner, .usluga-page .showmore_block {float: left;}
    .usluga-page .banner {width: 600px;margin-right: 10px;}
    .usluga-page .showmore_block {width: calc(100% - 610px);}
    
    .usluga-page .showmore_block_2 img {
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    
    
    .usluga-page .text ul, .usluga-page .table_prices ul {margin: 25px 0;}
    .usluga-page .text ul li, .usluga-page .table_prices ul li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .usluga-page .text ul li:before, .usluga-page .table_prices ul li:before {right: calc(100% + 12px);top: 6px;border: 2px solid var(--maincolor);width: 8px;height: 8px;border-radius: 100px;position: absolute;display: block;content:'';}
   
   
.uslugi_grid {display: grid;grid-template-rows: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px}   
.uslugi_grid .el-2 {grid-column: 3 / span 2;grid-row: 1 / span 2}
.uslugi_grid .el-3 {grid-column: 2 / span 2;grid-row: 3 / span 2}
.uslugi_grid_element {position: relative}
.uslugi_grid_element .uslugi_grid_url {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;}
.uslugi_grid_element .uslugi_grid_title {bottom: 0;left: 0;width: 100%;text-align: center;color: #fff;padding: 10px;font-weight: 700;background: rgba(0,0,0,.3);position: absolute;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}




   
   
    
    .table_prices table {
        width: 100% !important;
        background: #fff;
        margin-bottom: 20px;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 12px 30px 0 rgb(9 2 27 / 15%);
    }
    
    .table_prices td {
        text-align: center;
        vertical-align: middle;
        border: 1px solid var(--dark);
        padding: 5px;
    }
    
    .table_prices table p {margin-bottom: 0;}
    
    .table_prices tbody tr:first-child td {
        background: var(--maincolor) !important;
        color: #fff;
        border: none;
    }
    
    .table_prices tbody tr:first-child td:first-child {border: 0;}
    
    .table_prices tbody tr td:first-child {
        background: #596275;
        color: #fff;
        /* border: inherit; */
    }
    
    .table_prices tbody tr:last-child td:first-child {
        border-bottom-color: #5a5a5a;
    }
    
    .table_prices tbody tr td:first-child {
        border-bottom-color: #fff;
    }

/* Contacts */
    #contacts_block {position: relative;background: #fff;}
    #contacts_block h5 {text-transform: uppercase;color: var(--maincolor);margin-bottom: 0;font-size: 14px;font-weight: 600;}
    #contacts_block h2 {text-transform: uppercase;color: #222;font-size: 28px; line-height: 38px;margin: 10px 0 20px;font-weight: 900;}
    #contacts_block .form_contacts {padding: 55px 55px 0;border-right: 0;}
    #contacts_block input#name {margin-right: 2%;}
    #contacts_block input[type="text"], #contacts_block input[type="email"], #contacts_block textarea {background: #f3f4f8;}

    #contacts_block .details {padding: 55px 55px 25px; color: #222;}
    #contacts_block .details_box h4 {color: #222; font-size: 19px; margin-bottom: 10px;}
    #contacts_block .details_box a, #contacts_block .details_box p {color: #222;font-size: 17px;margin: 10px 0;display: block;}
    #contacts_block .details_box a.bigbutton {color: #fff;}
    
    
    
    .contacts-block {
        position: relative;
        padding-top: 130px;
        margin-top: 130px;
    }
    
    .contacts-block-image {
        width: 200px;
        left: 50%;
        border-radius: 100%;
        border: 8px solid #9495a4;
        box-sizing: border-box;
        position: absolute;
        bottom: 100%;
        transform: translate(-50%,50%);
        overflow: hidden;
    }

    
    .contacts-blocks-title {
        padding: 0 10px;
    }
    .contacts-blocks-title-name {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    
    .contacts-blocks-contacts {
        text-align: center;
        margin-bottom: 10px;
    }
    .contacts-blocks-contacts a {
        font-weight: 700;
        color: #000;
    }
    
    .fsi {font-style: italic;}




/* ЗАПРОС ОТЗЫВА */

.otz-icon {width: 100px;}

.otz-title {
    text-transform: uppercase;
    font-size: 4rem;
    line-height: 5rem;
    border-top: 5px solid var(--maincolor);
    border-bottom: 5px solid var(--maincolor);
    padding: 20px 0;
    margin: 30px auto 0;
    width: min(100%, 500px);
}



/* rating- */

.otz-rating-area label:after {display: none !important;}
.otz-rating-area:not(:checked) > input {display: none; } 
.otz-rating-area:not(:checked) > label {
    width: 50px;height: 50px;
    float: right;padding: 0;cursor: pointer;color: white;text-shadow: 1px 1px #bbb;} 
.otz-rating-area:not(:checked) > label:before { 
    width: 50px;height: 50px;font-size: 60px;
    content: '★';worder: none;background: transparent}

.otz-rating-area > input:checked ~ label { color: var(--maincolor); text-shadow: 1px 1px #c60;} 
.otz-rating-area:not(:checked) > label:hover, 
.otz-rating-area:not(:checked) > label:hover ~ label { color: var(--maincolor); }
.otz-rating-area > input:checked + label:hover, 
.otz-rating-area > input:checked + label:hover ~ label, 
.otz-rating-area > input:checked ~ label:hover, 
.otz-rating-area > input:checked ~ label:hover ~ label, 
.otz-rating-area > label:hover ~ input:checked ~ label { color: var(--maincolor); text-shadow: 1px 1px var(--maincolor); } 
.rate-area > label:active {position: relative;}


/* Footer    ---------------------- */
    #footer-main {background: rgb(0 0 0 / 10%);border-top: 2px solid var(--maincolor2);color: #404041;}
	#footer-main  a:hover {text-decoration: underline !important;}
	#footer-main ul {margin-bottom: 0;}
	.podval1 .logo {margin-bottom: 20px;display: block;color:#fff;font-size:36px;font-weight:400;text-decoration:none;}
	.podval1 .logo img {width: 200px;}
	.podval1 p.rekv {font-size: .8em;}

	
	.podval2 li {list-style: none; margin-left: 0;}
	.podval2 li.parent {margin-bottom: 20px;}
	.podval2 .footer-mainmenu .submenu li > a, .footer-mainmenu li > a {text-decoration: none;color: #404041;margin: 0 0 7px 0;text-transform: none;font-weight: 400;}
	.podval2 h5, .podval3 h5 {color: #007aff;}
		
	.podval3 .footer-zag {font-size: 0.9em;margin-top: 15px;margin-bottom: 5px;font-weight: 600;text-transform: uppercase;color: #404041;}
	.podval3 .footer-zag img {width: 14px;margin-right: 5px;vertical-align: middle;transform: translateY(-2px)}
	.podval3 .footer-zag:first-child {margin-top: 0;}
	.podval3 a, .podval3 p {font-weight: 400;text-decoration: none;color: #404041}
	
	.podval3 img.socials {width: 45px;}
	
	
	 /*scroll up*/
	#scrollup{z-index:5;right:10px;bottom:10px;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity:1;cursor:pointer;position:fixed;display:none;font-size:0}


/* xxl */
@media all and (max-width: 1600px) {
    
}

@media all and (max-width: 1400px) {
    
}

/* xl */
@media all and (max-width: 1220px) {
    .main {width: 990px;}
    html {font-size: 9px;}
    #banner h1 {font-size: 4.0rem;line-height: 4.5rem;}
    #banner h2 {font-size: 2.0rem;line-height: 2.5rem;margin-top: 0;}
    
    /* Header ---------------------- */
    .desktop-mainmenu {display: none !important;}
    .global-wrapper {padding-top: 70px;}
    #header {height: 55px;position: fixed;box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);width: 100%;top: 0;left: 0;background: #fff;}
    #header .main {height: 70px;position: initial;}
    #header .logo {left: 45px;}
    #header h2 {left: 265px;font-size: 16px;line-height: 16px;}
    #header .mail a, #header .tels a {font-size: 15px;line-height: 17px;}
    #header .tels {left: auto;right: 425px;}
    #header .mail {right: 210px;}
    #header .logo img {width: 135px;}
    #header .time {right: 55px;}
    #header .time p {font-size: 14px;}
    #header .tels img, #header .mail img, #header .time img {height: 18px;margin-right: 8px;}
    #header .tels, #header .mail, #header .time {display: flex !important;}
 
    .mobile-mainmenu-button {height: 30px;padding: 0;transition: .5s;cursor: pointer;box-sizing: border-box;position: absolute;display: block;left: 5px;top: 50%;transform: translateY(-50%);}
    #header .logo, #header .tels a {color: #222;}
    
    .homepage #banner {margin-top: 0px;}
    
    /*MOBILE MENU */
      #mainmenu .bigbutton {bottom: 0;top: auto;right: auto;position: fixed;left: 50%;transform: translateX(-50%);z-index: 4;}
      #mainmenu li.id1 > a {background: rgb(255 255 255 / 0.2);padding: 12px 20px;}
      .mobile-mainmenu {text-align: left;}
      #mainmenu.min {display: none;}
    /* wrapper */
        .mobile-mainmenu-outer {background: #fff;border-right: 2px solid var(--maincolor2);top: 0;width: 290px;left: -290px;transition: .5s;height: 100%;z-index: 1000;position: fixed;display: block;overflow-y: auto;box-sizing: border-box;}
        .mobile-mainmenu-active .mobile-mainmenu-outer {left: 0;}
        /* close */
            .mobile-mainmenu-close { width: 25px;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 0;display: block;font-size: 26px;color: var(--maincolor2);font-weight: 700;}
        	.mobile-mainmenu-topBlock .logo_m img {width: 215px;}        	
        	.mobile-mainmenu-topBlock .tel_m {margin: 25px auto 10px;display: block;}
            .mobile-mainmenu-topBlock .tel_m a {font-size: 19px;line-height: 22px;font-weight: 600;color: #222;text-decoration: none;display: inline-block;}
            .mobile-mainmenu-topBlock a.mail_m {font-size: 16px;font-weight: 500;color: var(--maincolor2);text-decoration: none;display: inline-block;}

    /* Style */
        /* common */
        .mobile-mainmenu ul {margin: 0;}
        .mobile-mainmenu li {border-bottom: 1px solid #f1f1f1;margin: 0;list-style: none;}
        .mobile-mainmenu li:last-child {border: none;}
        .mobile-mainmenu li a {color: #000;padding: 12px 20px;font-size: 14px;font-weight: 400;line-height: 20px;text-decoration: none;display: block;}
        .mobile-mainmenu li.active > a:not(.opened) {color: var(--maincolor2);font-weight: 600;}

            /* parent */
            .mobile-mainmenu li.parent > a {padding-right: 35px;position: relative;}
            .mobile-mainmenu li.parent > a:after {width: 15px;height: 15px;background: url(/assets/img/icons/mobile-mainmenu-plus.svg) 50% 50%/100% no-repeat;top: 50%;right: 15px;transform: translateY(-50%);position: absolute;display: block;content: '';}
            .mobile-mainmenu li.parent > a.opened:after {background-image: url(/assets/img/icons/mobile-mainmenu-minus.svg);}
        /* 2 level */
        .modile-menu-level-1 > ul {padding-left: 15px;}
        
        /* 3 level */
        .modile-menu-level-2 > ul {padding-left: 15px;}	
        
        /* fixed */
        .fixedMenu #header {top: 0; position: fixed;}
        .fixedMenu .mobile-mainmenu-button {top: 4px;position: fixed;}
        
    #mainmenu .main {border: none;}
    
    .search-icon {right: 5px;width:35px;height:35px;line-height:15px;border-radius: 100%;margin:0;box-sizing:border-box;padding:5px;vertical-align:middle;top: 50%;transform: translateY(-50%);position: absolute;cursor: pointer;}
    #header .search {left: 0;top: 0;position: absolute;width: 100%;z-index: 999;}
    #header form.search input {background: #fff;border-radius: 0;width: 300px;}
    #header form.search-form {margin-bottom: 0;width: 100%;}
    
    #header  form.search-form .search-close {background: transparent;height: 100%;outline: none;width: 50px;padding: 0;font-size: 2.4rem;line-height: 75px;right: 0;position: absolute;top: 0;margin: 0;color: #000;border: 0;}
    #header form.search-form .search-close:hover {cursor: pointer;}
    #header form.search-form .search-field {width: 100%;border: 0;line-height: 75px;background: #ffffff;min-height: auto;padding: 0 40px 0 10px;font-size: .85em;margin: 0;box-sizing: border-box;}
    
    .usluga-page .banner {width: 100%;}
} 


/* l */
@media all and (max-width: 980px) {
    .main {width:770px;}

    h1, .h1 {font-size: 4rem;line-height: 5rem;margin-bottom: 25px}
    h2, .h2 {font-size: 3.5rem;line-height: 4rem;margin-bottom: 20px;}
    h3, .h3 {font-size: 3.0rem;line-height: 4rem;}
    h4, .h4 {font-size: 2.5rem;line-height: 3.0rem;}
    h5, .h5 {font-size: 2.2rem;line-height: 2.6rem;}
    h6, .h6 {font-size: 2rem;line-height: 2.5rem;}
    
    .uslugi_grid {grid-gap: 10px}

    
    #contacts_block h2 {font-size: 20px;line-height: 22px;margin: 10px 0;}
    #contacts_block .form_contacts {padding: 45px 15px 0;}
    #contacts_block .details {padding: 45px 0 25px 15px;}
    
    

}

/* m */
@media all and (max-width: 768px) {
    .main {width: 100%;}
    
    body {
        font-size: 1.6rem;
        line-height: 2.3rem;
    }
    
    h1, .h1, #banner h1 {font-size: 3.5rem;line-height: 4.5rem;margin-bottom: 25px}
    h2, .h2 {font-size: 3.0rem;line-height: 3.5rem;margin-bottom: 20px;}
    h3, .h3 {font-size: 2.5rem;line-height: 3.0rem;}
    h4, .h4 {font-size: 2.4rem;line-height: 2.9rem;}
    h5, .h5 {font-size: 2.2rem;line-height: 2.6rem;}
    h6, .h6 {font-size: 1.8rem;line-height: 2.2rem;}
    
    #header .tels {right: 60px;left: auto;}
    #header .logo img {width: 95px;}
    #header .mail {right: 218px;}
    
    .search-icon {right: 5px;}
    #header  form.search-form .search-close {line-height: 60px;}
    #header form.search-form .search-field {line-height: 60px;}
    .global-wrapper {padding-top: 60px;}
    
    
    .uslugi_grid {grid-template-rows: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr;}
    .uslugi_grid_element {grid-column: auto !important;grid-row: auto !important;}

    /* 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;}
}

/* s */
@media all and (max-width: 570px) {
    .main {width: auto;padding: 0 10px;}

    h1, .h1, #banner h1 {font-size: 3.0rem;line-height: 3.5rem;margin-bottom: 18px}
    h2, .h2, #vnalichii h2, #hochu_projector h2, #projector h2 {font-size: 2.5rem;line-height: 3.0rem;margin-bottom: 15px;}
    h3, .h3 {font-size: 2.2rem;line-height: 2.8rem;}
    
    #header .mail, #header .mail img {display: none !important;}
    .table_prices td {padding: 2px;font-size: 1.2rem;}
    
    .oferta {padding: 15px 35px;}
    #contacts_block h2 {font-size: 18px;line-height: 18px;margin: 5px 0 10px;}
    h2.komanda {margin-right: 60px;}
    
     #contacts_block .form_contacts, #contacts_block .details {padding: 35px 15px 0 15px;}
     #contacts_block .details_box a, #contacts_block .details_box p {font-size: 13px;line-height: 16px;}

}