/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/
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: 1.85rem !important}
h2#swal2-title {line-height: 2.2rem !important}
iframe {width: 100%;height: 650px;frameborder: 0;}

/* Верстка ---------------------- */
.main {max-width: 1220px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 30px;position: relative;}
.dark:after {content: ''; width: 100%; height: 100%; background: rgb(0 0 0 / 0.5); position: absolute; top: 0; left: 0;}
.white_fon {background: #fff;display: inline-block;margin: 5px 0 0;padding: 3px 5px;border-radius: 5px}
a.but_icon img {width: 30px !important; margin-right: 5px!important; display: inline-block!important;}
.small {font-size: 1.3rem;line-height: 1.7rem;}
.dotted.open_modal {color: var(--maincolor2);border-bottom: 1px dashed var(--maincolor2);font-weight: 900;display: inline-block;cursor: pointer;transition:.5s;}
.dotted.open_modal:hover {color: var(--maincolor)}
/* 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: 700px;top: 50%;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
    .modalwrapper {background: rgba(0, 0, 0, 0.7);}
    .modal {background: #fff;color: #222;box-shadow: 5px 5px 15px #000;padding: 40px;}
    .modal .close_modal {color: var(--maincolor);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: #222;font-weight: 700;padding: 20px 0 0;}
    .modal p {color: #222;}


/* Список - галочки  ---------------------- */
    ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
    ul.check-list li:before {color: var(--maincolor);position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}

/* Список кружочки  ---------------------- */
    ul.circle-list {margin: 15px 0 20px;display: block;}
    .circle-list li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before {right: calc(100% + 12px);top: 50%;transform: translateY(-50%);border: 3px solid var(--maincolor2);width: 10px;height: 10px;border-radius: 100px;position: absolute;display: block;content: '';}
    .circle-list.circle-list-white li:before {border-color: #fff !important}

/* Список чек и close  ---------------------- */    
    ul.preim {margin: 15px 0 20px;display: block;}
    ul.preim li {list-style-type: none;margin: 25px 0;padding-left: 35px;position: relative;}
    ul.preim li:before {background-size: 20px 20px;display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);content:"";}
    ul.preim1 li:before {background-image: url('/assets/img/icons/close.svg');}
    ul.preim2 li:before {background-image: url('/assets/img/icons/checked.svg');}
    
/* ol li customization ---------------------- */
    ol.numbered {counter-reset: myCounter;}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;position: relative;}
    ol.numbered li:before {background:var(--maincolor2);counter-increment:myCounter;content:counter(myCounter);position:absolute;right: calc(100% + 2px);top: -4px;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(--maincolor2);text-decoration: none;}
    .breadcrumb a:hover {text-decoration: underline;}
    .breadcrumb .divider {padding: 0 5px;display: inline-block;}

/* 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(--maincolor2) !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;color: #fff !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(--maincolor2) !important;color: #fff !important;border-radius: 5px;margin-left: 10px;outline: none;}
    .owl-arrows3 .owl-nav button.disabled {background: var(--maincolor2) !important;cursor: initial;}
    
/* dots 1 */
    .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
    .owl-dots1 .owl-dots button {background: #e9e9e9 !important;width: 12px;height: 12px;margin: 0 10px;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 */
    .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: #004e01;
    --maincolor2: #e67e22;
    --hcolor: #202021;
    --red: #e84118;
    --blue: #0097e6;
    --green: #44bd32;
    --grey:  #f5f5f5;
    --sky: #f2f7fd;
    --white: #fff;
}
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: #797979;color: #fff;}

html {font-size: 10px;}
body {font-size: 1.8rem;font-weight: 300;font-family: 'Montserrat', sans-serif;color: var(--hcolor);}
a {font-weight:400;color: var(--hcolor);outline: none;text-decoration: none;}
p {margin-bottom: 20px;}
strong {font-weight: 400}
h1 {font-size: 4.5rem;line-height: 4.5rem;font-weight: 600;margin-bottom: 40px;color: var(--hcolor)}
h2 {font-size: 4.0rem;line-height: 4.2rem;font-weight: 600;margin-bottom: 40px;color: var(--hcolor)}
h3 {font-size: 3.5rem;line-height: 3.5rem;font-weight: 600;margin-bottom: 25px;color: var(--hcolor)}
h4 {font-size: 3rem;line-height: 3rem;font-weight: 600;margin-bottom: 25px;color: var(--hcolor)}
h5 {font-size: 2.5rem;line-height: 2.5rem;font-weight: 600;margin-bottom: 25px;color: var(--hcolor)}
h6 {font-size: 2rem;line-height: 2rem;font-weight: 600;margin-bottom: 25px;color: var(--hcolor)}



