/*@import url("reset.css");*/
@import url("helper.css");
@import url("clearsans.css");
@import url("bebas.css");
*{ 
	outline-color:none !important;
	-webkit-focus-ring-color:none !important;
}
:focus{ 
	outline:none !important
}


html, body { margin:0; padding:0;  min-width:320px; 	font-family:"ClearSansRegular", Calibri, Helvetica, Arial; width:100%}
body { padding-top:50px;}

div{	position:relative}
.cl{ clear:both;}

a{color: inherit;}
header a{text-decoration: none;}

.__side-padding{ padding:0 15px}
.__section-item{ max-width:1100px; margin:auto;}



.container-wrapper{ padding:0 15px; box-sizing:border-box; width:100%; margin:auto; max-width:1200px; }
.wrapper{ max-width:1100px; margin:auto; padding:0 15px}

.content .wrapper{ padding:20px 15px}

.first-block.wrapper {
	max-width: none;
	margin: 0;
}
.slider {
	max-width:none;
}
.sprite-1{ background-image:url(../images/sprite-1.png); display:block;  width:22px; height:22px; background-repeat:no-repeat;}
.sprite-1.time{ background-position:0 0}
.sprite-1.mail{ background-position:-22px 0}
.sprite-1.phone{ background-position:-44px 0}

.mobile{ display:block}

