body{
	font-family: Calibri;
	font-size: 16px;
}

a,
a:hover,
a:focus{
	text-decoration: none;
	color: #fff;
}

ul{
	list-style: none;
}

.top-line{
	background-color: #001831;
	background-image: linear-gradient( -75deg, #00bcf5 0%, #00bcf5 30%, #001831 30%, #001831 30%);
}

.logo{
	margin: 20px 0 0 0;
	display: inline-block;
}

.main-menu{
	margin-top: 22px;
}

.main-menu ul{
	padding: 0;
	display: inline-block;
	margin-right: 60px;
} 

.main-menu ul li{
	margin-bottom: 10px;
}

.main-menu ul:last-child{
	margin-right: 0;
}

.top-phone{
	text-align: right;
	margin-bottom: 25px;
}

.top-phone span{
	display: block;
	font-size: 30px;
	color: #fff;
	margin: 25px 0 0 0;
}

.top-phone a{
	font-size: 18px;
	display: inline-block;
	border-bottom: 1px dashed #fff;
}

.slide-text{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1140px;
	width: 100%;
}

.slider-item img{
	width: 100%;
	height: auto;
}

.first.f{
	margin-left: 25px;
}

.first{
	background: #00bcf5;
	display: inline-block;
	transform: skew(-10deg);
}

.second{
	background: #001831;
	display: inline-block;
	transform: skew(-10deg);
	margin: 10px 0 10px 40px;
}

.slide-text span{
	font-size: 30px;
	color: #fff;
	padding: 5px 40px;
	transform: skew(10deg);
	display: inline-block;
}

.slide-text p{
	display: inline-block;
	font-size: 45px;
	padding: 8px 40px;
	transform: skew(10deg);
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.service-item {
	color: #fff;
	background: #001831;
	padding-bottom: 25px;
}

.service-item .caption{
	background: url('../img/capt.png') no-repeat;
	background-size: cover;
	padding: 22px 18px 20px 18px;
}

.service-item .caption h3{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	line-height: 24px;
}

.service-item .caption h3:before{
	/**width: 3px;
	height: 20px;
	background: #fff;**/
	content: ' ';
	margin-right: 10px;
	display: inline-block;
}

.service-item .caption span{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
}

.service-item ul li{
	list-style-image: url('../img/li.png');
	line-height: 30px;
	font-size: 18px;
	padding-left: 5px;
}

.service-item ul{
	padding: 30px 10px 0 40px;
}

.service-item .all{
	margin-left: 45px;
	font-size: 16px;
	font-style: italic;
	color: #00bcf5;
	display: inline-block;
}

.services{
	margin-top: -120px;
	padding-bottom: 70px;
}

.about-photo .pc{
	width: 100%;
	height: 224px;
}

.about-photo .pc.p1{
	background: url('../img/1.jpg') no-repeat center;
	background-size: cover;
}

.about-photo .pc.p2{
	background: url('../img/2.jpg') no-repeat center;
	background-size: cover;
}

.about-photo .pc.p3{
	background: url('../img/3.jpg') no-repeat center;
	background-size: cover;
}

.about-photo .pc.p4{
	background: url('../img/4.jpg') no-repeat center;
	background-size: cover;
}

.about-photo .pc.p5{
	background: url('../img/5.jpg') no-repeat center;
	background-size: cover;
}

.about-photo .pc.p6{
	background: url('../img/6.jpg') no-repeat center;
	background-size: cover;
}

.padding{
	padding: 0;
}

.ab-bg{
	background: url('../img/block.jpg');
	background-size: cover;
}

.about-text{
	text-align: left;
	max-width: 570px;
	display: inline-block;
	padding: 20px 50px 20px 0;
	min-height: 448px;
}

.about-text h3{
	margin: 0;
	color: #001831;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

.about-text p{
	color: #303030;
	margin-bottom: 0;
	font-size: 20px;
}

.about-text a{
	font-size: 20px;
	width: 160px;
	height: 50px;
	color: #001831;
	line-height: 44px;
	border: 1px solid #001831;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin-top: 40px;
}

.form{
	background-color: #001831;
	background-image: linear-gradient( -75deg, #00bcf5 0%, #00bcf5 50%, #001831 50%, #001831 50%);
}

.form h3{
	font-size: 33px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin: 60px 0 15px 0;
	padding-left: 30px;
}

.form span{
	font-size: 28px;
	color: #fff;
	line-height: 26px;
	padding-left: 30px;
	display: block;
}

.form form{
	display: inline-block;
}

.form form input{
	background: #fff;
	display: block;
	width: 290px;
	height: 50px;
	outline: none;
	border: none;
	text-align: center;
	font-size: 20px;
	margin: 60px 0 20px 0;
}

.form form button{
	outline: none;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 4px;
	background: transparent;
	width: 290px;
	height: 50px;
	margin-bottom: 50px;
}

.map{
	background: url('../img/map.jpg') no-repeat right;
	background-size: cover;
	padding-top: 100px;
}

.contacts{
	background: #00c6f6;
	color: #fff;
	padding: 25px 0 50px 0;
	border-top: 4px solid #fff;
}

.contacts h3{
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 30px;
}

.contacts p{
	font-size: 21px;
	padding: 0 0 15px 30px;
	border-bottom: 1px dotted #fff;
}

.contacts ul{
	padding: 5px 0 0 30px;
}

.contacts ul li{
	font-size: 21px;
}

.contacts ul li span{
	display: inline-block;
}

.contacts ul li .ff{
	width: 90px;
}

.footer{
	background: #001831;
	color: #fff;
	padding: 25px 0;
}

.copy{
	font-size: 18px;
	margin-top: 15px;
}

.socials{
	text-align: right;
}

.socials a{
	display: inline-block;
	margin: 0 2px;
}

@media(max-width: 1199px){
	.slide-text{
		width: 970px;
	}
	.slide-text p{
		font-size: 40px;
	}
	.about-text{
		max-width: 470px;
	}
	.about-text p{
		font-size: 18px;
	}
	.about-photo .pc{
		height: 209px;
	}
	.contacts p,
	.contacts ul li{
		font-size: 18px;
	}
}

@media(max-width: 992px){
	.main-menu ul{
		margin: 0 0 10px 18px;
	}
	.top-line{
		background-image: linear-gradient( -75deg, #00bcf5 0%, #00bcf5 35%, #001831 35%, #001831 35%);
	}
	.top-phone span{
		font-size: 25px;
	}
	.slide-text{
		width: 750px;
	}
	.slide-text p {
    font-size: 26px;
	}
	.slide-text span,
	.service-item .caption h3{
		font-size: 22px;
	}
	.service-item .caption h3:before{
		height: 17px;
		margin-bottom: -1px;
	}
	.service-item .caption span{
		font-size: 16px;
		padding-left: 12px;
	}
	.service-item ul li{
		font-size: 14px;
	}
	.about-text {
    max-width: 355px;
	}
	.about-photo .pc{
		height: 181px;
	}
	.form h3{
		margin-top: 40px;
	}
	.services{
		margin-top: -100px;
	}
}

@media(max-width: 768px){
	.service-item .caption h3{
		font-size: 20px;
	}
}

@media(max-width: 767px){
	.services{
		margin-top: 0;
	}
	.top-line,
	.top-phone{
		text-align: center;
	}
	.service-item{
		margin-bottom: 10px;
	}
	.about-text {
    max-width: 100%;
    padding-left: 15px;
	}
	.form,
	.footer,
	.socials{
		text-align: center;
	}
	.socials{
		margin-top: 15px;
	}
	.slide-text {
    width: 100%;
	}
	.first{
		margin-left: 15px;
	}
	.slide-text span{
		font-size: 14px;
	}
	.slide-text p {
    font-size: 16px;
	}
	.form span,
	.form h3{
		padding-left: 0;
	}
}

@media(max-width: 480px){
	.contacts p,
	.contacts h3,
	.contacts ul{
		padding-left: 15px;
		margin-left: 0;
	}
	.fwidth{
		width: 100%;
	}
	.slider-item img{
		height: 250px;
		width: auto;
	}
	.slide-text p{
		padding: 8px 15px;
	}
	.about-text p{
		font-size: 15px;
	}
}