@font-face {
    font-family: 'blisspro';
    src: url(../font/blisspro-regular.otf);
}

*{
	box-sizing: border-box;
}

body{
	font-family: 'blisspro', arial;
	width: 100% !important;
	margin: 0;
	padding: 0;
	font-size: 17px;
}

/*Заголовок*/
header{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: url(../../img/5.jpg) no-repeat center center;
	min-height: 650px;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	color: #fff;
}

	.headerSection{
		padding: 0;
		min-height:650px;
		background: rgba(38,44,51,.2);
	}
	
		.topSection{
			border-bottom: 1px solid #aaa;
			width: 100%;
		}
		
			.topBlock{
				padding: 22px 10px;
				max-width: 1200px;
				margin: auto;
				overflow: hidden;
			}
		
			.logoBlock{
				font-size: 16px;
			}
			
				.textLogo{
					width: 20%;
					max-width: 80px;
					float: left;
					text-align: right;
					padding: 10px 10px 0 0;
				}
				
					.textLogo i{
						font-size: 28px;
					}
			
			.adressBlock{
				font-size: 18px;
				text-align: center;
				padding-top: 10px;
			}
				
				.adressBlock i{
					font-size: 15px;
					padding-right: 6px;
				}
			
			.telBlock{
				font-size: 23px;
				text-align: center;
				padding-top: 7px;
			}
			.telBlock a{
				color: #fff;
			}
			
		.menuSection{
			text-align: center;
			width: 100%;
		}
			.menuSection ul{
				width: 100%;
				max-width: 1200px;
				margin: auto;
				overflow: hidden;
			}
			.menuSection ul li{
				padding: 5px 0;
			}
			.menuSection ul li a{
				font-size: 16px;
				color: #fff;
			}
			.menuSection ul li a:hover{
				color: #bbb;
			}
		
		.headerTextSection{
			position: relative;
			width: 45%;
			padding: 11% 0 0 0;
		}
		
			.headerText{
				position: absolute;
				left: 5%;
				padding: 0 5px;
				text-align: center;
			}
			
				.headerText h2{
					font-size: 32px;
					font-weight: 700;
					line-height: 1.5;
				}
				
				.headerText h3{
					font-size: 20px;
					line-height: 1.3;
				}
				
				
.autoMainSection{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: #f2f1ec;
}

	.autoMainBlock{
		padding: 40px 20px;
		max-width: 1200px;
		margin: auto;
		text-align: center;
	}
	
		.autoMainBlock h2{
			font-size: 26px;
			color: #0d1e30;
			line-height: 1.3;
			margin: 10px 0;
			padding: 0;
			text-transform: uppercase;
		}
		
			.autoMainBlock h2 span{
				border-top: 2px solid #0d1e30;
				border-bottom: 2px solid #0d1e30;
				padding: 5px 20px;
			}
			
		.autoSection{
			overflow: hidden;
			margin-top: 40px;
		}
		
			.autoBlock{
				padding: 20px 10px;
				position: relative;
			}
			
				.autoSubBlock{
					border: 1px solid #aaa;
					padding: 45px 5px 30px 5px;
				}
			
					.autoSubBlock img{
						width: 100%;
						max-width: 300px;
					}	
					
					.autoSubBlock h3{
						font-size: 20px;
						color: #000;
						line-height: 1.3;
						text-transform: uppercase;
						position: absolute;
						top: -20px;
						left: 30px;
						background: #f2f1ec;
						padding: 5px 10px;
						border: 1px solid #aaa;
						z-index: 100;
					}	
				
