@media screen and (min-width: 1201px) {
	.info_page_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url(/images/info-page/info_page-bg.jpg);
		z-index: -1;
	}
	.info-page {
		width: 1200px;
		margin: auto;
		padding-top: 8.25rem;
		position: relative;
	}
	.info-page .ttl {
		width: 1140px;
	}
	.info-page .c_box {
		width: 1140px;
		margin: auto;
	}
	
	.other-page {
		width: 1200px;
		margin: auto;
		padding-top: 8.25rem;
		position: relative;
	}
		.other-page .ttl {
			width: 1140px;
		}
}

.btns {
	display: table;
    padding: 10px 24px;
    color: #ffffff;
    font-size: 18px;
    line-height: normal;
    font-weight: 300;
    background-color: #ff7200;
    border-radius: 3px;
}
.btns:hover {
	color: #ffffff;
	background-color: #2d5685;	
}

.inline img {
	display: inline-block;
	vertical-align: middle;
}
.inline p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

	.info-page {
		background-color: #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		

.info-page .ttl {
	margin: auto;
	position: relative;
	overflow: hidden;
	color: #000000;
	padding-bottom: 35px;
	font-family: 'Roboto Condensed', sans-serif;
}
	.info-page .ttl h1 {
		font-size: 36px;
		line-height: normal;
		font-weight: 700;
	}
	.info-page .ttl p {
		font-size: 18px;
		line-height: normal;
		font-weight: 700;
	}
	
	.other-page {
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
		

.other-page .ttl {
	margin: auto;
	position: relative;
	overflow: hidden;
	color: #000000;
	padding-bottom: 35px;
	font-family: 'Roboto Condensed', sans-serif;
}
	.other-page .ttl h1 {
		font-size: 36px;
		line-height: normal;
		font-weight: 700;
	}
	.other-page .ttl h1 span {
		font-size: 30px;
		font-weight: 300;
	}
	.other-page .ttl p {
		font-size: 18px;
		line-height: normal;
		font-weight: 700;
	}
	
@media screen and (max-width: 1200px) {
	
	.other-page .ttl {
		padding-top: 25px;
		padding-left: 3%;
		padding-right: 3%;
	}
	.other-page .ttl h1 {font-size: 28px;}
	
	.other-page .ttl h1 span {font-size: 24px;}
	
	.call_me {display: none;}
	
}

/*card room*/

.info-page .card .s_1 {
	overflow: hidden;
	padding-bottom: 85px;
}
	.info-page .card .s_1 .wrap {overflow: hidden;}

		.card .s_1 .room_info {
			float: left;
			width: 560px;
		}
			.card .s_1 .room_info .desc {
				display: block;
				float: left;
			}
				.card .s_1 .room_info .desc li {
					display: block;
					margin-bottom: 10px;
					font-size: 15px;
					font-weight: 100;
					line-height: normal;
				}
					.card .s_1 .room_info .desc li span {
						min-width: 170px;
						color: #8f8f8f;
						display: inline-block;
					}
					.card .s_1 .room_info .desc li b {
						color: #000000;
						display: inline-block;
					}
			.card .s_1 .room_info .cost {
				float: right;
				padding: 15px 25px;
				background-color: #578bc7;
			}
				.card .s_1 .room_info .cost p {
					text-align: center;
					color: #ffffff;
					font-size: 20px;
					line-height: normal;
					font-weight: 300;
				}
					.card .s_1 .room_info .cost p span {
						display: block;
						line-height: normal;
						font-weight: 500;
					}

		.card .s_1 .lnk {
			margin-top: 35px;
			margin-bottom: 50px;
		}
			.card .s_1 .lnk a {
				padding-top: 15px;
				padding-bottom: 15px;
			}
			.card .s_1 .lnk a.orange {
				float: left;
			}
			.card .s_1 .lnk a.blue {
				float: right;
				background-color: #008dcd;	
			}
			.card .s_1 .lnk a.blue:hover {
				background-color: #ff7200;
			}

		.card .s_1 .label {
			text-align: center;
			padding-top: 20px;
			padding-bottom: 20px;
			background-color: #2d5684;
		}
			.card .s_1 .label p {
				text-align: left;
				color: #ffffff;
				font-size: 36px;
				line-height: normal;
				font-weight: 300;
			}

		.card .s_1 .call {
			margin-top: 45px;
			padding: 20px 0 20px 20px;
			background-color: #ebebeb;
		}
			.card .s_1 .call p {
				display: inline-block;
				vertical-align: middle;
				margin-right: 35px;
				color: #000000;
				font-size: 18px;
				line-height: normal;
				font-weight: 500;
			}
			.card .s_1 .call .phone {
				display: table;
				color: #000000;
				font-size: 32px;
				line-height: normal;
				font-weight: 300;
				font-family: Roboto;
			}
			.card .s_1 .call .btns {
				font-size: 15px;
				display: inline-block;
				vertical-align: middle;
			}

		.card .s_1 .img_box {
			position: relative;
			float: right;
			width: 474px;
			height: 474px;
			border: 1px solid #ccc;
		}
			.card .s_1 .img_box img {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				max-width: 100%;
				max-height: 100%;
				width: auto;
				height: auto;
			}

	.card .s_2 {
		padding-top: 55px;
		padding-bottom: 80px;
		background-color: #fafafa;
	}
		.card .s_2 h2 {
			text-align: center;
			color: #000000;
			font-size: 24px;
			line-height: 30px;
			font-weight: 700;
			font-family: 'Roboto Condensed', sans-serif;
			margin-bottom: 40px;
		}

		.card .s_2 .gallary_slider .slick-slide {
			border: 1px solid #ccc;
			background-color: #ffffff;
			margin: 0 10px;
		}

	.s_text {
		padding-top: 40px;
		padding-bottom: 60px;
	}
		.s_text p {
			margin-bottom: 10px;
			color: #000000;
			font-size: 15px;
			line-height: 20px;
			font-weight: 300;
		}
	.s_text.pad{padding-left: 30px; padding-right: 30px;}
	.s_text.pad h3{margin-bottom: 15px;}
	.s_text.pad p{text-align: justify;}


@media screen and (max-width: 1200px) {
	
	.info-page .ttl {
		padding: 40px 3%;
	}
	.info-page .c_box {
		padding-left: 3%;
		padding-right: 3%;
	}
	.card .s_1 {
		display: table;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.card .s_1 .room_info {
			width: 50%;
			float: none;
			display: table-cell;
			vertical-align: top;
		}
		.card .s_1 .img_box {
			width: 50%;
			float: none;
			display: table-cell;
			vertical-align: top;
		}
		.card .s_1 .room_info .desc {
			float: none;
		}
		.card .s_1 .room_info .cost {
			float: none;
			margin-top: 25px;
		}
		.card .s_1 .lnk {display: none;}

		.card .s_1 .label {margin-top: 25px;}

		.card .s_1 .label img {display: none;}
	
			.card .s_1 .label p {
				margin-left: 0;

			}
	
		.card .s_1 .call {
			text-align: center;
			padding-bottom: 30px;
		}

			.card .s_1 .call p {
				display: block;
				margin-bottom: 15px;
				margin-right: auto;
			}
			.card .s_1 .call .phone {margin: auto;}
	
	.card .s_1 .img_box {
		height: auto;
	}
	.card .s_2 h2 {
		padding-left: 3%;
		padding-right: 3%;
	}
		.card .s_2 h2 br {display: none;}
	
	.card .s_1 .call {
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media screen and (max-width: 960px) {
	
	.info-page .ttl h1 {
		font-size: 30px;
	}
	.info-page .ttl h1 br {display: none;}
}

@media screen and (max-width: 800px) {
	
	.card .s_1 .label p {font-size: 26px;}
	
}

@media screen and (max-width: 600px) {
	
	.info-page .card .s_1 {
		display: block;
		padding-bottom: 40px;
	}
		.card .s_1 .room_info {
			padding: 40px 0;
			display: block;
			width: auto;
		}
		.card .s_1 .img_box {
			display: block;
			width: auto;
		}
	
	.card .s_1 .img_box img {
		position: static;
	}
	
	.s_text p {font-size: 14px;}
}

@media screen and (max-width: 360px) {
	
	.info-page .ttl h1 {font-size: 26px;}
	
	.card .s_1 .label p {font-size: 24px;}
	
	.card .s_2 {padding-bottom: 45px;}
	
}
/*card room end*/


/*kv*/

.act_box {
	position: absolute;
	top: 15px;
	right: 0;
}
	.act_box .wrap {
		width: 385px;
		float: right;
		position: relative;
		text-align: center;
		padding: 15px 80px 15px 40px;
		background-color: #ff7200;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.act_box .wrap img {
			display: inline-block;
			vertical-align: middle;
			margin-right: 15px;
		}
		.act_box .wrap p {
			display: inline-block;
			vertical-align: middle;
			color: #ffffff;
			font-size: 20px;
			font-weight: 400;
			line-height: normal;
		}
			.act_box .wrap p span {
				display: block;
				font-size: 16px;
				font-weight: 300;
				line-height: normal;
			}

		.act_box .wrap small {
			display: block;
			position: absolute;
			width: 25px;
			height: 25px;
			top: 10px;
			right: 30px;
			border-radius: 50%;
			text-align: center;
			background-color: #ffffff;
			color: #ff7200;
			font-size: 16px;
			font-weight: 600;
			line-height: 25px;
		}

	.act_list {
		display: none;
		color: #ffffff;
		padding-top: 20px;
		margin-right: 20px;
		position: relative;
		float: none;
		clear: both;
		width: 500px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 3; 
	}
	.act_list:before {
		content: '';
		display: block;
		margin: auto;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ff7200;
	}

	.act_list > ul {
		padding: 35px 35px 5px 35px;
		background-color: #ffffff;
		border: 2px solid #ff7200;
	}
	.act_list > ul > li {
		display: block;
		margin-bottom: 30px;
	}
		.act_list a {color: #ffffff;}

		.act_list .tel {
			padding-top: 13px;
			padding-left: 16px;
			background-image: url(/images/main/main_s2-ban1-bg.jpg);
		}
			.act_list .tel img {
				display: inline-block;
				vertical-align: middle;
			}
			.act_list .tel p {
				margin-left: 20px;
				display: inline-block;
				vertical-align: middle;
				font-size: 15px;
				font-weight: 100;
				line-height: normal;
			}
			.act_list .tel p b {
				display: block;
				margin-bottom: 10px;
				font-size: 17px;
				font-weight: 500;
				line-height: normal;
			}

		.act_list .gift {
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 18px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url(/images/main/main_s2-ban2-bg.jpg);
		}
			.act_list .gift img {
				display: inline-block;
				vertical-align: top;
				margin-top: 8px;
			}
			.act_list .gift .lb {
				width: 280px;
				margin-left: 10px;
				display: inline-block;
				vertical-align: middle;
			}
				.act_list .gift .lb > p {
					font-size: 18px;
					font-weight: 100;
					line-height: 18px;
				}
				.act_list .gift .lb > p b {
					font-size: 19px;
					font-weight: 600;
					line-height: normal;
				}
				.act_list .gift .lb small {
					display: block;
					font-size: 15px;
					font-weight: 400;
					line-height: normal;
				}


				.act_list .gift .counter {
					margin-top: 15px;
					text-align: center;
				}

					.act_list .gift .counter ul li {
						text-align: center;
						display: inline-block;
						vertical-align: middle;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
					.act_list .gift .counter ul li:after {
						content: ':';
						display: inline-block;
						vertical-align: middle;
						font-size: 24px;
						font-weight: 600;
					}
					.act_list .gift .counter ul li div {
						width: 48px;
						display: inline-block;
						vertical-align: middle;
						padding: 5px 0;
						border: .1rem solid #ffffff;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
					.act_list .gift .counter ul li:last-child {margin-right: 0;}
					.act_list .gift .counter ul li:last-child:after {display: none;}

						.act_list .gift .counter ul li span {
							font-size: 19px;
							font-weight: 900;
							line-height: 19px;
						}
						.act_list .gift .counter ul li p {
							font-size: 10px;
							font-weight: 100;
							line-height: 10px;
						}


				.act_box:hover .act_list {display: block;}

/*kv end*/


/*docs*/

.docs .s_1 {overflow: hidden;}

	.docs .s_1 .tr {
		margin-left: 35px;
		margin-bottom: 50px;
	}

		.docs .s_1 .tr ul {
			display: block;
			overflow: hidden;
		}
			.docs .s_1 .tr ul li {
				display: block;
				float: left;
				width: 33.33%;
			}
				.docs .s_1 .tr ul li img {
					display: inline-block;
					vertical-align: middle;
					margin-right: 10px;
				}
				.docs .s_1 .tr ul li p {
					display: inline-block;
					vertical-align: middle;
					color: #434343;
					font-size: 16px;
					line-height: normal;
					font-weight: 300;
				}
	.docs .s_1 .ban {
		overflow: hidden;
		padding: 50px 35px;
		background-color: #f2f2f2;
	}
		.docs .s_1 .ban p {
			display: block;
			/*float: left;*/
			color: #393939;
			font-size: 24px;
			line-height: normal;
			font-weight: 300;
			text-align: center;
			margin-bottom: 20px;
		}/*
		.docs .s_1 .ban a {
			float: right;
			display: table;
			padding: 12px 50px;
			background-color: #ff7200;
			color: #ffffff;
			font-size: 18px;
			line-height: 18px;
			font-weight: 300;
			border-radius: 3px;
		}*/
		.docs .s_1 .ban a.pd_d5{
			float: left;
		}/*
		.docs .s_1 .ban a:before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			margin-right: 15px;
			width: 20px;
			height: 22px;
			background-image: url(/images/info-page/pdf.png);
		}
		.docs .s_1 .ban a:hover {background-color: #008dcd;}
		*/
.docs .s_2 {overflow: hidden;}

	.docs .s_2 h2 {
		text-align: center;
		padding: 50px 3%;
		background-color: #17406c;
		color: #ffffff;
		font-size: 28px;
		line-height: normal;
		font-weight: 300;
	}
	.docs .s_2 ul {
		display: block;
		overflow: hidden;
	}
		.docs .s_2 ul li {
			position: relative;
			display: block;
			width: 25%;
			float: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.docs .s_2 ul li img {
				display: block;
			}
			.docs .s_2 ul li .info {
				position: absolute;
				bottom: 2px;
				left: 0;
				width: 100%;
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				padding: 15px 3%;
				background-color: #ff5301;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.docs .s_2 ul li .info p {
					text-align: center;
					color: #ffffff;
					font-size: 17px;
					font-weight: 300;
					line-height: normal;
				}
				
@media screen and (max-width: 1200px) {
	
	.docs .s_1 .tr {
		padding-left: 3%;
		padding-right: 3%;
		margin-left: 0;
		text-align: center;
	}
		.docs .s_1 .tr li p {margin-top: 10px;}

		.docs .s_1 .tr p br {display: none;}
	
		.docs .s_1 .ban {padding: 40px 3%;}

		.docs .s_1 .ban p {
			float: none;
			display: block;
		}
		.docs .s_1 .ban a {
			display: table;
			margin-top: 15px;
			float: none;
		}
	.docs .s_2 h2 {font-size: 22px;}
	
	.docs .s_1 .ban a {
		float: none !important;
		margin: auto;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 800px) {
	
	.docs .s_1 .tr ul li {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
	.docs .s_1 .tr ul li img {margin-right: 0;}
	
	.docs .s_1 .tr ul li p {
		display: block;
		
	}
	
	.docs .s_2 ul li {
		width: 50%;
		margin-bottom: 2vw;
	}
	
	.docs .s_2 ul li .wrp  {
		position: relative;
		width: 300px;
		margin: auto;
	}
	
}
@media screen and (max-width: 640px) {
	
	.docs .s_1 .ban a {
		font-size: 16px;
		padding: 12px 3%;
		display: block;
		text-align: center;
	}
	
	.docs .s_2 ul li {
		width: 100%;
		float: none;
	}
	
}				
				
/*docs end*/

/*call_me*/

.call_me {
	text-align: center;
	background-color: #214369;
	padding-top: 50px;
	padding-bottom: 60px;
	padding-left: 3%;		
	padding-right: 3%;
}
	.call_me h3 {
		color: #ffffff;
		font-size: 28px;
		line-height: normal;
		font-weight: 300;
		margin-bottom: 35px;
	}
		.call_me h3 span {
			display: block;
			font-size: 26px;
			line-height: normal;
			font-weight: 300;
		}
		.call_me p {
			display: inline-block;
			vertical-align: middle;
			color: #ffffff;
			font-size: 20px;
			line-height: normal;
			font-weight: 300;
			margin-right: 25px;
		}
		.call_me p a {
			display: block;
			color: #ffffff;
			font-size: 32px;
			line-height: 32px;
			font-weight: 500;
		}
		.call_me a.btns {
			padding-left: 45px;
			padding-right: 45px;
			margin-top: 5px;
			display: inline-block;
			vertical-align: middle;
		}
		.call_me a.btns:hover {background-color: #9fbb2a;}


/*call_me end*/

/*nezelie*/

.nez .s_1 {
	overflow: hidden;
	padding: 75px 0 75px 35px;
	background-image: url(/images/info-page/nez-s_1-bg.jpg);
}
	.nez .s_1 .wrp {
		width: 700px;
		padding-top: 30px;
		padding-bottom: 55px;
		background-color: #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.nez .s_1 h3 {
			color: #3a3a3a;
			font-size: 23px;
			line-height: normal;
			font-weight: 500;
			padding-left: 30px;
		}
			.nez .s_1 h3 span {
				display: block;
				font-size: 20px;
				line-height: normal;
				font-weight: 300;
			}

		.nez .s_1 ul {
			display: block;
			text-align: center;
			margin-top: 35px;
		}
			.nez .s_1 ul li {
				display: inline-block;
				vertical-align: middle;
				margin: 0 5%;
			}
				.nez .s_1 ul li img {
					display: block;
					margin: auto;
				}
				.nez .s_1 ul li p {
					color: #000000;
					font-size: 15px;
					line-height: normal;
					font-weight: 400;
					margin-top: 5px;
				}
				
@media screen and (max-width: 800px) {
	.nez .s_1 {
		padding-left: 3%;
		padding-right: 3%;
	}
	.nez .s_1 .wrp {
		width: 100%;
	}
	.nez .s_1 h3 {
		padding-left: 3%;
		padding-right: 3%;
		font-size: 20px;
	}
	.nez .s_1 h3 br {display: none;}
	
	.nez .s_1 h3 span {display: inline;}
	
	.nez .s_1 ul li {margin-bottom: 15px;}
}				

/*nezelie end*/


/*contacts*/

	.contacts .top {
		padding: 15px 0;
		text-align: center;
		background-color: #ff7200;
	}
		.contacts .top p {
			color: #ffffff;
			font-size: 28px;
			line-height: normal;
			font-weight: 100;
		}
			.contacts .top p a {
				color: #ffffff;
				font-size: 28px;
				line-height: normal;
				font-weight: 500;
			}

	.contacts .wrap {
		overflow: hidden;
	}
		.contacts .left {
			width: 50%;
			float: left;
		}
		.contacts .right {
			width: 50%;
			float: right;
		}
		.contacts .description {
			height: 270px;
			padding-top: 30px;
			padding-left: 30px;
			color: #ffffff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.contacts .left .description {
				background-color: #154265;
			}
			.contacts .right .description {
				background-color: #0d3351;
			}
				.contacts .description h3 {
					font-size: 24px;
					font-weight: 500;
					line-height: normal;
				}
				.contacts .description h4 {
					font-size: 18px;
					font-weight: 300;
					line-height: normal;
					margin-bottom: 30px;
				}
				.contacts .description p {
					display: block;
					padding-left: 35px;
					font-size: 18px;
					font-weight: 300;
					line-height: normal;
					padding-bottom: 7px;
					background-repeat: no-repeat;
					background-position: left top;

				}
				.contacts .description p.metro {background-image: url(/images/info-page/metro-icon.png);}
				.contacts .description p.address {background-image: url(/images/info-page/map-icon.png);}
				.contacts .description p.time {background-image: url(/images/info-page/clock-icon.png);}
				.contacts .description p.email {background-image: url(/images/info-page/email-icon.png);}
				.contacts .description p.tel {background-image: url(/images/info-page/tel-icon.png);}

		.contacts .description p.email a {color: #fff;}		
				
		.contacts .map {
			height: 420px;
		}
		
	@media screen and (max-width: 1200px) {

	.contacts .description {
		padding: 40px 3%;
		height: auto;
	}
	
}
@media screen and (max-width: 960px) {
	
	.contacts .top {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.contacts .left {
		width: 100%;
		float: none;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contacts .right {
		width: 100%;
		float: none;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contacts .map {
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
	}
}

@media screen and (max-width: 480px) {
	.contacts .map {height: 75vw;}
	
	.contacts .description p {font-size: 16px;}
	
}

@media screen and (max-width: 320px) {
	.contacts .map {height: 100vw;}
}

/*contacts end*/

/*planirovka*/

@media screen and (min-width: 1201px) {
	.planirovka .s_1 {
		width: 1140px;
		margin: auto;
	}
}


	.planirovka .s_1 .label {
		text-align: center;
		background-color: #ff7200;
		color: #ffffff;
		font-size: 30px;
		line-height: normal;
		font-weight: 300;
		padding: 5px 0;
	}
		.planirovka .s_1 img {
			display: block;
			margin: 25px auto 40px auto;
		}
/*planirovka end*/


/*infrastructure*/

.infrastructure .s_1 .dt {
	display: table;
	width: 100%;
}
	.infrastructure .s_1 .dt .dtc {
		display: table-cell;
		vertical-align: top;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.infrastructure .s_1 .dt .info {
		background-color: #214870;
		color: #ffffff;
		padding: 60px 0;
	}
		.infrastructure .s_1 .dt .info h3 {
			font-size: 20px;
			font-weight: 300;
			line-height: normal;
			padding-left: 35px;
		}
		.infrastructure .s_1 .dt .info ul {
			display: block;
			overflow: hidden;
			text-align: center;
			margin-top: 40px;
		}
			.infrastructure .s_1 .dt .info ul li {
				display: block;
				float: left;
				width: 33.33%;
			}
				.infrastructure .s_1 .dt .info ul li p {
					font-size: 16px;
					line-height: normal;
					font-weight: 300;
					margin-top: 5px;
				}

.infrastructure .s_2 {
	padding-top: 90px;
	padding-bottom: 100px;
}
	.infrastructure .s_2 h3 {
		text-align: center;
		color: #000000;
		font-size: 30px;
		line-height: normal;
		font-weight: 700;
	}
		.infrastructure .s_2 h3 span {
			display: block;
			color: #434343;
			font-size: 24px;
			line-height: normal;
			font-weight: 300;
		}
	.infrastructure .s_2 ul {
		display: block;
		text-align: center;
		margin-top: 55px;
	}
		.infrastructure .s_2 ul li {
			display: inline-block;
			vertical-align: middle;
			margin: 0 25px;
		}
			.infrastructure .s_2 ul li img {
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
			}
			.infrastructure .s_2 ul li p {
				display: inline-block;
				vertical-align: middle;
				text-align: left;
				color: #434343;
				font-size: 15px;
				line-height: normal;
				font-weight: 300;
			}

.infrastructure .s_3 {
	padding: 70px 0 70px 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(/images/info-page/infrastructure-s_3-bg.jpg);
}
	.infrastructure .s_3 .wrp {
		width: 670px;
		padding: 30px 40px;
		background-color: #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}
		.infrastructure .s_3 h3 {
			color: #000000;
			font-size: 28px;
			line-height: normal;
			font-weight: 700;
		}
		.infrastructure .s_3 h3 span {
			display: block;
			font-size: 24px;
			line-height: normal;
			font-weight: 300;
		}
		.infrastructure .s_3 p {
			margin-top: 20px;
			display: block;
			color: #434343;
			font-size: 15px;
			line-height: 22px;
			font-weight: 300;
		}
		
		
@media screen and (max-width: 1200px) {

	.infrastructure .s_1 .dt .info h3 {padding-left: 0;}
	
	.infrastructure .s_1 .dt {
		display: block;
	}
		.infrastructure .s_1 .dt .dtc {
			display: block;
			width: 100%;
		}
		.infrastructure .s_1 .dt .info {
			padding: 25px 3%;
		}
		.infrastructure .s_1 .dt #map {
			height: 45vw;

			border-left: 20px solid #fff;
			border-right: 20px solid #fff;
		}
	
	.infrastructure .s_2 {display: none;}
	
}


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

	.infrastructure .s_3 {
		padding-left: 3%;
		padding-right: 3%;
	}
	.infrastructure .s_3 .wrp {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
		
	}
	.infrastructure .s_3 h3 {
		font-size: 20px;
	}
	.infrastructure .s_3 h3 br {display: none;}
	
	.infrastructure .s_3 h3 span {display: inline;}
	
	.infrastructure .s_1 .dt #map {height: 55vw;}
	
}

@media screen and (max-width: 480px) {
	.infrastructure .s_1 .dt #map {height: 75vw;}
}
@media screen and (max-width: 320px) {
	
	.infrastructure .s_1 .dt .info ul  {margin-bottom: 0;}
	
	.infrastructure .s_1 .dt .info ul li {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.infrastructure .s_1 .dt #map {height: 100vw;}
}		
		
/*infrastructure end*/


/*mortgage*/

.mortgage .s_1 .dt {
	display: table;
	width: 100%;
}
	.mortgage .s_1 .dt .dtc {
		display: table-cell;
		vertical-align: top;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.mortgage .s_1 .dt .info {
			background-color: #224973;
			color: #ffffff;
			padding: 35px 60px 45px 35px;
		}
			.mortgage .s_1 .dt .info h3 {
				font-size: 24px;
				font-weight: 300;
				line-height: normal;
			}
			.mortgage .s_1 .dt .info h4 {
				font-size: 20px;
				font-weight: 500;
				line-height: normal;
				margin-top: 20px;
				padding-bottom: 30px;
			}
			.mortgage .s_1 .dt .info div {margin-bottom: 25px;}

				.mortgage .s_1 .dt .info div img {
					display: inline-block;
					vertical-align: middle;
					margin-right: 15px;
					width: 29%;
				}
				.mortgage .s_1 .dt .info div span {
					display: inline-block;
					vertical-align: bottom;
					font-size: 20px;
					font-weight: 300;
					line-height: normal;
				}

		.mortgage .s_1 .dt .pic {
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url(/images/info-page/mortgage-s_1-bg.jpg);
		}

.mortgage .s_2 {
	padding: 70px 0 70px 35px;
}
	.mortgage .s_2 * {
		display: inline-block;
		vertical-align: middle;
	}
		.mortgage .s_2 p {
			color: #000000;
			font-size: 26px;
			line-height: normal;
			font-weight: 300;
			margin-left: 20px;
			margin-right: 30px;
		}
		.mortgage .s_2 a {
			margin-top: 15px;
			padding: 15px 65px;
		}

.mortgage .s_3 {
	padding-top: 70px;
	padding-bottom: 95px;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(/images/info-page/mortgage-s_3-bg.jpg);
}
	.mortgage .s_3 .wrp {
		display: inline-block;
		padding: 30px 30px 35px 30px;
		background-color: #ffffff;
	}
		.mortgage .s_3 .wrp h3 {
			color: #000000;
			font-size: 29px;
			line-height: normal;
			font-weight: 500;
			margin-bottom: 30px;
		}
		.mortgage .s_3 .wrp h3 span {
			display: block;
			font-size: 20px;
			line-height: normal;
			font-weight: 300;
		}

.mortgage .s_4 {
	padding-top: 75px;
	padding-bottom: 70px;
}
	.mortgage .s_4 h3 {
		text-align: center;
		color: #000000;
		font-size: 30px;
		line-height: normal;
		font-weight: 500;
	}
		.mortgage .s_4 h3 span {
			display: block;
			color: #646464;
			font-size: 24px;
			line-height: normal;
			font-weight: 300;
		}
	.mortgage .s_4 ul {
		display: block;
		margin-top: 55px;
		margin-bottom: 45px;
		text-align: center;
	}
		.mortgage .s_4 ul * {
			display: inline-block;
			vertical-align: middle;
		}
		.mortgage .s_4 ul li {
			margin: 0 40px;
		}
			.mortgage .s_4 ul li p {
				text-align: left;
				margin-left: 10px;
				color: #434343;
				font-size: 15px;
				line-height: normal;
				font-weight: 300;
			}

			.mortgage .s_4 small {
				width: 940px;
				margin: auto;
				display: block;
				color: #434343;
				font-size: 15px;
				line-height: 22px;
				font-weight: 300;
			}
			
@media screen and (max-width: 1200px) {
	
	.mortgage .s_1 .dt {
		display: block;
	}
		.mortgage .s_1 .dt .dtc {
			display: block;
			width: 100%;
		}
		.mortgage .s_1 .dt .info {
			padding: 25px 3%;
		}
		.mortgage .s_1 .dt .pic {display: none;}

		.mortgage .s_1 .dt .info div {display: inline-block;}
	
	.mortgage .s_2 {
		padding: 40px 3%;
	}
		.mortgage .s_2 img {display: none;}

		.mortgage .s_2 p {
			font-size: 22px;
			margin-left: 0;
			margin-right: 0;
		}
		.mortgage .s_2 p br {display: none;}
	
	.mortgage .s_3 {padding: 45px 3%;}
	
		.mortgage .s_3 .wrp {padding: 25px 3%;}
	
	.mortgage .s_4 {display: none;}
	
}

@media screen and (max-width: 480px) {
	.mortgage .s_1 .dt .info div img {margin-bottom: 20px;}
}			
			
/*mortgage end*/


/*photo*/
.photos .s_1 {overflow: hidden;}

	.photos .s_1 .video {
		padding: 0 35px;
		height: auto;
		overflow: hidden;
	}

	.photos .s_1 .video img{height: 420px; width: 100%;}

	.photos .s_1 .gallery {
		margin: 55px 35px;
		overflow: hidden;
	}
		.photos .s_1 .gallery ul {
			display: none;
			overflow: hidden;
		}
		.photos .s_1 .gallery ul.active{display: block;}
			.photos .s_1 .gallery ul li, .img_col {
				width: 33.33%;
				float: left;
				display: block;
				margin-bottom: 10px;
			}
				.photos .s_1 .gallery ul li div, .img_col a {
					width: 361px;
					margin: auto;
					display: block;
					border: 1px solid #ccc;
					height: 256px;
				}
					.photos .s_1 .gallery ul li a {outline: none;}

					.photos .s_1 .gallery ul li img {
						display: block;
						outline: none;
					}

					
@media screen and (max-width: 1200px) {
	
	.photos .s_1 .video {height: auto;}
	
	.photos .s_1 .gallery ul li div {width: auto;}
}

@media screen and (max-width: 600px) {
	.photos .s_1 .video {
		padding: 0 3%;
		height: 55vw;
	}
	.photos .s_1 .gallery ul li {width: 50%;}
} 
@media screen and (max-width: 320px) {
	.photos .s_1 .video {height: 100vw;}
	.photos .s_1 .gallery ul li {width: 100%;}
}


/*photo end*/
.select-complex{overflow: hidden; margin: 50px 0 20px 40px;}
.select-complex li{display: block; float: left; margin-right: 15px;}
.select-complex li a{display: block; padding: 10px 20px; background: #18406D; color: #fff; text-decoration: none; font-size: 20px;}
.select-complex li a:hover, .select-complex li a.active {background: #FF7200;}
.gallery .views a:hover, .gallery .views a.active {background: #18406D;}
.gallery .img-wrap>div{display: none;}
.gallery .img-wrap>div.active{display: block;}
.gallery .views{display: none; overflow: hidden; margin-bottom: 30px;}
.gallery .views.active{display: block;}
.gallery .views a{color: #fff; display: block; float:left; padding: 10px 20px; background: #FF7200; margin-right: 15px;}
.img-wrap{clear: both; overflow: hidden;}

.main-banner{position: fixed; width: 60%; max-height: 60%; height: auto; left: 20%; top: 20%; background: url('/images/main-banner.jpg') no-repeat 80% 50% #1773ab; background-size: cover; color: #fff; display: none; z-index: 100;}
    .main-banner-top{padding: 2% 2% 0; max-height: 30%; height: auto; box-sizing: border-box; background: #1773ab; position: relative;}
        .main-banner-top-inner{border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; height: 100%; box-sizing: border-box; padding: 3vh 1vw; text-align: center;}
            .main-banner-top-inner h2{font-weight: normal; font-size: 1.95vw; margin-bottom: 0.5rem;}
            .main-banner-top-inner h3{font-weight: normal; font-size: 1.2vw;}
    .main-banner-mid{padding: 0 2%; max-height: 50%; height: auto; box-sizing: border-box;}
        .main-banner-mid-inner{border-left: 2px solid #fff; border-right: 2px solid #fff; height: 100%; box-sizing: border-box; padding: 2vh 1vw 0;}
            .main-banner-mid-inner h4{font-size: 1.3vw; margin: 0 0 2% 5%;}
            .main-banner-mid-inner ol{margin: 0 0 0 6.5%; padding: 0;}
            .main-banner-mid-inner li{margin-bottom: 1vw; font-size: 0.9vw;}
    .main-banner-bottom{max-height: 20%; height: auto; box-sizing: border-box; background: #18406d; text-align: center; display: table; width: 100%; padding: 1% 0;}
        .main-banner-bottom>span{display: table-cell; width: 70%; vertical-align: middle; text-align: center; font-size: 1.5vw;}
        .main-banner-bottom>span+span{width: 30%; vertical-align: middle;}
            .main-banner-bottom>span>a{display: block; width: 80%; height: 35%;}
                .main-banner-bottom>span>a>img{display: block; width: 100%;}
    .main-banner a.close{display: block; width: 2vw; height: 2vw; text-align: center; line-height: 2vw; text-decoration: none; position: absolute; right: 0; top: 0; color: #fff; background: #1773ab; padding: 1rem; font-size: 2.8vw;}
    .main-banner-icon{position: fixed; right: 0; bottom: 0; z-index: 100; cursor: pointer; display: none;}
@media screen and (max-width: 1024px) {
    
    .main-banner-mid-inner h4{
        font-size: 3vw;
    }
    .main-banner-mid-inner li{
        font-size: 2vw;
    }
    .main-banner-top-inner h2{
        font-size: 2.1vw;
    }
    .main-banner-top-inner h3{
        font-size: 1.8vw;
    }
    .main-banner a.close{
        padding: 1vw;
    }
}

@media screen and (max-width: 800px) {
	
	.main_s1 .ttl .captions h1 {font-size: 46px;}
}

.docs_list{
	color: #434343;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 300;
	text-align: center;
}

.foto_panorama {
  height: 500px;
}

@media screen and (max-width: 800px) {
  .foto_panorama {
    height: 300px;
  }
}

@media screen and (max-width: 600px) {
  .foto_panorama {
    height: 200px;
  }
}