@font-face{
  font-family: FontAwesome;
  src: url(../fonts/fontawesome-webfont.eot);
  src: url(../fonts/fontawesome-webfont.ttf);
  src: url(../fonts/fontawesome-webfont.woff);
  src: url(../fonts/fontawesome-webfont.woff);
}

*{
  margin: 0;
  padding: 0;
}
h2, .h2{
	margin-top: 20px;
    font-weight: 500;
    color:#303334;
    margin: 10px 0;
    font-size: 24px;
}
h3, .h3{
    font-weight: 500;
    color:#303334;
    margin: 10px 0px;
}
.h3{
	margin-top: 20px;
}
p, ul, ol{
	color: #333;
    font-weight: 300;
    padding: 5px 0;
    line-height: 1.5;
    font-size: 15px;
}
video{
	width:100%;
	margin: 0 auto;
    display: block!important;
}
.center{
	text-align: center;
}
.content a{
	color: #229dd1;
}
.content iframe{
	margin: 10px auto;
	width: 90%;
}
.content .gallery img{
	padding: 0;
	margin: 5px 0;
	height: 150px;
}
.content img{
	padding: 10px;
	width: auto;
    max-width: 100%;
}
.content li{
	margin-left:20px;
}
.meria{
	display: none;
}
.content .row{
	margin-left:0;
	margin-right: 0;
	display: block;
	overflow: hidden;
}
.logo-slider{
	position: relative;
	display: flex;
	width: 100%;
	min-height: 270px;
}
.presentation-links{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 38px;
	width: 100%;
	position: relative;
	margin-top: -80px;
	padding-bottom: 80px;
	z-index: 4;
}
.presentation-link{
	flex: 0 1 336px;
	display: inline-block;
	padding: 14px 26px;
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 4px;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	background: rgba(6, 62, 196, .6);
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.presentation-link:hover{
	color: #111;
	background: #fff;
	border-color: #fff;
	text-shadow: none;
}
@media screen and (max-width: 767px){
	.presentation-links{
		position: static;
		margin-top: 0;
		padding-bottom: 0;
		padding: 20px 16px;
		background: #f5f5f5;
		flex-direction: column;
		gap: 14px;
		z-index: 2;
	}
	.presentation-link{
		flex-basis: auto;
		width: 100%;
		font-size: 18px;
		padding: 12px 20px;
		text-shadow: none;
		background: #04A5E0;
		border-color: #04A5E0;
		color: #fff;
	}
	.presentation-link:hover{
		background: #0388BD;
		border-color: #0388BD;
		color: #fff;
		text-shadow: none;
	}
}
.logo-slider video{
	
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	height: 270px;
}
.logo-cont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
    z-index: 3;
    text-align: center;
    color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);		
}
.logo-cont h1{
	font-size: 1.8em;	
    text-transform: uppercase;
}
.logo-ooo{
  	text-transform: uppercase;
  	display:none;
}
.logo-small{
	font-size: 0em;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .portf-container{
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: -ms-flex;
  	display: -o-flex;
  	display: flex;
  	flex-wrap: wrap;
  }
.portf img{
	width: 100%;
	height: 100%;
}
.portf a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:-1px;
	color: #303334;
	display: flex;
    align-items: center;
    justify-content: center; 
    overflow: auto;	
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.43s ease;
    border: none;
}
.portf a:hover{
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.43s ease;
}
.portf:hover > .href-block{
	border: none;
	transition: all 0.43s ease;
}
.href-block{
	display: block;
    padding: 10px;
    border: 1px solid rgba(48, 51, 52, 0.4);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.9);
    transition: border 0.2s ease-in-out;
}
.why{
	text-align: center;
	color: rgb(120, 123, 124);
	clear: both;
	padding: 5% 1%;
}
.strong{
	text-align: center;
	color: rgb(120, 123, 124);
	padding: 2% 0;
}
.why h2, .strong h2, .row5 h2, .row6 h2{
	margin: 40px 0;
	color: #222323;
	font-weight: 400;
}
.why p, .row5>p{
	font-size: 1em;
    line-height: 1.55;
    font-weight: 300;
    margin: 15px 10px;
    clear: both;
}
.hr-vertical{
	border-right: 1px solid #d3d4d4;
	width: 50%;
	display: block;
	height: 50px;

}
a.button-light{
	color: #303334;
    background-color: #fff;
    border: 1px solid #c0c1c2;
    padding: 18px 25px;
    margin: 30px auto;
    display: inline-block;
}
.button-light:hover{
	color: #fff;
	background-color: #c0c1c2;
	transition: .3s all ease-out;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
a.button-blue{
	color: #fff;
    background-color: rgba(6, 62, 196, .75);
    border: 1px solid #c0c1c2;
    padding: 11px 25px;
    margin: 30px auto;
    border-radius: 5px;
    display: inline-block;
}
.button-blue:hover{
	background-color: rgba(6, 62, 196, 1);
	color: #fff;
	transition: .3s all ease-out;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
.row-vars{
	display: block;
    background: #686A69 url('../images/bg-image-2.jpg') fixed no-repeat;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}
.total-company{
	border-bottom: 1px solid #fff;
    text-align: center;
    font-weight: 300;
}
.more{
	padding: 10px;
	margin-top: 10px;
}
.var{
	font-size: 4em;
}
.property{
	padding: 20px 10px;
    font-weight: 600;
}
.strong .item-1{
	background: url('../images/bg-1.jpg'); 
	background-size: cover;
}
.strong .item-2{
	background: url('../images/bg-2.jpg'); 
	background-size: cover;
}
.strong .item-3{
	background: url('../images/bg-3.jpg'); 
	background-size: cover;
}
.item-strong{
	text-align: center;
	padding: 20% 0;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.item-strong p{
	width: 256px;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.5;
    color: #fff;
}
.dark-opacity{
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.row5{
	text-align: center;
}
.diapozon{
	position: relative;
	overflow: hidden;
}
.diapozon .item-1{
	background: url('../images/bg-4.jpeg'); 
	background-size: cover;
}
.diapozon .item-2{
	background: url('../images/bg-5.jpeg'); 
	background-size: cover;
}
.n-diapozon{
	position: absolute;
	z-index: 1;
	width: 100%;
    text-align: center;
    color: #fff;
	padding: 5px 0;
    font-size: 1.2em;
    background-color: rgba(0,0,0,0.3);
}
.c-diapozon p{
    padding: 20% 0;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.dark-blue-opacity{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 90, 0.3);
}
.row6{
	text-align: center;
}
.klients{
	background: #F9F9F9;
}
.grid5{
	width: 20%;
	display: block;
	float: left;
    height: 93px;
    text-align: center;
}
.shell{
	overflow: hidden;
    margin: 0 auto;
    width: 95%;
    max-width: 1200px;
}
.shell figure{
	display: block;
	line-height: 90px;
}
.shell img{
	width: 130px;
	vertical-align: middle;
	opacity: 1;
}
.shell img:hover{
	transition: all .2s ease;
	opacity: .5;
}

.copyright{
	background: #282E3A;
    border-top: 1px solid #5F646D;
    padding: 14px 0;
}
.str-right{
	color: #fff;
	font-weight: 300;
	text-align: center;
}
.footer{
	padding: 75px 0;
	background-color: #323946;
	color: #fff;
}
.fot ul{
	padding: 5px;
}
.fot li{
	list-style: none;
	padding: 5px;
	font-weight: 300;
	color:#fff;
}
.fot div{
	font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #5F646D;
    color: #fff;
}
.fot{
	padding: 0 15px;
}
.fot a{
	color: #fff;
	font-weight: 300;
}
.fot a:hover {
	color: #229dd1;
	transition: all .3s ease;
}
.fot .kon li span{
	font-family: 'FontAwesome';
	color: #229dd1;
    padding: 5px 0;
    font-size: 24px;
    width: 30px;
    display: inline-block;
}
.fot .soc li span{
    font-family: 'FontAwesome';
    color: #323946;
    background-color: #fff;
    border-radius: 50%;
    line-height: 25px;
    font-size: 16px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 1px;
    margin-right: 10px;
}
.fot a:hover>span {
	background-color: #229dd1;
	color: #fff;
	transition: all .3s ease;
}
.h1{
	background: url(../images/bg.jpg) fixed;
    background-size: 100%;
	color: #fff;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
}
.gorizont-hr{
	border-bottom: 3px solid #fff;
    width: 50px;
    margin: 0 auto 20px;
}
.kroshka{
	border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}
.kroshka-items{
	padding: 10px 0 15px 0;
	font-weight: 300;
    font-size: 14px;
    color: #999;
}
.kroshka-items li{
	display: inline-block;
    padding: 5px 20px 0 0;
    position: relative;
}
.kroshka-items li::after{
	font-family: "FontAwesome";
    font-size: 16px;
    content: '\f105';
    color: #49add8;
    position: absolute;
    right: -5px;
	top: 3px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
li.kroshka-active::after{
	display: none;
}
.content{
	padding:10px 15px 85px; 
}
#home{
	height: 90px;
	position: relative;
    z-index: 100;
}
.gallery-ppo {
    padding: 0 50px;
    margin-top: 15px;
}
.gallery-ppo .item{
	border: 1px solid #dedede;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	margin: 0 5px;
	max-height: 84px;
	    height: 84px;
	overflow: hidden;
}
.gallery-ppo img{
	padding: 0;
}
.view-gallery-ppo{
	    margin-top: 15px;
}
.view-gallery-ppo .item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;

}
.view-gallery-ppo .item:focus{
	outline: none;
}
.view-gallery-ppo img{
	padding: 0;
}
.gallery-ppo .slick-prev, .gallery-ppo .slick-next{
	opacity: 0.5;
}
.gallery-ppo .slick-prev:hover, .gallery-ppo .slick-next:hover{
	opacity: 0.9;
}
.gallery-ppo .slick-prev {
    left: 0;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjMWMxYzFjIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
}
.gallery-ppo .slick-next {
    right: 0;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjMWMxYzFjIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center no-repeat;
    -webkit-background-size: 30px;
    background-size: 30px;
}
@media only screen and (min-width: 768px){
	.logo-cont{
		top: 30%;
		position: absolute;
	    width: 100%;
	    z-index: 3;
	    text-align: center;
	    color: #fff;		
	}
	.logo-cont h1{
		font-size: 1.8em;
	}
	.logo-ooo{
    	font-size: 1.1em;
	}
	.logo-small{
		font-size: 1em;
		margin-top: 1%;
	}
	.rslides li {
		height: 350px;
	}
	.var{
		border-top: 1px solid #fff;
    	border-bottom: 1px solid #fff;
	}
	.n-diapozon{
		padding: 10px 0;
		font-size: 1.5em;
	}
}
@media only screen and (min-width: 992px){
	#home{
		height: auto;
	}
	.content{
		padding: 40px;
    	box-shadow: 0 0 20px #ccc;
    	margin: 30px 15px 70px;
	}
	
	.logo-cont{
		top: 20%;
		position: absolute;
	    width: 100%;
	    z-index: 3;
	    text-align: center;
	    color: #fff;
	}
	.logo-cont h1{
		font-size: 2.3em;
	}
	.logo-ooo{
		display: block;
    	font-size: 1.3em;
	}
	.logo-small{
		font-size: 1.1em;
		margin-top: 1%;
	}
	.rslides li {
		height: 450px;
	}
	.n-diapozon{
		padding: 20px 0;
	}  
	.meria{
		text-align: center;
		display: block;
	}
	.meria .inner{
		display: inline-block;
		width: 135px;
	}
	.meria img{
		width: 30px;
	    display: block;
	    margin: 0 auto;
	}
	.meria a{
		font-size: 12px;
	}
}
@media only screen and (max-width: 1124px){
	.slogan{
		width: 220px;
	}

}
@media only screen and (min-width: 1200px){
	.logo-cont{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	    width: 100%;
	    z-index: 3;
	    text-align: center;
	    color: #fff;
	}
	.logo-cont h1{
		font-size: 2.9em;
	}
	.logo-ooo{
    	font-size: 1.5em;
	}
	.logo-small{
		font-size: 1.3em;
		margin-top: 1%;
	} 
	.rslides li {
		height: 450px;
	} 
}
.i-tel:before{
	content: "\f095";
}
.i-addr:before{
	content: "\f041";
}
.i-mail:before{
	content: "\f003";
}
.i-work:before{
	content: "\f017";
}
.i-vk:before{
	content: "\f189";
}
.i-youtube:before{
	content: "\f167";
}
.i-face:before{
	content: "\f09a";
}
.i-goog:before{
	content: "\f0d5";
}
.img-gal > a > img{
	height:138px; 
}
table.price{
	text-align:center;
	width: 100%;
	margin: 10px 0;
}
table.price td, table.price th{
	padding:5px;
	border: 1px solid #ccc;
}
/*********** ОТЗЫВЫ *************/
.reviews{
	font-size: 14px;
	overflow: hidden;
	line-height: 1.4;
}
.reviews .item{
	clear: both;
    padding: 30px 0;
    border-bottom: 1px solid rgba(6, 62, 196, .6);
    overflow: hidden;
}
.reviews .item:last-child{
	border-bottom: 0;
}
.reviews .right{
 	width: 70%;
 	float: right;
}
.reviews .left{
	width: 30%;
	float: left;
}
.reviews .date{
	font-style: italic;
}
.reviews .name{
	font-weight: 600;
}
.reviews .img{
	text-align: center;
}
.reviews img{
	max-height: 100px;
	padding: 0 10px 10px 0;
}
.reviews .letter img{
    max-width: 100px;
    padding: 5px;
}
.btn-2{
	border: 1px solid rgb(6, 62, 196);
    background: rgb(6, 62, 196);
    padding: 10px 15px;
    color: #fff;
}
.btn-2:hover{
	color: rgb(6, 62, 196);
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	
}
.addreviews{
	font-size: 14px;
    padding: 20px 5px;
    border: 1px solid #ccc;
    margin: 15px 0;
    display: none;
}
.addreviews .inner{
	width: 50%;
	margin:0 auto;
	background: #fff;
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
        padding: 40px 30px;
}
.addreviews .close{
	position: absolute;
    top: 20px;
    right: 35px;
}

.addreviews .close:before{
	content: "\f00d";
    font-family: "FontAwesome";
    font-size: 25px;
    outline: none;
}
.addreviews .oglav{
	text-align: center;
    font-size: 22px;
    font-weight: 700;
}
.addreviews .main{
	padding-top: 35px;
    text-align: center
}
.addreviews label{
	margin: 5px;
	display: block;
}
.addreviews textarea{
	width: 500px;
}
.addreviews input[type="text"]{
	width: 300px;
}
.addreviews input,.addreviews textarea{
	display: block;
    margin: 10px 0;
    padding: 5px;
}
.addreviews input[type="submit"]{
	padding: 10px;
}
/*********** ОТЗЫВЫ *************/

/*********** CARUSEL ***********/
.carousel  {
   max-width: 1200px; /* ширина всего блока */
   margin: 50px auto;
   width:100%;
}
.carousel-wrapper {
 /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 310px; /* задаём ширину каждого элемента */
   /*padding: 10px 10px 10px 0px;  делаем оступы, чтобы элементы не сливались */
}
.carousel-block img{
	display:block;
	margin: 0 auto;
}
.accordian {
	/*width: 400px;*/
	margin: 50px auto;
	font-size: 14px;
}

.accordian div p{
	margin: 10px 0;
}
	
.even, .odd {
	/*font-weight: bold;*/
	height: 100%;
	overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #666666;
}

.odd:hover {
	background-color: #04A5E0;
	color: #fff;
}

.even:hover {
	background-color: #04A5E0;
	color: #fff;
}
.even {
/*	border: 1px solid #d8d8d8;*/
	background-color: #EDEDED;
	padding-top: 10px;
}
	
.odd {
/*	border: 1px solid black;*/
	background: #EDEDED;
	padding-top: 10px;
	/*color: white;*/
}
/*------------------- form---------------*/
.form_name {
	float: left;
}

form label {
	font-size: 14px;	
	display: block;
}

.form_phone {
	float: right;
}

.form_input {
	font-size: 12px;
	width: 90%;
    padding: 5px 3px;
    margin: 10px 0;
	border: 1px solid #ccc;
	font-family: Tahoma, Geneva, sans-serif;
}

.textarea{
	width: 100%;
    display: block;
    min-height: 150px;
    padding: 5px 3px;
	border: 1px solid #ccc;
	margin: 5px 0;
	font-family: Tahoma, Geneva, sans-serif;
}
.cleaner_h20{
	clear: both;
	height: 20px;
	display: block;
}
.submit_btn{
	border: none;
    background-color: #3A3C5D;
    color: #fff;
    padding: 8px 15px;
	cursor: pointer;
}

.submit_btn:hover {
	background-color: #04A5E0;
}
.rightbar{
	display: none;
}
.podcategory{
	margin: 40px 15px;
}
.podcategory .title-cat{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	text-align:center;
}
.podcategory ul li{
	list-style: none;
    padding: 10px 0;
}
.podcategory ul li a{
	font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #000;
}
.podcategory ul li a:hover{
	border: none;
}
.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown{
	text-align: left;
}
.map-full-wide{
		height: 475px;
		width: 100%;
	}
	[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
.map-full-wide{
	position: relative;
	height: 475px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.map-full-wide .container{
	position: absolute;
    z-index: 1;
    width: auto;
    right: 50%;
    -webkit-transform: translateX(130%);
    -ms-transform: translateX(130%);
    -o-transform: translateX(130%);
    transform: translateX(130%);
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 350px;
}
.map-full-wide .row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}
.map-full-wide .address{
	background: #fff;
	padding: 35px 50px;
	width: 342px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 25.6px;
}
.map-full-wide .address .item{
	margin-bottom: 25px;
}
.map-full-wide .address .name{
	color: rgb(6, 62, 196);
}
.map-full-wide .address a{
	color: #333;
}
.map-full-wide .address .dotted{
	border-bottom: 1px dotted;
}
.map-full-wide .address .dotted:hover{
	border: 0;
}

/*--- REPOST-FIXED ---*/
@keyframes move { 
	to {

	}
	25%{

	}
	50%{

	}
	75%{

	}
	from{

	}
}
.soc-repost{
	position: fixed;
	bottom: 80px;
	right: 40px;
	width: 42px;
	z-index: 999;
}
.soc-repost .but-start{
	width: 40px;
	height: 40px;
	display: block;
	background: #ffd100 url(../images/share.png) center no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
	border-radius: 50%;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
	margin:0 auto;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.soc-repost .but-start.on{
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
	background: #eceff1 url(../images/delete.png) center no-repeat;
	-webkit-background-size: 13px;
	background-size: 13px;
	margin:0 auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;

}
.soc-repost .ya-share2{
	
	padding-bottom: 40px;
	-webkit-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
	transition-delay: 0.25s;
}
.soc-repost .ya-share2.on{
	
}
.soc-repost .ya-share2 li{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.soc-repost .ya-share2.on li:first-child{
	opacity: 1;
	visibility: visible;
	transition-delay: 0.25s;
}
.soc-repost .ya-share2.on li:nth-child(2){
	opacity: 1;
	visibility: visible;
	transition-delay: 0.2s;
}
.soc-repost .ya-share2.on li:nth-child(3){
	opacity: 1;
	visibility: visible;
	transition-delay: 0.15s;
}
.soc-repost .ya-share2.on li:nth-child(4){
	opacity: 1;
	visibility: visible;
	transition-delay: 0.1s;
}
.soc-repost .ya-share2.on li:nth-child(5){
	opacity: 1;
	visibility: visible;
	transition-delay: 0.05s;
}
.soc-repost .ya-share2.on.hides li:first-child{
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.05s;
}
.soc-repost .ya-share2.on.hides li:nth-child(2){
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.1s;
}
.soc-repost .ya-share2.on.hides li:nth-child(3){
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.15s;
}
.soc-repost .ya-share2.on.hides li:nth-child(4){
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.2s;
}
.soc-repost .ya-share2.on.hides li:nth-child(5){
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.25s;
}
.soc-repost .ya-share2__badge {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding: 9px;
    margin-bottom: 10px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}
.soc-repost .ya-share2__container_size_m .ya-share2__counter{
	display: none;
}
/*--- REPOST-FIXED ---*/

.whitesection{
    margin: 0 -15px;
    padding: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.whitesection img{
	width: 150px;
}
.bluesection{
    margin: 15px 0px;
    background: rgba(68, 190, 241, 0.28);
    padding: 30px 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.bluesection img{
	width: 150px;
	padding: 20px;
}
.perfom{
	list-style: none;
}
.perfom li:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
    margin-right: 15px;
	width: 35px;
	height: 33px;
	background: url(../images/sprite-fric.png) 0 0 no-repeat;
}
.perfom li{
	margin-bottom: 15px;
}
.perfom .eco:before{
	-ms-background-position-x: -95px;
	background-position-x: -95px;
}
.perfom .kpd:before{
	-ms-background-position-x: -47px;
	background-position-x: -47px;
}
.perfom .economy:before{
	-ms-background-position-x: 0;
	background-position-x: 0;
}
.perfom .garant:before{
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ4OS42IDQ4OS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0ODkuNiA0ODkuNiIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CiAgPGc+CiAgICA8Zz4KICAgICAgPHBhdGggZD0ibTQwNC4zNSwyOTcuNWMyNy4xLTIyLjMgNDMuNi01NS41IDQzLjYtOTEuMyAwLTMwLjktMTEuMy01OC45LTMwLjItNzkuN3YtMTE2LjFjMC02LjMtNC4yLTEwLjQtMTAuNC0xMC40aC0zNjMuNmMtNi4zLDAtMTAuNCw0LjItMTAuNCwxMC40djQ2OC44YzAsNi4zIDQuMiwxMC40IDEwLjQsMTAuNGgzNjMuNWM1LjIsMCAxMC40LTQuMiAxMC40LTEwLjR2LTU4LjZsMzguNi0xMy4zLTUxLjktMTA5Ljh6bTIzLjgtOTEuM2MtMC4xLDM4LjYtMjEuOSw3My01Ni4zLDg4LjYtMTIuNSw1LjItMjYsOC4zLTQwLjYsOC4zLTUzLjEsMC05Ni45LTQzLjgtOTYuOS05Ni45czQzLjgtOTYuOSA5Ni45LTk2LjkgOTUuOCw0Mi43IDk2LjksOTYuOXptLTEzNi4zLDExMC4xbC0yMS4xLDkzLTQwLjYtMTQuNSA0Mi4yLTg3LjNjNi4yLDMuNSAxMi43LDYuNSAxOS41LDguOHptMTA1LDE1Mi41aC0zNDIuN3YtNDQ4aDM0Mi43djg3LjZjLTE4LjYtMTIuNi00MS4xLTE5LjktNjUuNi0xOS45LTI3LjIsMC01Mi4xLDkuMS03MS45LDI0LjR2LTAuNWgtMTM4LjZ2MjAuOGgxMThjLTE1LjgsMjAuMS0yNS4zLDQ1LjUtMjUuMyw3Mi45IDAsOS43IDEuMiwxOS4xIDMuNCwyOC4xaC05Ni4xdjIwLjhoMTAzLjRjNy4yLDE1LjYgMTcuNywyOS4yIDMwLjcsNDAuMmwtMjguOCw2MC45aC0xMDUuM3YyMC44aDk1LjVsLTE0LjMsMzAuMiA4NC40LDI5LjIgMjYuMy0xMTVjNiwwLjkgMTIuMiwxLjQgMTguNSwxLjQgNC44LDAgOS43LTAuMyAxNC41LTAuOGwyNi4yLDExNC4zIDI1LTguNnY0MS4yem0tOS40LTU5LjRsLTIwLjctOTEuNGM0LjMtMS4yIDE3LjYtNyAyMC4yLTguNWw0MS4xLDg1LjMtNDAuNiwxNC42eiIgZmlsbD0iIzA2M2VjNCIvPgogICAgICA8cGF0aCBkPSJtMzA2LjE1LDE3MC45bC01NC4yLDguMyAzOS42LDM4LjUtOS40LDU0LjIgNDktMjQgNDcuOSwyNS05LjMtNTQuMSAzOC41LTM5LjYtNTQuMi04LjMtMjMuOS00OS0yNCw0OXptMzUuNCwxOS44bDIyLjksMy4xLTE2LjcsMTYuNyA0LjMsMjIuOC0yMC44LTEwLjQtMjAuOCwxMS41IDQuMi0yNC0xNi44LTE2LjYgMjIuOS0zLjEgMTAuNC0yMC44IDEwLjQsMjAuOHoiIGZpbGw9IiMwNjNlYzQiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.preferenses{
	margin: 30px 0;

}
.preferense-item{
	text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
.preferense-item img{
	width: 50%;
    max-width: 150px;
    margin-bottom: 20px;
}
.preferense-item .name{
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    height: 43px;
}
.preferense-item .desc{
	font-size: 15px;
}
.slider-gallery .item{
	background: #1c1c1c;
	 border-radius: 20px;
	 position: relative;
}
.slider-gallery .name{
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-size: 20px; 
	padding: 6px 15px;
	background: #000;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	display: inline-block;
	margin: auto;
}
.banner-hookan{
	display: inline-block;
    margin: 30px 0;
}
.banner-hookan img{
	padding: 0;
}
.article-columns{
	columns: 4;
}
.article-columns > div {
	padding: 5px 0;
	border: 1px dotted #ececec;
}
.g-recaptcha > div{
	width: auto!important;
	height: auto!important;
}
.search-table input[type="text"] {
    width: 50px;
    padding: 2px;
}
.search-table {
    margin-bottom: 15px;
    margin-top: 15px;
}
span.search-param {
    margin-left: 15px;
}
.logo-slider-left {
	position: relative;
	background: url(/views/resp_ppo/images/home-slide-01-2050x954.jpg);
	width: 100%;
	min-height: 270px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 991px){
	.logo-slider-right{
		display: none;
	}
	.callback{
		position: fixed;
		z-index: 100;
		top: 0;
		right: 0;
		left: 0;
		color: #fff;
		font-size: 18px;
		padding: 13px 5px;
		background: rgba(6, 62, 196, .6);
		text-align: center;
	}
	.callback a{
		color:#fff;
	}
	.callback a:hover{
		color:#fff;
	}
	.callback span {
		font-family: 'FontAwesome';
		font-size: 18px;
		padding: 0 15px;
		
	}
	#mail{
		display:none;
	}
	.map-full-wide .container{
		right: 30px;
    	transform: none;
	}
}

/*------------------- form---------------*/
@media only screen and (min-width: 992px){
	.rightbar{
		display: block;
		margin: 30px 20px;
	}
	#vk_groups{
		width: 100%!important;
		box-sizing:border-box;
		display: inline-block;
	}
	#vk_groups iframe{
		width: 100%!important;
	}
	#vk_groups iframe div{
		width: 100%!important;
	}
	.logo-slider{
		height: 90vh;
		display: flex;
		width: 100%;
	}		
	.logo-slider video{
		top: -70px;
	}
	.callback{
		position: absolute;
		visibility: visible;
		right: 0;
		color: #fff;
		font-size: 17px;
		padding: 16px;
		border-radius: 0 0 0 25px;
		background: rgba(6, 62, 196, .6);
	}
	.callback a{
		color:#fff;
	}
	.callback a:hover{
		color:#fff;
	}
	.callback span {
		font-family: 'FontAwesome';
		font-size: 22px;
		padding: 0 5px;
		
	}
	.adv{
		text-align: center;
	    padding: 10px 0;
	    background: #a10606;
	    color: #fff;
	}
}

@media only screen and (max-width: 680px){
	.logo-slider,
	.logo-slider-left{
		min-height: 220px;
	}

	.logo-cont{
		padding: 0 15px;
		box-sizing: border-box;
	}

	.map-full-wide .container{
		right: 0;
	    position: relative;
	    width: 100%;
	}
	.map-full-wide{
		height: auto;
		flex-wrap: wrap;
	}
	.article-columns{
		columns: 2;
	}
}