@font-face {
	font-family: 'Open Sans Bold';
	src: url('fonts/OpenSans-Bold.eot');А
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('fonts/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Bold.woff') format('woff'),
		url('fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans Regular';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('fonts/OpenSans-Regular.eot#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Regular.woff') format('woff'),
		url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*{
box-sizing:border-box;
margin:0;
padding:0;
}
img{
  max-width: 100%;
  height: auto;
}
html{
	height:100%;
}
body{
  font-family: 'Open Sans Regular', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}
h1{
font-family: 'DINProCondBlack', 'Open Sans Bold';
font-size: 50px;
color: white;
line-height: 1.2;
-margin:0 0 30px 0;
}
h2{
	font-family:'Open Sans Bold';
	font-size: 30px;
    color: #516db3;
    line-height: 1.2;
	margin:15px 0;
	text-align:center;
}

h4{
font-family: 'DINProCondBlack', 'Open Sans Bold';
font-size: 50px;
color: white;
line-height: 1.2;
-margin:0 0 30px 0;
}

.zagolovok{
	font-family:'Open Sans Bold';
	font-size: 29px;
    color: white;
    line-height: 1.2;
	margin:15px 0;
	text-align:center;
}
.container{
	max-width:1250px;
	margin:0 auto;
	padding:0px 15px;
}
.container a{
    color:#333;
}
p{
margin:15px 0;
}



.spisok li{
	margin-left:15px;
	margin-bottom:15px;
}
.row{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin-left: -15px;
    margin-right: -15px;
}
.middle{
	align-items: center;
}
.header{
	background-color:#eaeaea;
	background:url(img/header-bg.jpg)center;
	background-size:cover;
}
.header p{
	margin: 0;
}
.akciya{
	text-align:center;
	margin-top:30px;
}
.logo{
	width:33.3%;
	text-align:left;
	padding:15px;
}
.info{
	width:33.3%;
	text-align:center;
	padding:15px;
}
.tel{
	width:33.3%;
	text-align:right;
	padding:15px;
}
.tel span{
	margin-right:10px;
}
.tel a{
	font-family:'Open Sans Bold';
	font-size:25px;
	color: #516db3;
	text-decoration:none;
}
.two-screen{
	background:url(img/bg.jpg)center;
	background-size:cover;
	min-height:600px;
	padding:50px 0;
	color: white;
}
.half{
	width:60%;
	padding:5px;
	font-family:'Open Sans Bold';
	font-size: 15px;
    color: #fff;
    line-height: 1;
	margin:15px 0;
	text-align:left;
}


	
.halfintro{
	width:40%;
	max-width:312px;
	padding:15px;
	position:relative;
	padding-left:75px;
	text-align:left;

}
.halfintro img{
	position:absolute;
	top:17px;
	left:15px;


}
.imgright{
	text-align:center;
	width:40%;	

}
.btn{
	display:none;
	color:white;
	text-align:center;
	padding:10px;
}
.tree-screen{
	padding:25px 0;
}
.four-screen{
	padding:25px 0;
	background:#698ac0;
	background:url(img/repair-bg.jpg)center;
	background-size:cover;
	color:white;
}
.five-screen{
	padding:25px 0;
}
.fltre{
	width:33.3%;
	padding:15px;
	position:relative;
}

.fltre p{
	position:absolute;
	top:30px;
	left:15px;
	background: rgba(255,255,255,0.8);
	padding:10px 15px;
	font-family:'Open Sans Bold';
}
.our-pr{
	width:33.3%;
	padding:15px;
	text-align:center;
	margin-bottom:25px;
}
.our-pr span{
	display:block;
	font-size:19px;
	font-family:'Open Sans Bold';
	text-decoration:underline;
}
.footer{
	width:100%;
	min-height:100px;
	padding:15px 0;
	background:#445673;
	color:white;
}
.logo-bottom{
	width:33.3%;
	padding:15px;
}
.info-bottom{
	width:33.3%;
	padding:15px;
	text-align:center;
}
.info-bottom a{
	font-size:22px;
	font-family:'Open Sans Bold';
	color:white;
	text-decoration:none;
}
.studio-bottom{
	width:33.3%;
	padding:15px;
	text-align:right;
}
.top-menu-wrapper{
	width:100%;
	height:auto;
	background:#425198;
}
.top-menu{
	max-width:1250px;
	margin:0 auto;
	font-size:15px;
}
.top-menu li{
	position:relative;
	display:inline-block;
}

.top-menu ul ul, .top-menu ul ul ul, .top-menu ul ul ul ul{
	display:none;
}

.top-menu ul li a:hover, .top-menu ul li:hover > a{
	background:#6487bf;
}
.top-menu ul ul li a{
	background:#9877bd;
}
.top-menu ul ul li a:hover{
	background:#aa8eca;
}
.top-menu ul ul{
	margin:0;
    width:230px;
    position:absolute;
    top:50px;
    left:0px;
   }
.top-menu ul ul ul{
	left:230px;
    top:0px;
}
.top-menu ul ul ul ul{
	left:230px;
    top:0px;
}
.top-menu ul ul li{
	display:block;
}
.top-menu a{
	display:block;
	color:white;
	text-decoration:none;
	padding:15px 20px;
}
.top-menu .has-sub a{
	padding:15px 35px 15px 20px;
}
.top-menu .has-sub-up a{
	padding:15px 35px 15px 20px;
}
ul > li.has-sub > a:after{
	position: absolute;
	margin-left:10px;
    top: 23px;
	content:'';
	width: 5px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul > li.has-sub-up > a:after{
	position: absolute;
    margin-left:10px;
    top: 23px;
	content:'';
	width: 5px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 1200px){
	h1{
	font-size: 48px;
}
.halfintro{
	width:100%;
}
}
@media screen and (max-width: 900px){
	.half{
	width:100%;
	text-align:center;
}
.halfintro{
	margin:0 auto;
}
.fltre{
	width:50%;
}
.our-pr{
	width:50%;
}
}
@media screen and (max-width: 800px){
	.logo, .info, .tel{
		width:100%;
		text-align:center;
		padding:10px 15px;
	}
	.logo-bottom, .info-bottom, .studio-bottom{
		width:100%;
		text-align:center;
	}
}
@media screen and (max-width: 600px){
	.fltre{
	width:100%;
}
h1{
	font-size: 30px;
}
h2{
	font-size: 25px;
}
.zagolovok{
	font-size: 25px;
}
.our-pr{
	width:100%;
}
.btn{
	display:block;
}
.top-menu ul{
	display:none;
}
.top-menu li{
	display:block;
	text-align:center;
}
.top-menu ul ul, .top-menu ul ul ul, .top-menu ul ul ul ul{
	margin:0;
    width:100%;
    position:relative;
    top:0px;
    left:0px;
}
.top-menu ul li a:hover,.top-menu ul li:hover > a,.top-menu ul ul li a:hover{
	background:#6487bf;
}
.top-menu ul ul li a{
	background:#8a63b5;
}
}