.maincolor {color: var(--maincolor)}
.maincolor2 {color: var(--maincolor2)}
.red   {color: var(--red)}
.green {color: var(--green)}
.blue  {color: var(--blue)}
.white  {color: var(--white)}
.black  {color: #000;}

.bg-grey {background: var(--grey);}
.bg-maincolor {background: var(--maincolor)}
.bg-maincolor2 {background: var(--maincolor2)}
.bg-hcolor {background: var(--hcolor)}
.bg-sky {background: var(--sky);}
.bg-black {background: #000;}
.bg-white {background: var(--white)}

.bshad {box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);}

.before-line {position: relative;color: var(--hcolor);padding: 0 0 0 80px;}
.before-line:before {display: inline-block;height: 1px;width: 50px;background: var(--maincolor);content: "";position:  absolute;top: 50%;transform: translateY(-50%);left: 0;}
.before-line-main {color: var(--maincolor);}
.before-line-main:before {background: var(--maincolor);}

h2.bg {padding-bottom: 10px;font-weight: 400;border-bottom: 3px solid var(--maincolor2); margin: 0 auto 30px; max-width: max-content;}
/* FORM  ---------------------- */
input[type="text"], textarea {line-height: 50px;min-height: 50px;padding: 0 20px;font-weight: 400;color: #222222;border-radius: 5px;width: 100%;margin: 0 0 10px 0;background: #e0e2e8;border: 0;font: inherit;outline: none;box-sizing: border-box;display: block;transition:.5s;}
input[type="text"].error {background: #f7ebeb !important}
textarea {padding: 20px;line-height: normal;resize: vertical;}
input:focus, textarea:focus {background: #e0e2e8;}
.labelFile {padding: 0;line-height: 40px;text-align: center;max-width: 200px;margin: 10px 0;display: block;border: 1px 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}
/* radio*/
input[type=radio] {visibility: hidden;position: absolute;}
input[type=radio] + label {cursor:pointer;}
input[type=radio] + label:before {height:14px;margin-right: 4px;content: " ";display:inline-block;vertical-align: baseline;transition: 0.3s;border:1px solid #464646;transition: 0.3s;}
input[type=radio] + label:before{border-radius:50%;width:14px;}
input[type=radio]:checked + label:before{background: var(--maincolor);}

/*buttons*/
.bigbutton {font-size: .75em;line-height: 45px;padding: 0 40px;background: var(--maincolor2);color: #fff;font-weight: 600;text-transform: uppercase;white-space: nowrap;cursor: pointer;font-family: inherit;border: 2px solid var(--maincolor2);outline: none;border-radius: 5px;display: inline-block;}
.dashed {padding: 0 0 1px;margin: 10px 0;font-weight: 600;white-space: nowrap;border-bottom: 2px dashed var(--maincolor2);color: var(--maincolor);cursor: pointer;display: inline-block;}
.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)}

/* TABLE */
.table{max-width:100%;overflow-x:auto;margin: 15px 0;width:100%;background: var(--grey);}
.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;}




/* Header    ---------------------- */
    #header{height: 100px;box-sizing:border-box;position:fixed;background: transparent;width: 100%;z-index:11;transition: .5s;}
    #header .main {height: 100px;}
    #header .main{position: relative;}
      /* logo */
        #header .logo{color: var(--maincolor);left: 10px;top:50%;transform:translateY(-50%);position:absolute;}
        #header .logo img {width: 180px;transition: .5s;}
      /* mail */
        #header .mail{right: 400px;top:50%;transform:translateY(-50%);position:absolute;color:#fff;font-weight: 600;font-size: 22px;text-decoration:none;}
        #header .mail img, #header .tels img {width: 24px;margin-right: 5px;}
      /* tels */
        #header a.tels {right: 55px;top:50%;transform:translateY(-50%);position:absolute;color:#fff;font-weight:700;font-size: 26px;text-decoration:none;}

    .socials {right: 5px;top:50%;transform:translateY(-50%);position:absolute;}
    .socials a {width: 22px !important;margin-top: -30px;margin-right: -3px !important;}

    .min #header {background: rgb(0 0 0 / 50%);height: 50px;box-shadow: 0 12px 30px 0 rgb(9 2 27 / 15%);}
    .min #header .main {height: 50px;}
    .min #header .logo img {width: 125px;}
    .min #header .mail, .min #header a.tels {color: #fff;}

  /* banner */
    #banner {background: url(/assets/img/page/banner.jpg) 50% 50%/cover no-repeat;margin-top: -30px;padding: 220px 0 80px;position: relative;z-index: 1;}
    #banner h1, #banner h3 {color: #fff;}
    #banner h1 {line-height: 5.5rem;}
    #banner .main {position: relative; z-index: 3;}
    #banner:after {content:''; display: block; position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.55);}
    .bigbutton img {width: 15px;margin-right: 10px;}

    #banner .breadcrumb li {font-size: 1.45rem;}

    .skidki {border: 2px solid var(--maincolor2);max-width: 780px;margin: 30px auto;}
    
    
    #skidka_wrap {background: url(/assets/img/lux_wash.jpg) 50% 50%/cover no-repeat;position: relative;z-index: 1;}    
    #skidka_wrap .text {background: #ffffffd4;border: 2px solid var(--maincolor2);font-size: 2.45rem;}
    #skidka_wrap .ribbon {position: absolute;top: 0;font-size: 1.85rem;right: 0;padding: 5px 15px;color:  #fff;font-weight:  700;background: var(--maincolor2);border-radius: 0 10px 0 10px;}
    #skidka {top: -30px; position: absolute;}
    .text_container .but {font-size: 1.65rem;border-bottom: 1px dashed var(--maincolor2);display: inline-block;}
    .text_container .but:hover {cursor: pointer;}
    
    #komanda .gallery_komanda img {border-radius: 10px;box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);}

    #uslugi img {width: 80px;}
    #uslugi h5 {font-size: 2.4rem;line-height: 2.8rem;}
    
    #counter .numbers {padding: 0 15px;border-left: 1px solid #c5691a;}
    #counter .numbers:first-child {border-left: none;}
    
    #vigodno h6 {font-size: 1.9rem;line-height: 2.3rem;}
    #vigodno img {/*width: 45px;*/border-radius: 10px 10px 0 0;}
    #vigodno p {padding: 30px 20px;font-weight: 500;}
    
    /* #carta img {width: 80px;} */
    
    #map_wrap .contacts {width: 470px;background: #fff;right: 50%;top: 50%;transform: translate(-80px, -50%);position: absolute;z-index: 10;}
    #map_wrap .owl-arrows2 {padding: 0;}
    #map_wrap .owl-arrows2 .owl-prev {left: 5px}
    #map_wrap .owl-arrows2 .owl-next {right: 5px;}
    #map_wrap .owl-arrows2 .owl-prev, 
    #map_wrap .owl-arrows2 .owl-next {background: #e67e22ad !important;}

    #map_wrap .contacts img.icon {width: 15px;margin: 0 10px 0;display: inline-block;}
    #map_wrap .contacts .bigbutton {padding: 0 20px;}



/* Footer    ---------------------- */
	#footer-main a:hover {text-decoration: underline !important;}
	#footer-main ul {margin-bottom: 0;}
	.podval1 .logo {font-size: 60px;line-height: 60px;margin: 0;display: block;font-weight: 900;}
	.podval1 .logo img {max-width: 120px;}
	.podval1 p.rekv {font-size: .8em;}
	
	.podval2 li {list-style: none; margin-left: 0;}
	.podval2 li.parent {margin-bottom: 20px;}
	.podval2 h5 {font-size: 1.65rem;}
	.podval2 .footer-mainmenu li {margin: 7px 0;}
	.podval2 .footer-mainmenu li > a {text-decoration: none;text-transform: none;font-size: 1em;font-weight: 400;color: #000;}
		
	.podval3 .footer-zag {font-size: 0.9em;margin-top: 15px;margin-bottom: 5px;font-weight: 600;text-transform: uppercase;color: #000;}
	.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; color: #000; text-decoration: none;}
	
	 /*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}



.moclients-widget__overlay {overflow: visible !important;}


/* xl */
@media all and (max-width: 1220px) {
    .main {width: 990px;}
    #map_wrap .contacts {transform: translate(100px, -50%);}
} 

/* l */
@media all and (max-width: 980px) {
    .main {width:770px;}
    
    h1, .h1, #banner 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.5rem;line-height: 4rem;}
    h4, .h4 {font-size: 3rem;line-height: 3.5rem;}
    h5, .h5 {font-size: 2.5rem;line-height: 3rem;}
    h6, .h6 {font-size: 2rem;line-height: 2.5rem;}
    
    
    #header {background: rgb(0 0 0 / 70%);height: 50px;box-shadow: 0 12px 30px 0 rgb(9 2 27 / 15%);}
    #header, #header .main {height: 50px;}
    #header .logo img {width: 120px;}
    
    #banner {margin-top: -80px;}
    #map_wrap .contacts {transform: translate(200px, -50%);}
    
    .l-mb10 {margin-bottom: 10px !important;}
}

/* m */
@media all and (max-width: 768px) {
    .main {width: 100%;}
    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.8rem;line-height: 3.2rem;}
    h4, .h4 {font-size: 2.7rem;line-height: 3.0rem;}
    h5, .h5 {font-size: 2.3rem;line-height: 2.8rem;}
    h6, .h6 {font-size: 1.8rem;line-height: 2.2rem;}

    
    #counter .numbers:nth-child(3) {border-left: none;}
    
    #map_wrap .contacts {width: 100%;position: relative;padding: 0;transform: none;height: 100%;right: auto;top: auto;}
    #map_wrap {height: 100%;}
    #map {height: 350px !important;}
    
    .skidki {max-width: none;}


    /* 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: 2.8rem;line-height: 3.6rem;margin-bottom: 20px}
    h2, .h2 {font-size: 2.5rem;line-height: 3.0rem;margin-bottom: 15px;}
    h3, .h3 {font-size: 2.2rem;line-height: 2.6rem;margin-bottom: 15px;}
    h4, .h4 {font-size: 1.95rem;line-height: 2.2rem;margin-bottom: 15px;}
    iframe {height: 1100px;}

    #header .logo img {width: 80px;}
    #header a.tels {right: 55px;font-size: 19px;}
    #header a.tels img {width: 18px;margin-right: 0;}
    .socials a {margin-right: -6px;width: 26px;box-sizing: border-box;}
    
    #banner {margin-top: 0;padding: 110px 0 20px;}
    #banner h3 {font-size: 2.5rem;line-height: 3.2rem;}
    
    #counter .numbers {border-left: none;border-right: none;border-bottom: 1px solid #c5691a;padding: 15px 0;}
    #counter .numbers:last-child {border-bottom: none;}
    
    #skidka_wrap p {font-size: 1.65rem;}
    #skidka_wrap {background: #fff;}    
    #skidka_wrap .text {background: #fff;}

    
    .bigbutton {padding: 0 25px;}
    
    #uslugi h5 {font-size: 2.0rem;line-height: 2.4rem;}

    #skidka_wrap_wrap h4 {font-size: 2.0rem;line-height: 2.5rem;padding: 40px 15px !important;}
    #skidka_wrap .ribbon {font-size: 1rem;padding: 5px !important;}
    
    .owl-dots1 .owl-dots button {width: 6px;height: 6px;margin: 0 5px 20px;}
    .owl-arrows2 {padding: 0 10px;}
    .podval1 .logo img {max-width: 130px;}
    
    .modal img {max-width: 200px;display: block;margin: 10px auto;}
}
/* xs */
@media all and (max-width: 370px) {#header .logo {display: none;}}