.bestMainSection{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: url(../../img/13.jpg) no-repeat center center;
	min-height: 450px;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

	.bestMainBlock{
		padding: 0;
		min-height: 450px;
		background: rgba(70,44,81,.4);
	}

		.bestBlock{
			width: 100%;
			max-width: 1200px;
			margin: auto;
			padding: 40px 30px 10px 30px;
			text-align: center;	
			color: #fff;
		}
		
			.bestBlock h2{
				font-size: 30px;
				text-transform: uppercase;			
			}
				
				.bestBlock h2 span{
					border-top: 2px solid #fff;
					border-bottom: 2px solid #fff;
					padding: 5px 20px;
				}
				
			.subHeadText{
				font-size: 22px;	
				margin-top: 20px;				
			}
				
			.bestTextSection{
				overflow: hidden;
			}
			
				.bestTextBlock{
					margin-top: 30px;
					padding: 10px 40px;
				}
				
					.bestTextBlock img{
						width: 100%;
						max-width: 80px;
					}
					
					.bestTextBlock h3{
						font-weight: 700;
						font-size: 21px;	
						text-transform: uppercase;	
					}
					
					.bestTextBlock p{
						margin-top: 15px;
						font-size: 17px;
						max-width: 300px;
						margin: auto;						
					}
				
.serviceMainSection{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: url(../../img/css/5.png) repeat;
}

	.serviceMainBlock{
		width: 100%;
		max-width: 950px;
		margin: auto;
		padding: 40px 10px;
		text-align: center;
	}
		
		.serviceMainBlock h2{
			color: #f0f0f0;
			font-size: 30px;
			text-transform: uppercase;	
			margin: 10px 0 0 0;				
		}
			
			.serviceMainBlock h2 span{
				border-top: 2px solid #f0f0f0;
				border-bottom: 2px solid #f0f0f0;
				padding: 5px 20px;
			}
		
			.serviceBlocks{
				overflow: hidden;
				margin-top: 30px;
			}
			
				.serviceBlock{
					margin: 15px 0;
				}
				
					.serviceSubBlock{
						width: 100%;
						max-width: 230px;
						margin: auto;
						background: #f0f0f0;
						padding: 35px 10px;
					}
								
						.iconBlock i{
							font-size: 55px;
							color: #333;
						}
						
						.serviceSubBlock p{
							font-size: 19px;
							line-height: 1.2;
							color: #2e2e2e;
							font-weight: 700;
							margin: 0 0 10px 0;
						}

				
.photoSection{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: url(../../img/css/c6_bg.jpg) top center repeat-y;
}

	.photoBlock{
		padding: 30px 20px;
		width: 100%;
		max-width: 1200px;
		margin: auto;
	}
	
		.photoBlock h2{
			color: #000;
			font-size: 30px;
			text-transform: uppercase;	
			text-align: center;
		}
		
		.photoBlock h2 span{
			border-top: 2px solid #000;
			border-bottom: 2px solid #000;
			padding: 5px 20px;
		}
		
		.jgallery{
			margin-top: 30px;
		}
		
		
.reviewMainSection{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	background: #fafafa;
	overflow: hidden;
}

	.reviewMainBlock{
		padding: 30px 20px 0 20px;
		max-width: 1000px;
		width: 100%;
		float: right;
	}

		.reviewTextBlock{
			width: 60%;
			float: left;
			max-width: 500px;
			border: 1px solid #ccc;
			box-shadow: 0 0 10px rgba(0,0,0,0.2);
			border-bottom: none;
			padding: 35px 30px;
			border-radius: 5px;
			background: url(../../img/1.png) repeat;
			color: #333;
			text-align: center;
		}

			.reviewText1{		
				font-size: 28px;
				margin: 0 0 10px 0;
			}

			.reviewText2{
				line-height: 2;
				display: block;
				margin: 15px auto;
				font-size: 25px;
				color: #333;
			}
			
				.reviewText2 span{
					border: 2px solid #000;
					padding: 10px 20px;
				}

			.reviewText3{
				font-size: 16px;
			}
			
		.reviewImgBlock{
			width: 35%;
			float: left;
			position: relative;
		}
		
			.reviewImgBlock img{
				width: 100%;
				position: absolute;
				left: -35px;
				top: 40px;
				max-width: 300px;
				z-index: 1011;
			}
			
				
.contactSection{
	max-width: 1600px;
	margin: auto;
	width: 100%;
}

	.contactBlock{
		position: absolute;
		right: 10%;
		top: 0;
		height: 450px;
		background-color: rgba(242, 241, 236, 0.87);
		padding: 70px 30px 30px 30px;
		text-align: center;
		z-index: 1000;
		color: #000;
	}
	
		.contactBlock h2{
			font-size: 25px;
			text-transform: uppercase;			
		}
				
			.contactBlock h2 span{
				border-top: 2px solid #000;
				border-bottom: 2px solid #000;
				padding: 5px 20px;
			}
	
		
			.contact{
				margin: 30px 0 0 0;
				padding: 0;
				list-style: none;
			}
			
				.contact li{
					padding: 2px 0;
					font-size: 17px;
				}
				
				.contactHead{
					font-size: 19px !important;
					font-weight: 700;
				}
				
				.tel{
					font-size: 24px;
				}
				
	.map{
		position: relative;
		height: 450px;
	}
	
footer{
	width: 100%;
	max-width: 1600px;
	margin: auto;
	border-top: 1px solid #ccc;
}

	.footerBlock{
		width: 100%;
		max-width: 1200px;
		padding: 10px 0;
		margin: auto;
		overflow: hidden;
	}

		.footerBlock div{
			padding: 5px 10px;
			font-size: 15px;
			color: #000;
		}
		
		.footerBlock div:last-of-type{
			text-align: right;
		}



@media screen and (min-width: 768px) and (max-width: 991px){

/*Заголовок*/
.topBlock{
	padding: 10px;
}

.logoBlock{
	margin-top: 8px;
	font-size: 17px;
}

.adressBlock{
	font-size: 16px;
}
	
	.adressBlock i{
		font-size: 14px;
	}

.telBlock{
	font-size: 20px;
	padding: 0;
}


.autoMainBlock{
	padding: 30px 20px;
}
		
	.autoSection{
		margin-top: 35px;
	}
	
			.autoSubBlock{
				padding: 45px 5px 25px 5px;
			}
			
			.autoSubBlock h3{
				font-size: 17px;
				left: 20px;
			}	
				
.serviceMainBlock{
	padding: 30px 10px;
}	
				
				
.bestBlock{
	padding: 40px 20px 10px 20px;
}

	.bestBlock h2{
		font-size: 26px;				
	}
			
	.subHeadText{
		font-size: 20px;
		margin-top: 15px;				
	}

		.bestTextBlock{
			margin-top: 20px;
			padding: 10px;
		}
		
		.bestTextBlock h3{
			font-size: 19px;		
		}
		
		.bestTextBlock p{
			margin-top: 10px;
		}

.reviewMainBlock{
	padding: 30px 15px 0 15px;
}

	.reviewTextBlock{
		padding: 20px;
	}

		.reviewText1{
			font-size: 26px;
		}			
				
.contactBlock{
	right: 3%;
	padding: 70px 15px 30px 15px;
}

	.contactBlock h2{
		font-size: 24px;		
	}
		
		.contact li{
			font-size: 16px;
		}
		
		.contactHead{
			font-size: 18px !important;
		}
		
		.tel{
			font-size: 23px;
		}

}

@media screen and (max-width:767px) {

h2 span{
	display: block;
}

/*Заголовок*/
.headerSection{
	position: relative;
}

	.topSection{
		padding: 0 5px;
	}
	
		.topBlock{
			padding: 10px 0;
		}
	
		.logoBlock{
			padding-top: 10px;
		}
		
		.adressBlock{
			padding: 20px 0 0 0;
		}
		
		.telBlock{
			font-size: 24px;
		}
		
		.menuSection ul li a{
			font-size: 17px;
			padding: 6px 0;
		}
		
		#navbarCollapse{
			position: absolute;
			top: 180px;
			border: none;
			box-shadow: none;
			-webkit-box-shadow: none;
		}
	
	.headerTextSection{
		position: static;
		max-width: 500px;
		margin: auto;
		padding-top: 430px;
		width: 100%;
	}
	
		.headerText{
			position: static;
			overflow: visible;
		}
		
			.headerText h2{
				font-size: 26px;
			}
			
			.headerText h3{
				font-size: 18px;
			}

.autoMainBlock{
	padding: 20px 10px;
}

	.autoMainBlock h2{
		font-size: 24px;
	}
		
	.autoSection{
		margin-top: 20px;
	}
		
		.autoSubBlock{
			padding: 45px 5px 20px 5px;
			width: 100%;
			max-width: 400px;
			margin: auto;
		}
		
		.autoSubBlock h3{
			font-size: 18px;
			left: 18%;
		}	

.serviceMainBlock{
	padding: 30px 10px;
}
	
		.serviceSubBlock{
			padding: 20px 5px;
		}
		
			.iconBlock i{
				font-size: 50px;
			}
				
				
.bestBlock{
	padding: 20px 10px;
}

	.bestBlock h2{
		font-size: 28px;			
	}
		
	.subHeadText{
		font-size: 18px;
		margin-top: 15px;				
	}
		
		.bestTextBlock{
			margin-top: 20px;
			padding: 5px 0;
		}
		
		.bestTextBlock h3{
			font-size: 19px;	
		}
		
		.bestTextBlock img{
			max-width: 60px;
		}
		
		.bestTextBlock p{
			margin-top: 10px;
			font-size: 16px;				
		}
				
.reviewMainBlock{
	padding: 30px 10px 0 10px;
	float: none;
}

	.reviewTextBlock{
		width: 100%;
		float: none;
		margin: auto;
		padding: 30px;
	}

		.reviewText1{
			font-size: 26px;
		}

		.reviewText2{
			font-size: 22px;
		}

		.reviewText3{
			font-size: 15px;
		}
		
	.reviewImgBlock{
		display: none;
	}

.contactBlock{
	position: static;
	height: auto;
	padding: 20px;
}
	
	.contact{
		margin: 0;
	}

.map{
	position: static;
}							
						
				
				
.footerBlock div{
	text-align: center;
}

.footerBlock div:last-of-type{
	text-align: center;
}
		
.zoom-container{
	height: 400px !important;
}

.jgallery-tooltips{
	height: 400px !important;
}

}


@media screen and (min-width: 768px) and (max-width: 880px){
	.zoom-container{
		height: 500px !important;
	}

	.jgallery-tooltips{
		height: 500px !important;
	}
	
	.pt-item{
		height: 380px !important;
	}
}

.create-site{
    color: #940808;
    font-weight: 700;
}