.tittle{margin: auto; width: auto; text-align: center; display: block; font-weight: bold; padding: 10px 0;}
p{
	display: block; margin: 0; 
}
.title-wrap{}
.title-wrap h2{ text-align:center; font-family: "ClearSansLight"; text-transform:uppercase; font-size:18px; font-weight:normal}
.trith-block .title-wrap{ padding:10px;}
header{  border-bottom:10px solid #00524e;  box-shadow: 0px 0px 10px black; z-index: 999; position:relative; position:fixed; top:0; left:0; width:100%; z-index:10000; background:#fff}
.header{ height:50px;}

.header .phone-mobile{ position:absolute; top:0; bottom:0; left:140px; height:38px; margin:auto  }
.header .phone-mobile a{ display:block; font-family:'BebasBook'; text-decoration:none; color:#373737; font-size:17px;}


.header .logo{display:block; width:120px; height:40px;  background-image:url(../images/logo-m.svg); background-repeat:no-repeat; background-position:left center; background-size:contain; margin:auto; position:absolute; top:0; bottom:0; left:10px }
.header .logo span{ visibility:hidden;}
.header .c-block-wrap{ display:none; position:absolute; top:75px; width:100%}
.header .c-block{ position:absolute;  height:42px; width:100%; top:0; right:0; }
.header .c-block.time{}
.header .c-block.phone{ display: block;  text-align:center}
.header .c-block.phone .text-2 span{ padding:0 5px;}
.header .c-block .text-1{ display:block; color:#00534F; font-size:14px; line-height:21px; font-family: "ClearSansRegular"  }
.header .c-block .text-2{ display:block; color:#969696; font-size:14px; line-height:21px}

.header .no-mobile{ display:none !important; }

.header .menu-wrap .menu li a:hover{	background: rgb(255, 153, 0)}
.header .menu-wrap .menu li a.active:after{ content:" "; position: absolute;  width:100%; height:5px; left:0; bottom: 0px; background:rgb(255, 153, 0);}

.header .w600{ display:none !important}
.header .w740{ display:none !important}
.header .w1100{ display:none !important}

.container .first-block { border-bottom: px solid #00524e;  }

/********************************************/
.mobile-menu-button{position: absolute; height: 25px;  width: 25px;  right: 10px;  bottom: 0px;   top: 0;  margin: auto;}
.mobile-menu-button span { position: absolute; background:#806d57; width: 100%; display: block; bottom: 0; top:0;  right: 0; left:0;	margin:auto; height:2px;
    transition-property: all; 	transition-duration: 0.3s;	transition-timing-function: ease;
	-webkit-transition-property: all; 	-webkit-transition-duration: 0.3s;	-webkit-transition-timing-function: ease;
	}
.mobile-menu-button span:before,
.mobile-menu-button span:after{ content:""; display:block; position:absolute; height:2px; background:#806d57; width:100%;
	transition-property: all; 	transition-duration: 0.2s;	transition-timing-function: ease;
	-webkit-transition-property: all;	-webkit-transition-duration: 0.2s;	-webkit-transition-timing-function: ease; 
}
.mobile-menu-button.is_open span { background:none;}
.mobile-menu-button.is_open span:before{  width:100%; background:#DF1E34; -webkit-transform: rotate(45deg);     transform: rotate(45deg); top:0; bottom:0; left:0; right:0; margin:auto}
.mobile-menu-button.is_open span:after{  width:100%;  background:#DF1E34;-webkit-transform: rotate(-45deg);     transform: rotate(-45deg); top:0; bottom:0; left:0; right:0; margin:auto}	
.mobile-menu-button span:before{ top:-8px;  left:0;}
.mobile-menu-button span:after{  bottom:-8px; right:0; 	}

.over-content .topmenu { width:90%; max-width:220px;}
.over-content .topmenu ul{ padding:0px; margin:0; list-style:none; }
.over-content .topmenu ul li{ display:block;  margin:0; padding:5px 0; width:100%}
.over-content .topmenu ul.level-2{padding:10px 0;}
.over-content .topmenu ul li.level-2{padding:0;}
.over-content .topmenu ul li.level-1 > a{ display:block;  border:none; text-align:center; padding:10px 10px; margin:0; border-radius:4px; border: 1px solid #718e8b;
    background: #2e504d; position:relative; text-align:center; color:#fff; text-decoration:none; }
.over-content .topmenu ul li.level-2 a{ display:block;  font-size:14px; font-family:ClearSansLight; border:none; padding:5px; margin:0;  position:relative;  color:#fff; text-decoration:none; }

.over-content .topmenu ul li ul li a{ padding-left:30px; text-transform:none;}
.over-content .topmenu ul li:first-child a, .over-content .topmenu ul li:last-child a{ margin:0}


/*////////////////////////////////////////1BLOCK 320////////////////////////////////////*/
.tittle h1 {
	font-size:18px; display: block; margin: auto; color:black; text-align: center;
}

.two-block.wrapper {
	height: auto;
	padding-bottom:40px;
	padding-top:20px;
}
.two-block.wrapper .tittle {
	/*border-top: 5px solid #00534f;*/
}
.container{ overflow:hidden}
.container.usl-1{}
.container.usl-2 .tittle{border: 0}

.container .two-block .section span {
	display: block;
}
.two-block .section .photo {
	height: 160px; margin: auto; margin-top: 10px; background-size: cover; border: 1px solid #717171;
}
.two-block h2{ border:none}

.two-block .section-text p{ text-align:center; font-size:14px; padding-bottom:20px;}


.two-block .section .text-1{ text-align: center; padding-top:15px; padding-bottom:10px; text-transform:uppercase; font-family:"ClearSansMedium";}
.two-block .section .text-1 a{  color: #424242; text-decoration:none; font-family:"ClearSansMedium";}
.two-block .section .text-1 a h3{font-size: 16px; font-weight:normal; margin:0;}
.two-block .section .text-2{font-size: 14px; text-align: center;  color: #424242; padding-bottom:15px;}
.two-block .section .button-wrap{ }
.two-block .section .link-wrap{ padding:10px 0; }


footer .section-wrap{ display: -webkit-flex;	display: flex;  -webkit-flex-direction:column; flex-direction:column;}
.section-wrap .section-cont{ width:100%; padding: 0px; max-width:340px; margin:auto;   box-sizing: border-box; margin-bottom:20px; }

.two-block .section{padding:10px; padding-bottom:0;  background: #fafafa; box-shadow:0 3px 5px -2px rgba(0,0,0,0.2) }

.container.usl-1 .konsul { background:#eee; padding-bottom: 30px; 
	box-shadow: 0px 5px 20px -5px #282828; -webkit-box-shadow: 0px 5px 20px -5px #282828;  -moz-box-shadow:0px 5px 20px -5px #282828;}
.container.usl-1 .konsul .text-1 {display: block; text-align: center; font-weight: 800; font-size: 18px; padding-top: 20px}
.container.usl-1 .konsul .text-2{display: block; text-align: center; font-size: 14px; color: lightslategrey; padding:5px 30px 0 30px; max-width: 800px; margin:auto}
.container.usl-1 .konsul .form{ width:80%; max-width:250px; margin:auto}
.container.usl-1 .konsul form input {display: block;  padding: 10px; text-align: center; font-family: "ClearSansRegular Thin", Helvetica, Arial; 
	font-size: 16px; color: lightgray; border:1px solid lightgrey; width:100%; box-sizing:border-box; margin:15px 0;}
.container.usl-1 .konsul form input[type="button"] {color: white; text-shadow: 0 0 30px black;background-color:#f4a93f;  }
.container.usl-1 .konsul form input[type="button"]:hover { cursor:pointer; background-color:yellowgreen; box-shadow:inset 0 -3px 15px 5px #557230; }


.two-block .section .main-button { color:#777777; display:block; text-align:center; font-size:14px;  }

.link-button {
	display: block; margin: auto; background-color:rgba(255,255,255,0.75); border:1px solid #7D7D7D; color:#1A1A1A; text-decoration:none; width:120px; height:40px; line-height:40px; 	 text-align:center; margin-top:20px;
}
.link-button:hover {
	background-color: #7D7D7D; color: white; cursor:pointer;
}

.content video{     width: 90%;    max-width: 500px;    margin: 20px auto;    display: block;    border: 1px solid #d2d1d1;    background: #eee;    padding-top: 10px;}
.content img{ width:46% !important; height:auto !important; float:left; margin:0 2%;}   
.content img.img-center{ display:block; width:100% !important; float:none; margin:15px auto; max-width:100% !important   }

table.tabb{}
table.tabb{ border-collapse:collapse; width:100%}
table.tabb td{ border:1px solid #D4D4D4; padding:5px; font-size:11px}
table.tabb th{ text-align:center; font-weight:bold;  border:1px solid #f1f1f1; background:#f1f1f1; font-size:10px;  padding:5px;}
table.tabb.price td:nth-child(1){ text-align:center;}
table.tabb.price td:nth-child(3){ text-align:center;}
table.tabb.price td:nth-child(4){ text-align:right;}


.button{  display:block; background-color:#ffb714; text-transform:uppercase; text-decoration:none; line-height:45px; text-align:center; font-size:16px; height:45px; color:#000; border:none; border-radius:4px; box-shadow:0 3px 4px 0 rgba(0,0,0,0.3); max-width:220px; margin:auto; 
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	cursor:pointer;}
.button:hover{  background-color:#ffcc58}

.two-block .button{ background-color:rgb(219, 157, 71); color:#fff}
.two-block .button:hover{ background-color:#da891a;  }

.banner-content .button.wa{margin-top:20px;background:#12cc53;  color: #fff; position: relative; text-transform: none;     text-align: left;
	padding-left: 50px;
	box-sizing: border-box;}
.banner-content .button.wa svg{ display:block; width:30px; height:30px; position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;}
/*////////////////////////////////////////3 БЛОК 320///////////////////////////////////////*/

.container .trith-block {  margin: auto; background: url(../images/BG.jpg) no-repeat; background-size: cover; background-position: center; }
.container .trith-block .main-section .section {
	padding-top: 10px
}
.container .trith-block .tittle {
	padding-bottom: 10px; background: #00534F;
}
.container .section .section-wrap.first {
	padding-top: 20px
}
.container .section .section-wrap.two {
	padding-top: 20px
}
#tittle-3 {box-shadow: 0px 10px 30px 1px #00403d ;  background: #1b5754; }
#tittle-3 h2{ color:#fff; padding:0; margin:0}
.container .trith-block .tittle {
	 color: white
}
.container .trith-block .text-1{
	color: white; display: block; text-align: center; font-size: 16px; font-weight: bold; padding: 10px 20px 0 20px;
}
.container .trith-block .text-2{
	color: white; display: block; text-align: center; font-size: 15px; padding: 10px 20px 20px 20px;
}
.sprite-2{
	background: url(../images/sprite-1.png) no-repeat; display: block; width: 100px; height: 100px; margin: auto;
}
.sprite-2.cool {
	background-position: 0 -84px
}
.sprite-2.shield {
	background-position: -100px -84px
}
.sprite-2.friends {
	background-position: -200px -84px
}
.sprite-2.clock {
	background-position: -300px -84px
}
.container .trith-block {
	box-shadow: -1px 5px 40px -3px #282828; z-index: 2
}
.container .trith-block .section-wrap { max-width:340px; margin:auto}

/***************************************/
.menu-wrap{ display:none; position:absolute; bottom:-10px; right:0; width: 100%;    background-color: #00524e;}
.menu-wrap ul{ padding:0; margin:0; list-style:none; float: right;}
.menu-wrap ul.level-2{ display:none}

.menu-wrap ul li{ float:left;}
.menu-wrap ul li a{ color:#FFFFFF; text-decoration:none; padding:10px 12px; font-size:14px; display:block; position:relative}


/**************************************БЛОК 4 320*******************************************/

.container.usl-2{
	border-bottom: 7px solid #00524e; box-shadow: 0px 5px 15px -5px #282828;  background-size: cover; background-position: center; box-sizing: border-box;     border-top: 8px solid #00534f;

}

/**************************************БЛОК 5 320*******************************************/

.container.usl-3 .wrapper{
	max-width: 1100px; height: 220px;
}
.container.usl-3 .wrapper.for-opacity{
	width: auto;
}
.container.usl-3 .wrapper .section-wrap {
	max-width: 1100px; height: 100px;margin: auto; box-sizing: border-box;
}

.container.usl-3 .section.slider-button{
	width: 15px; height: 15px; box-sizing: border-box; float: left; top: 30px; background-size: cover; background-repeat: no-repeat;
}
.container.usl-3 .section.gallery{
	width: 320px; height: auto; box-sizing: border-box; margin: auto; top: 15px
}

.container.usl-3 .section.gallery span{
	display: block; width: 72px; height: 72px; float: left; box-sizing: border-box;
}

.container.usl-3 .section.gallery .photo{
	background-size: cover; background-repeat: no-repeat; height: 72px; margin: 1%; width:23%;
}

/***************************************ПОДВАЛ 320********************************************/
footer .logo span {
	visibility: hidden;
}
footer .logo {	display:block; width:50px; height:50px;  background-image:url(../images/logo2.png); background-repeat:no-repeat; background-position:bottom; background-size:contain; }

footer{	background:url(../images/BG2.jpg); border-top: 5px solid #00524e; border-bottom: 5px solid #00524e;  background-position: bottom; margin-top:30px;
box-shadow: -1px 5px 40px 1px #282828;}

footer .wrapper{ /*height: 320px*/ }
footer .wrapper .for-opacity { /*height: 235px;*/ padding-top: 15px }
footer .wrapper .section { text-align:center }
footer .wrapper .section.two{ }
footer .section { color: white; padding-top: 10px;text-align:center }
footer .section-wrap {  margin: auto; box-sizing:border-box;
	display: -webkit-box;  display:-webkit-flex; display: flex;

	-webkit-box-pack:justify ;   -webkit-justify-content: space-between;  justify-content:space-between;
	}
footer .section .text-1 {
	font-weight: bold; display: block; 
}
footer .section .text-2{	font-size: 13px; display: block;   }
footer .section.first .text-2{padding-top: 10px}

footer .section.two .text-2{padding-top: 3px}

footer .section:last-child{	 }
footer .section ul{	display: block; padding-left: 0; padding-bottom: 10px; margin: 0;}
footer .section ul li{	padding: 1px; }

footer .sprite-3{width: 180px; height: 35px; position: absolute; right: 10%; top: 28px; }
footer .sprite-3 a{	display: block; width: 35px; height: 35px; box-sizing: border-box; float: left}
#B{background: url(../images/sprite-1.png)no-repeat; background-position: 0 -305px }
#facebook {background: url(../images/sprite-1.png)no-repeat; background-position: -35px -305px}
#g{background: url(../images/sprite-1.png)no-repeat; background-position: -70px -305px}
#ok{background: url(../images/sprite-1.png)no-repeat; background-position: -105px -305px}
#vk{background: url(../images/sprite-1.png)no-repeat; background-position: -142px -305px}

footer .under-footer {
	background: #00524e; display: block; color:#FFFFFF; text-align:center; font-size:12px;; padding:15px;
}
footer .under-footer .text-2.rights{
	font-size: 12px; color: white; display: block; margin: auto; text-align: center; padding-top: 10px
		
}
footer .under-footer .text-2.time{
	font-size: 12px; color: white; display: block; text-align: center; padding-top: 5px; padding-bottom: 5px;
}
footer .under-footer .text-2.time p{
	margin: 3px
}
footer .under-footer .text-2.time p:first-child{
	color:white
}

footer .social-wrap{ width:280px; margin:auto;     }

footer .copyright{ text-align:center; color:#FFFFFF; padding:10px 20px; font-size:12px; margin:auto; }
footer a{color:#FFFFFF; text-decoration:none}
footer a:hover{ text-decoration: underline;}


footer .social-wrap .contact-item {  background-repeat: no-repeat;   background-position: left 10px;    background-size: 25px; padding:10px 0;    padding-left: 35px;     min-height: 30px; padding-right:20px; color:#e3d7bf;
   
    display: -webkit-box;     display: -webkit-flex;     display: flex;
	-webkit-box-orient: vertical; -webkit-flex-direction:column; flex-direction:column;}
footer .social-wrap .watsapp{ background-color:#42C53C; border-radius:6px; color:#fff; background-image:url(../images/whatsapp-icon.svg);     height: 40px;    padding: 0 10px;    line-height: 40px;    padding-left: 40px;    width: 160px;     background-position: 10px center;     margin: 10px auto;}
footer .social-wrap .watsapp a{ color:#fff}

footer .social-wrap .instagram{ background-color:#f59722; border-radius:6px; color:#fff; background-image:url(../images/instagram-icon.svg);     height: 40px;    padding: 0 10px;    line-height: 40px;    padding-left: 40px;    width: 160px;     background-position: 10px center;     margin: 10px auto ;}
footer .social-wrap .instagram a{ color:#fff}


.content-wrapper{ }
.content-wrapper.inside{ max-width:1100px; margin:auto; box-sizing:border-box;   }
.aside{ display:none}
article p{ font-size:14px; line-height:1.5em; padding:5px 0; text-align:justify}
article ul {padding:0px 40px; margin:0}
article li{ font-size:14px; padding:5px 0}
article h1{ padding:0; margin:0; text-transform:uppercase; font-size:22px; margin-bottom:10px; z}
article .text{  }
article .poster{position:relative; overflow:hidden}
article .poster h1{ }
article .poster .button{ position:absolute; bottom:20px; left:20%; width:60%; display:block; box-sizing:border-box; padding:10px 20px; text-align:center; background:#ff8d00; color:#FFFFFF; text-decoration:none; text-transform:uppercase; z-index:10;     border: 1px solid #fff;}
article .poster .button:hover{ background:#ff9900}
article h2{ clear:both; padding:20px 0 3px 0px; margin:0; margin-bottom:10px; color:#4b8a87; text-transform:uppercase; font-size:18px; border-bottom:2px dashed #4b8a87; font-weight:normal}
article img{ max-width:100%; display:block}
article img.small{ width:70% !important; height:auto !important; margin:10px auto;}
article .poster img{  width:100% !important; float:none !important; margin:0 !important; height: auto !important; }

/**************************************************/
.breadcrumbs-container{padding:0; display:none; background: #f1f1f1; }
.breadcrumbs{ height: 20px; clear:both; padding:15px 0; max-width:1100px; margin:auto }
.breadcrumbs.scrolling{margin-left:100px}
.breadcrumbs ul{ display:block; list-style:none; margin:0; padding:0;}
.breadcrumbs ul li{ display:block; float:left; padding:0 5px;}
.breadcrumbs img.home{width: 17px;     vertical-align: text-bottom;  }
.breadcrumbs ul li a,
.breadcrumbs ul li span,
.breadcrumbs .rarr{ color:#00524e; font-size:13px; line-height:25px; }
.breadcrumbs ul li a:hover{ color:#ff8d00; }

/*************************************************/
.menu-sections .title{ text-align:center; line-height:40px; background:#00524e; color:#FFFFFF; text-transform:uppercase; font-size:14px;}
.menu-sections a{display:block; padding:15px 20px; background:#f1f1f1; color:#00524e; text-decoration:none; 
	border-bottom:1px solid #dcd8d8; border-top:1px solid #fff }
.menu-sections a:hover{background:#e6e6e6}
.menu-sections a.current{background:#4b8a87; color:#FFFFFF}

.map{ width:100%; height:400px; background:#eee; border:1px solid #CFCFCF; box-sizing:border-box; margin:20px 0}

.ajax-form-success{ text-align:center;     color: #039c95;}

.preims{ display:table; padding:20px; margin:auto; max-width:320px;}
.preim { margin:5px 0; margin-bottom:20px}
.preim .sprite-3{ margin:0 auto; padding:0px; display:block; width:76px; height:76px;     background: url(../images/sprite-1.png) no-repeat;
box-shadow: 0px 0px 30px -5px #818181;  
-webkit-box-shadow: 0px 0px 30px -5px #818181;  
-moz-box-shadow:0px 0px 30px -5px #818181;
border-radius:50%; 
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
}
.preim .sprite-3.cool{background-position:0 -186px}
.preim .sprite-3.shield{background-position:-76px -186px}
.preim .sprite-3.friends{background-position:-151px -186px}
.preim .sprite-3.clock{background-position:-226px -186px}
.preim p{  display:block; font-size:16px; text-align:center}


			

.red-block{display: block;    padding: 15px;    text-align: center;    background: #fc6f6f;    color: #fff;    font-size: 16px;}
/*******************************************************/

.images{ width:100%; box-sizing:border-box;   max-width:300px; margin:auto;}
.images a.image-item{ display:block; color:#5C5C5C; text-decoration:none; padding:5px 0}
.images a.image-item img{ display:block; width:100% !important; height:auto !important; margin:0;}
.images a.image-item span{ display:block; clear:both; width:100%; box-sizing:border-box;  padding:10px; background:#eee; text-align: right; font-size:13px; font-style:italic;}

.maunty_popup_content .page-subtitle{ border-bottom:1px solid #1b5754}
.maunty_popup_content h2{ font-family:"ClearSansLight"; font-size:18px; text-transform:uppercase; text-align:center; margin:0; padding-bottom:10px;}

.button.preload{ background-repeat:no-repeat; background-position:center; background-size:0px; background-image:url(/mplugins/forms/preloader.svg);
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	cursor:pointer;}
.button.preload.in-process{background-size:25px; font-size:0;}

/********************************************************/
.__article-image{ display:block; position:relative; }
.__article-image._right{  margin-bottom:10px;  margin-top:10px; }
.__article-image._zoom{}

.__article-image img{ width:auto !important; height:auto !important; max-width:100% !important; padding:0 !important; margin:auto !important; float:none !important; margin:auto;}

.__article-image-caption{ position:absolute; left:0px; width:100%; bottom:0;  text-align:right; padding:15px; font-size:13px; font-style:italic; box-sizing:border-box; background: rgba(0, 0, 0, 0.3); color:#fff; text-decoration:none; }

.advert-wrap{ padding:10px; border:2px dashed #9ab9b7; margin:10px 0; background-color:#d2eeec}
.advert-text{ font-size:14px; text-align:center;}
.advert-wrap .button-wrap{ padding:10px;}
.advert-wrap .button-wrap  .button{ width:220px; height:40px; line-height:40px;   font-size:14px;}

@media only screen and (min-width: 480px){
/*////////////////////////////////////////SHAPKA 480//////////////////////////////////////*/

.container.usl-3 .wrapper{
	 height: 250px;
}
	
.slider {
	height: 170px;}
.container.usl-1 .two-block .for-opacity .tittle h1{
	display: block; width: 60%; box-sizing: border-box;
	}
.container.usl-1 .two-block .for-opacity .tittle span{
	
	}
.ramki-wrap{height: 7px;  background: #00534f; }
.ramki{
	display: block; width: 20%; box-sizing: border-box; 
	}
.ramki.levo{
	float: left; background: url(../images/ramka-levo.svg) no-repeat; background-size: cover; height: 20px; background-position: right;
	}	
.ramki.pravo{
	float: right;background: url(../images/ramka-pravo.svg) no-repeat; background-size: cover; height: 20px; background-position: left;
	}
	.container.usl-3 .ramki.levo{float: left; background: url(../images/ramka-levo-2.svg) no-repeat; background-size: cover; height: 20px; background-position: right;}
	.container.usl-3 .ramki.pravo{float: right; background: url(../images/ramka-pravo-2.svg) no-repeat; background-size: cover; height: 20px; background-position: left;}
	
.container.usl-2 .ramki.pravo{float: right; background: url(../images/ramka-pravo-2.svg) no-repeat; background-size: cover; height: 20px; background-position: left;}	
	
.container.usl-2 .ramki.levo{float: left; background: url(../images/ramka-levo-2.svg) no-repeat; background-size: cover; height: 20px; background-position: right;}	
	
.container.usl-3 .section.gallery {
		width: 480px; 
	}
	
.container.usl-3 .section.gallery span{
    width: 105px; 
}

.container.usl-3 .section.gallery .photo{
	background-size: cover; background-repeat: no-repeat; height: 105px; margin: 1%; width:23%;
}

	.container.usl-3 .wrapper .section-wrap{
		height: 130px
	}	
	.container.usl-3 .section.slider-button{
	width: 30px; height: 30px; top: 40px;
}
	footer .section-wrap {	width: 400px; margin: auto}
	footer .wrapper .section.two {  }
	footer .sprite-3{right: 16%}
	footer .wrapper .section.first {  }
	
	article .poster .button{ bottom:40px; left:25%; width:50%;}

table.tabb td{ padding:5px; font-size:12px}
table.tabb th{font-size:11px;  padding:5px;}

	}
@media only screen and (min-width: 640px) {
	.title-wrap h2{ font-size:22px}
	
	.container:first-child {
		background: url(../images/bg-b-3.png) no-repeat;
		background-size: cover;
	}
	.header .logo{ bottom:29px; width:160px; height:50px;}
	.mobile.phone { display:none}
	.no-mobile{ display:block}
	
	.header .phone-mobile{ display:none}
	.mobile-menu-button{ display:none}
	
	body{ padding-top:120px}
	.header{ height:120px;}
	
	.header .w600{display:block !important}
	.header .no-mobile{ display:block !important}
	.header .c-block-wrap { width:200px; top:20px; right:0}
	.header .c-block{  position:relative; }  
	.header .c-block .text-1 {line-height:18px;padding-top: 4px}  
	.header .c-block .text-2 { line-height:18px;}
	.header .c-block.phone{ position:absolute; text-align:left; width:140px; right:0; }
	.header .c-block.mail{ text-align:left; width:140px; position:absolute; right:200px; }
	.header .c-block.phone .text-2 span{ padding:0px; display:block}
	.header .c-block .icon{ position:absolute; left:-32px; top:3px; display:block}

	.header .c-block-wrap{ display:block; top:5px;}
	.c-block-wrap .sprite-1{width:22px; height:22px;}
    .c-block-wrap .sprite-1.time{ background-position:0 0px}
    .c-block-wrap .sprite-1.mail{ background-position:-22px 0px}
    .c-block-wrap .sprite-1.phone{ background-position:-44px 0px}

	.menu-wrap { display:block;}

	.slider {height: 200px;}
	
	.container.usl-1 .konsul .form{ width:520px; max-width:none;}
	.container.usl-1 .konsul form input[type="text"] {width:250px; float:left;}
	.container.usl-1 .konsul form input[type="button"] {width:250px; float:right;}

	
table.tabb td{ padding:10px; font-size:14px}
table.tabb th{font-size:13px;  padding:10px;}
	
/*////////////////////////////////////////1 БЛОК х600//////////////////////////////////////*/
	
	



	
/*/////////////////////////////////////////////3 БЛОК 600///////////////////////////////////////////*/
	
	
	.trith-block  .main-section{
 		display: -webkit-flex;	display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;
	}
	.trith-block .section {
		width:50%; margin:0; 
 	}
	
	.trith-block .main-section-bg {
		height: auto ;margin: auto; max-width: 1100px
	}
	.trith-block .main-section-bg .for-opacity { 
		height: auto; max-width: 680px; margin:auto
		
	}
 	
/********************************************4 БЛОК 600px*********************************/
	
	.container.usl-2{
		background-image: url(../images/fon-206.jpg);
		background-color:#eeeeee;
		background-repeat: no-repeat; 
		background-size: contain;
		background-position:bottom;
		
	}

/****************************************5 БЛОК 600***************************************/
	.container.usl-3 .wrapper{
	height: 270px;
}
	.container.usl-3 .wrapper .section-wrap {
		height: 150px}
	.container.usl-3 .section.gallery{
		width: 540px; height: 130px;}
	.container.usl-3 .section.gallery span{
	    width: 112px;border: 1px solid rgba(125,125,125,1.00);}
	.container.usl-3 .section.gallery .photo{
	background-size: cover; background-repeat: no-repeat; height: 112px; margin-left: 5px;
}
	.container.usl-3 .section.slider-button{
		width: 30px; height: 30px;margin-left: 5px}
/****************************************FOOTER 600***************************************/
	
	footer .logo{width: 80px; height: 117px; }	
	footer .section{ top: 0px}
	
	footer .under-footer .text-2.rights{
		width: 50%; float: left; box-sizing: border-box; padding-top: 16px
	}
	footer .under-footer .text-2.time {
		width: 40%; float: right;
	}
/*
	.container.slider-shadow{
	box-shadow: -1px 5px 40px 1px #282828; z-index: 1
}
*/
	.breadcrumbs-container{ display:block}
.aside{ display:block; width:27%; float:left; top:0; padding-top:20px; 
	-webkit-transition-property: top;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	transition-property: top;
	transition-duration: 0.3s;
	transition-timing-function: ease; }
	.aside.is_stuck{ top:140px !important;}
article.side{ width:72%; float:right;}
article .text{ padding:0;}
.content-wrapper{  padding: 0px; }
.content-wrapper.inside{  padding: 0px 10px;  padding-bottom:30px;}
article img.small{ width:40% !important; float:right !important; margin-left:15px !important;}

.ajax-form-row-error{ text-align:center; color:#FF393C}

.preims{ max-width:none}
.preim .sprite-3{ float:left; margin-right:20px; max-width:none }
.preim p{  display:table-cell; height:76px; vertical-align:middle; font-size:16px; text-align:left}

.images{ max-width:90%; padding:10px 0;}
.images a.image-item{ width:33.33%; float:left; color:#666666; text-decoration:none}
.images a.image-item img{ width:90% !important; float:none !important; margin:auto; display:block;}
.images a.image-item span{ width:90% !important; margin: 0 auto}



}
@media only screen and (min-width: 768px) {
	body{ padding-top:120px;}
	.header{ height:120px;}
	.header .logo{ bottom:0  }
/*////////////////////////////////////////SHAPKA//////////////////////////////////////*/	
	
	.header .w740{display:block !important}
	.header .c-block-wrap {top:10px}
	.header .c-block.time{ width:140px; position:absolute; right:380px; }

.button{ max-width: 240px; height:40px; line-height:40px; font-size:16px; }

	.slider {
	height: 250px;}
	.sprite-2{
	background: url(../images/sprite-1.png) no-repeat; width: 76px; height: 76px;}
	.sprite-2.cool{background-position: 0px -186px}
	.sprite-2.shield{background-position: -76px -186px}
	.sprite-2.friends{background-position: -151px -186px}
	.sprite-2.clock{background-position: -227px -186px}
	
	.tittle {
		font-size: 22px; padding:0; padding-bottom:15px;
	}
	#tittle-3 {padding: 20px 0 20px 0;}
	
	.two-block .section-wrap{display: -webkit-flex;	display: flex;  justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap;  }
	.two-block .section-wrap .section-cont{ padding:0;margin:10px; width:32%; width:calc(33.33% - 20px);}
	.two-block .section-wrap .section-cont.list{ margin-bottom:20px;}

	.two-block .section{ height:100%; padding-bottom: 90px;   box-sizing: border-box;}
	.two-block.usl2 .section{ padding-bottom: 40px; }
	.two-block .section .text-2{ font-size:13px; padding:0}
	
	.two-block .section .button-wrap{position:absolute; bottom:40px; left:0; width:100%;}
	.two-block .section .link-wrap{ padding:10px 0; position:absolute; bottom:0; left:0; width:100%;}


	
	.trith-block .main-section{
		padding-top: 10px 
	}
	.trith-block .main-section{
		padding-bottom: 0 
	}
	

	.two-block .section .photo {
	height: 180px;
	}
	
	/*************************/
	.menu-wrap { width:auto; right:90px}
	.menu-wrap:before{ content:""; position:absolute; width:100px; height:100%; background-image:url(../images/124.svg); background-repeat:no-repeat; background-size:contain;   top:0; left:100%; background-position:-2px 0;  }
	.menu-wrap:after{ content:""; position:absolute; width:100px; height:100%; background-image:url(../images/123.svg); background-repeat:no-repeat; background-size:contain;  top:0; right:100%; background-position:right; background-position:110% 0;  }
	
	
	footer .wrapper {   }
	footer .section-wrap {width: auto; margin: 10px;  -webkit-flex-direction:row; flex-direction:row;}
	footer .wrapper .section{ text-align:left}
	footer .social-wrap { margin:0}
	footer .social-wrap .__line-blocks{ display: -webkit-flex;	display: flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:flex-end;  justify-content:flex-end; -webkit-align-items:flex-end; align-items:flex-end;}
	footer .social-wrap .watsapp, footer .social-wrap .instagram{ margin:10px 0}

	footer .section-wrap .copyright{ position: absolute;    right: 0;    top: 130px;    width: 240px;    text-align: right;    padding: 0;}
 
/****************************************5 БЛОК 740****************************************/
		.container.usl-3 .wrapper{
	height: 330px;
}
	.container.usl-3 .wrapper .section-wrap {
		height: 180px}
	.container.usl-3 .section.gallery{
		width: 100%; top: 5px; height: 150px;}
	.container.usl-3 .section.gallery span{
	    width: 21%; height: 150px;border: 1px solid rgba(125,125,125,1.00);}
	.container.usl-3 .section.gallery .photo{
	height: 140px; margin-left: 1%;
}
	.container.usl-3 .section.slider-button{
		width: 30px; height: 30px;margin-left: 1%; top: 55px}
	
	.container .two-block .tittle h1{
		font-size: 22px; 
	} 
	
	article .poster img{ width:100%; height:auto}
	article h1{ font-size:26px;}
	article img.small{ width:50% !important; float:right !important; margin-left:15px !important;}

	.container.usl-1 .konsul .text-1{ font-size:28px}
    
	
	.__article-image._right{ margin-bottom:10px;  margin-top:10px; margin-left:10px; float:right;  max-width:50%}
	.__article-image img{ }




}


@media only screen and (min-width: 900px) {
/*////////////////////////////////////////SHAPKA 900//////////////////////////////////////*/
	.header .logo {    background-image: url(../images/logo.svg); height:70px;} 

	.menu-wrap{ right:180px;}
	
	.c-block-wrap .sprite-1{width:32px; height:32px;}
    .c-block-wrap .sprite-1.time{ background-position:0 -41px}
    .c-block-wrap .sprite-1.mail{ background-position:-32px -41px}
    .c-block-wrap .sprite-1.phone{ background-position:-64px -41px}
	.header .c-block .icon { left: -42px;   top: -3px;}
	.header .c-block-wrap { top: 15px;	}
	
	.slider {
	height: 300px;}

	.container .two-block .tittle h1{
		font-size: 32px; 
	} 
	 .two-block .section .text-1  a h3 { font-size: 18px;}
	 .two-block .section .text-2{}
	
	.tittle{
		font-size: 26px; padding-bottom: 15px;
	}
	
    .two-block .section .photo {
		 height: 210px; margin: auto; margin-top: 10px;
	}
    .section-wrap .section-cont {
         max-width: none;
    }
/*///////////////////////////////////////////////3 BLOC 900//////////////////////////////////////*/
	
	
	
	
/*************************4 БЛОК 900*****************/
	
	.container.usl-2 .section {	}
	
	.container.usl-3 .wrapper {
		height: 380px
	}
	.container.usl-3 .section.gallery span{
	    width: 21%; height: 150px;border: 1px solid rgba(125,125,125,1.00);}
	.container.usl-3 .section.gallery .photo{
	height: 180px; margin-left: 1%;
}
	.container.usl-3 .section.gallery{
		height: 180px
	}
	.container.usl-3 .section.slider-button{
		width: 40px; height: 40px;top: 70px}
		
		article h1{ font-size:30px;}
		article .poster .button { left: 30%;   width: 40%; padding:15px;}


.menu-wrap ul li a{padding:10px 12px; font-size:16px;}
.menu-wrap:before { width:90px;   }
.menu-wrap:after {  }
	
	footer .section-wrap{ padding-bottom:20px;}
	footer .social-wrap { }
	footer .copyright { p }
	
@media only screen and (min-width: 1100px) {

	header { }
	.header .logo{  }	
	.header .c-block-wrap {   top: 20px; }
	.header .c-block.mail { right:220px}
	.header .c-block.time { right:450px}
	.header .w1100{ display:block !important}


	.menu-wrap ul li a {    padding: 12px 20px;    font-size: 16px;}
	
	.slider {
	height: 450px;}
.container.usl-3 .section.slider-button{
		width: 50px; height: 50px }


	.banner-content .button.wa{ display: none}
	
	.container.usl-2 {
		background-position: center bottom;
	}	
	.two-block .section { padding-left:15px; padding-right:15px}

	.two-block .section-wrap .section-cont { width: calc(33.33% - 20px);}
	.two-block .section .text-2{ font-size:16px; padding:0 20px}
	
	article .poster .button { left: 35%;   width: 30%;}
	
	/*footer .wrapper { height: 280px;  width: 100%;}*/
	
	.trith-block .main-section-bg {max-width: 1140px; padding:40px 0}
	.trith-block .main-section-bg .for-opacity {max-width: 100%; display: -webkit-flex;	display: flex;}
	.trith-block .main-section{ width:50%}
	.trith-block .section .section-wrap.first, .trith-block .section .section-wrap.two{ padding-top:0} 
	.container .trith-block .text-1 {   padding-top: 20px}
	.container .trith-block .text-2{ font-size:16px;}
	
	footer .section-wrap{ margin:10px 20px;}
	footer .social-wrap .__line-blocks{ -webkit-flex-direction:row; flex-direction:row;}
	footer .social-wrap {  width: 450px;}
	footer .social-wrap .watsapp{ margin-right:30px}
	footer .section-wrap .copyright{ top:100px; width:300px;}
	
	
	.advert-wrap{ 	display: -webkit-flex;	display: flex; -webkit-align-items:center; align-items:center; }
.advert-text{ text-align:left; font-weight:bold; -webkit-flex:1; flex:1  }
.advert-wrap .button-wrap{ }
.advert-wrap .button-wrap  .button{ width:200px;  }
}

.fancybox-navigation{ position: static !important }