@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic);


@font-face {
	font-family: 'CaflischScriptPro';
	src: url('../fonts/CaflischScriptPro.eot');
	src: url('../fonts/CaflischScriptPro.eot') format('embedded-opentype'),
		 url('../fonts/CaflischScriptPro.woff2') format('woff2'),
		 url('../fonts/CaflischScriptPro.woff') format('woff'),
		 url('../fonts/CaflischScriptPro.ttf') format('truetype'),
		 url('../fonts/CaflischScriptPro.svg#CaflischScriptPro') format('svg');
}



html, body{
	color: #fff;
	font: 14px/1.3 'Open Sans';
	height: 100%;
}



body{
	background: #1B2C49 url(../images/body_bg.jpg) no-repeat;
	background-size: 100% auto;
}



.header{
	background: #1B2C48;
	box-shadow: 0 12px 59px rgba(20, 19, 23, .54);
	height: 90px;
	left: 0;
	position: fixed;
	top: 0;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
	width: 100%;
	z-index: 50;
}
.header.act{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
	.header ._nav{
		cursor: pointer;
		height: 17px;
		left: 100px;
		position: absolute;
		top: calc(50% - 8px);
		width: 24px;
	}
		.header ._nav path{
			transition: .2s ease-in-out;
		}
		.header ._nav:hover path{
			fill: #ff0;
		}

	
	.header .logo{
		background: url(../images/logo.svg);
		height: 75px;
		left: calc(50% - 125px);
		position: absolute;
		top: 8px;
		width: 250px;
	}

	.header .tel{
		color: #fff;
		font-size: 30px;
		position: absolute;
		right: 100px;
		top: calc(50% - 20px);
		transition: .2s ease-in-out;
	}
	.header .tel:hover{
		color: #ff0;
	}





.sec_nav{
	background: #2e71f0;
	height: 100%;
	left: 0;
	padding: 170px 110px 0;
	position: fixed;
	top: 0;
	transition: .7s cubic-bezier(0.77, 0, 0.175, 1);
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	width: 590px;
	z-index: 100;
}
.sec_nav.act{
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
	.sec_nav .links{
		margin-bottom: 100px;
	}
		.sec_nav .links li{
			margin-bottom: 40px;
		}
			.sec_nav .links li a{
				color: #fff;
				font-size: 52px;
				font-weight: 700;
				text-decoration: none;
				transition: .2s ease-in-out;
			}
			.sec_nav .links li a:hover{
				color: #ff0;
			}


	.sec_nav .mail{
		background: url(../images/icons/mail.svg) no-repeat left center;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		padding-left: 50px;
		text-decoration: none;
		transition: .2s ease-in-out;
	}
	.sec_nav .mail:hover{
		color: #FFFF00;
	}

	.sec_nav .socials{
		margin: 40px 0;
	}
		.sec_nav .socials li{
			display: inline-block;
			margin-right: 10px;
		}
			.sec_nav .socials li a{
				background-position: center;
				background-repeat: no-repeat;
				background-size: auto 13px;
				border: 1px solid rgba(255, 255, 255, .3);
				border-radius: 50%;
				display: inline-block;
				height: 33px;
				width: 33px;
			}
			.sec_nav .socials li a._vk{
				background-image: url(../images/icons/soc_vk.svg);
			}
			.sec_nav .socials li a._ig{
				background-image: url(../images/icons/soc_ig.svg);
			}


	.sec_nav .phones{
		color: #ff0;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 4px;
		line-height: 28px;
		padding-top: 20px;
		position: relative;
	}
		.sec_nav .phones:before{
			color: #fff;
			content: "ТЕЛЕФОНЫ:";
			font-size: 11px;
			left: 0;
			letter-spacing: 2px;
			position: absolute;
			top: -7px;
		}


	.sec_nav .close{
		background: url(../images/icons/nav_close.svg) no-repeat center;
		border: 1px solid rgba(255, 255, 255, .3);
		border-radius: 50%;
		cursor: pointer;
		height: 60px;
		left: 110px;
		position: absolute;
		top: 60px;
		width: 60px;
	}





.sec_entry{
	background: url(../images/entry_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	height: 100%;
	position: relative;
}
	.sec_entry ._nav{
		cursor: pointer;
		height: 17px;
		left: 130px;
		position: absolute;
		top: 85px;
		width: 24px;
	}
		.sec_entry ._nav path{
			transition: .2s ease-in-out;
		}
		.sec_entry ._nav:hover path{
			fill: #ff0;
		}


	.sec_entry .tel{
		color: #fff;
		font-size: 30px;
		position: absolute;
		right: 100px;
		top: 73px;
		transition: .2s ease-in-out;
	}
	.sec_entry .tel:hover{
		color: #ff0;
	}

	.sec_entry .dates{
		bottom: 250px;
		color: #ff0;
		font: 70px 'CaflischScriptPro';
		left: 50%;
		line-height: .8;
		position: absolute;
	}
		.sec_entry .dates span{
			color: #fff;
			font: 24px 'Open Sans';
		}


	.sec_entry .title{
		bottom: 170px;
		font-size: 60px;
		left: 50%;
		position: absolute;
		text-transform: uppercase;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		white-space: nowrap;
	}

	.sec_entry ._scroll{
		background: url(../images/icons/arr_w.svg) no-repeat center;
		border-radius: 50%;
		border: 3px solid #fff;
		bottom: 70px;
		cursor: pointer;
		height: 50px;
		left: calc(50% - 25px);
		position: absolute;
		width: 50px;
	}





.sec_dates{
	display: block;
}
	.sec_dates .wrap{
		margin: 0 auto;
		position: relative;
		width: 1400px;
	}
		.sec_dates .wrap .title{
			font-size: 48px;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.sec_dates .wrap .row_1{
			position: relative;
		}
			.sec_dates .wrap .dates{
				font-size: 16px;
				letter-spacing: 1px;
				margin: 60px 0 0 35px;
				text-transform: uppercase;
				width: 400px;
			}
				.sec_dates .wrap .dates li{
					margin-bottom: 20px;
					overflow: hidden;
				}
					.sec_dates .wrap .dates li span{
						color: #ff0;
						float: right;
						font: 69px 'CaflischScriptPro';
						line-height: 1;
						margin-top: -10px;
						padding: 0 40px 40px 0;
						position: relative;
					}
						.sec_dates .wrap .dates li span:after{
							bottom: 0;
							color: #fff;
							content: attr(data-b);
							font-size: 48px;
							position: absolute;
							right: 0;
						}


			.sec_dates .wrap .cost{
				font-size: 16px;
				line-height: 26px;
				margin: 25px 0 0;
				width: 430px;
			}
				.sec_dates .wrap .cost h4{
					font-size: 24px;
					font-weight: 400;
					margin-bottom: 10px;
				}

				.sec_dates .wrap .cost b{
					color: #ffdb00;
				}


			.sec_dates .wrap .img{
				box-shadow: 0 12px 59px rgba(20, 19, 23, .54);
				position: absolute;
				right: 0;
				top: 10px;
				width: calc(100% - 550px);
			}


		.sec_dates .wrap .row_2{
			font-size: 16px;
			line-height: 26px;
			margin-top: 40px;
			width: 810px;
		}
			.sec_dates .wrap .row_2 h4{
				font-size: 24px;
				font-weight: 400;
				margin-bottom: 10px;
			}


		.sec_dates .wrap .desc{
			border: 15px solid #ffdb00;
			font-size: 30px;
			height: 860px;
			line-height: 46px;
			padding: 550px 30px 30px;
			position: absolute;
			right: 25px;
			text-align: center;
			text-transform: uppercase;
			top: 10px;
			width: 460px;
		}
			.sec_dates .wrap .desc a{
				border: 5px solid #ffdb00;
				color: #fff;
				display: block;
				font-size: 16px;
				height: 68px;
				margin: 40px auto 0;
				padding-top: 7px;
				text-decoration: none;
				transition: .3s;
				width: 225px;
			}
			.sec_dates .wrap .desc a:hover{
				background: rgba(255, 219, 0, .1);
			}





.sec_info{
	margin: 100px 0 0;
}
	.sec_info > .title{
		font-size: 60px;
		font-weight: 300;
		text-align: center;
	}

	.sec_info > .desc{
		font-size: 22px;
		font-style: italic;
		line-height: 31px;
		margin: 30px 0;
		text-align: center;
	}
		.sec_info > .desc b{
			color: #ffdb00;
			font-weight: 400;
		}


	.sec_info .wrap{
		margin: 0 auto;
		width: 1400px;
	}
		.sec_info .wrap .cabins{
			height: 427px;
			margin: 80px 0;
		}
			.sec_info .wrap .cabins .text{
				color: #cad7f6;
				float: left;
				font-size: 18px;
				line-height: 34px;
				margin-top: 50px;
				width: 560px;
			}
				.sec_info .wrap .cabins .text h3{
					color: #fff;
					font-size: 30px;
					margin-bottom: 10px;
				}

				.sec_info .wrap .cabins .text em{
					color: #ffdb00;
				}


			.sec_info .wrap .cabins ._swiper{
				float: right;
				position: relative;
			}
				.sec_info .wrap .cabins .swiper-container{
					box-shadow: 0 12px 59px rgba(20, 19, 23, 0.54);
					height: 427px;
					width: 744px;
				}
					.sec_info .wrap .cabins ._swiper .swiper-slide{
						background-position: center;
						background-size: cover;
						height: 427px;
						width: 744px;
					}

					.sec_info .wrap .cabins ._swiper .swiper-pagination{
						bottom: -45px;
						text-align: center;
						width: 100%;
					}
						.sec_info .wrap .cabins ._swiper .swiper-pagination span{
							border: 2px solid #fff;
							border-radius: 50%;
							height: 10px;
							margin: 0 10px;
							opacity: 1;
							transition: .3s;
							width: 10px;
						}
						.sec_info .wrap .cabins ._swiper .swiper-pagination .swiper-pagination-bullet-active{
							background: #fff;
						}


		.sec_info .wrap .position{
			margin: 100px 0;
			text-align: left;
		}
			.sec_info .wrap .position .title{
				font-size: 24px;
			}

			.sec_info .wrap .position .desc{
				color: #cad7f6;
				font-size: 18px;
				line-height: 36px;
				margin: 40px 0;
				overflow: hidden;
			}
				.sec_info .wrap .position .desc li{
					float: left;
					text-align: left;
					width: calc(50% - 45px);
				}
				.sec_info .wrap .position .desc li + li{
					margin-left: 90px;
				}
					.sec_info .wrap .position .desc li em{
						color: #ffdb00;
					}


			.sec_info .wrap .position ._swiper{
				margin: 100px 0;
				position: relative;
			}
				.sec_info .wrap .position .swiper-container{
					box-shadow: 0 12px 59px rgba(20, 19, 23, 0.54);
					height: 454px;
					width: 978px;
				}
					.sec_info .wrap .position ._swiper .swiper-slide{
						background-position: center;
						background-size: cover;
						height: 454px;
						width: 978px;
					}

					.sec_info .wrap .position ._swiper .arr{
						background: url(../images/icons/arr_w.svg) no-repeat center;
						border: 3px solid #ffdb00;
						border-radius: 50%;
						cursor: pointer;
						height: 50px;
						position: absolute;
						top: calc(50% - 25px);
						width: 50px;
					}
					.sec_info .wrap .position ._swiper ._prev{
						left: 70px;
						transform: rotate(90deg);
						-webkit-transform: rotate(90deg);
					}
					.sec_info .wrap .position ._swiper ._next{
						right: 70px;
						transform: rotate(-90deg);
						-webkit-transform: rotate(-90deg);
					}

					.sec_info .wrap .position ._swiper .swiper-pagination{
						bottom: -45px;
						text-align: center;
						width: 100%;
					}
						.sec_info .wrap .position ._swiper .swiper-pagination span{
							background: transparent;
							border: 2px solid #fff;
							border-radius: 50%;
							height: 10px;
							margin: 0 10px;
							opacity: 1;
							transition: .3s;
							width: 10px;
						}
						.sec_info .wrap .position ._swiper .swiper-pagination .swiper-pagination-bullet-active{
							background: #fff;
						}


		.sec_info .wrap .equipment{
			margin: 130px 0 100px;
			position: relative;
		}
			.sec_info .wrap .equipment .title{
				font-size: 30px;
				margin-bottom: 15px;
			}

			.sec_info .wrap .equipment .desc{
				color: #cad7f6;
				font-size: 24px;
			}

			.sec_info .wrap .equipment .img_1{
				box-shadow: 0 12px 59px rgba(20, 19, 23, .54);
				margin-top: 50px;
				width: 61%;
			}

			.sec_info .wrap .equipment .img_2{
				box-shadow: 0 12px 59px rgba(20, 19, 23, .54);
				position: absolute;
				right: 0;
				top: 0;
				width: 41%;
			}


		.sec_info .wrap .program{
			border: 15px solid #ffdb00;
			border-top: none;
			margin: 140px 0 70px;
			min-height: 360px;
			position: relative;
		}
			.sec_info .wrap .program:before,
			.sec_info .wrap .program:after{
				background: #ffdb00;
				content: "";
				height: 15px;
				left: 0;
				position: absolute;
				top: 0;
				width: 25%;
			}
			.sec_info .wrap .program:after{
				left: auto;
				right: 0;
			}

			.sec_info .wrap .program .title{
				font-size: 40px;
				font-weight: 300;
				line-height: 1;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				top: -15px;
			}

			.sec_info .wrap .program .days{
				font-size: 0;
				margin: 40px auto;
				text-align: center;
				width: calc(100% - 50px);
			}
				.sec_info .wrap .program .days li{
					color: #fffefe;
					display: inline-block;
					font-size: 24px;
					font-weight: 700;
					position: relative;
					text-transform: uppercase;
					width: 20%;
				}
					.sec_info .wrap .program .days li span{
						border-bottom: 3px solid transparent;
						cursor: pointer;
						display: inline-block;
						letter-spacing: 1px;
						padding: 5px;
						transition: .3s;
					}
					.sec_info .wrap .program .days li.act span,
					.sec_info .wrap .program .days li span:hover{
						border-color: #ffdb00;
					}

					.sec_info .wrap .program .days li:after{
						bottom: -40px;
						color: #fffefe;
						content: attr(data-date);
						font-size: 14px;
						font-weight: 700;
						left: calc(50% - 85px);
						opacity: 0;
						position: absolute;
						transition: .3s;
						width: 170px;
					}
					.sec_info .wrap .program .days li:nth-child(3):after{
						bottom: -48px;
					}
					.sec_info .wrap .program .days li.act:after{
						opacity: 1;
					}


			.sec_info .wrap .program .content{
				color: #fffefe;
				column-count: 2;
				column-gap: 50px;
				-moz-column-count: 2;
				-moz-column-gap: 50px;
				-webkit-column-count: 2;
				-webkit-column-gap: 50px;
				display: none;
				font-size: 18px;
				line-height: 36px;
				padding: 20px 50px 50px;
			}


	.sec_info .enroll{
		background: #ffbf00;
		height: 285px;
		padding: 35px;
		text-align: center;
	}
			.sec_info .enroll .title{
				font-size: 36px;
				letter-spacing: 1px;
				margin-bottom: 30px;
				text-transform: uppercase;
			}

			.sec_info .enroll .timer{
				display: inline-block;
				line-height: 1;
				vertical-align: middle;
				width: 500px;
			}
				.sec_info .enroll .timer .table-cell{
					display: inline-block;
					margin: 0 25px;
					vertical-align: top;
				}
				.sec_info .enroll .timer .table-cell.second{
					display: none;
				}
					.sec_info .enroll .timer .table-cell .tab-val{
						font-size: 99px;
						font-weight: 700;
					}

					.sec_info .enroll .timer .table-cell .tab-metr{
						color: #000;
						font-size: 13px;
						font-weight: 700;
					}


			.sec_info .enroll .form{
				display: inline-block;
				margin: 10px 0 0 70px;
				vertical-align: middle;
			}
				.sec_info .enroll .form input{
					background: transparent;
					border: none;
					border-bottom: 1px solid #000;
					font-size: 16px;
					margin-right: 25px;
					padding-bottom: 10px;
					transition: .3s;
					vertical-align: middle;
					width: 175px;
				}
				.sec_info .enroll .form input::-webkit-input-placeholder {color: #000; opacity: 1;}
				.sec_info .enroll .form input::-moz-placeholder          {color: #000; opacity: 1;}
				.sec_info .enroll .form input:-ms-input-placeholder      {color: #000; opacity: 1;}

				.sec_info .enroll .form ._error{
					border-color: red;
				}

				.sec_info .enroll .form button{
					background: transparent url(../images/icons/arr_b.svg) no-repeat center;
					border-radius: 50%;
					border: 3px solid #fff;
					cursor: pointer;
					height: 50px;
					margin-left: 20px;
					transform: rotate(-90deg);
					-webkit-transform: rotate(-90deg);
					vertical-align: middle;
					width: 50px;
				}

			
			.sec_info .enroll .thx{
				color: #000;
				display: none;
				font-size: 20px;
				line-height: 30px;
				margin: 10px 0 0 70px;
				opacity: 0;
				position: relative;
				text-align: left;
				transition: .3s;
				vertical-align: middle;
				width: 470px;
			}
			.sec_info .enroll .thx.act{
				opacity: 1;
			}
				.sec_info .enroll .thx:after{
					background: url(../images/icons/ok.svg) no-repeat center;
					border-radius: 50%;
					border: 3px solid #fff;
					content: "";
					height: 50px;
					position: absolute;
					right: 0;
					top: 7px;
					vertical-align: middle;
					width: 50px;
				}





.footer{
	background: #000;
	color: #fff;
	font-size: 18px;
	height: 245px;
	line-height: 36px;
	padding-top: 50px;
	position: relative;
}
	.footer .phones{
		float: left;
		margin-left: 100px;
	}
		.footer .phones .title{
			font-weight: 400;
			text-transform: uppercase;
		}

		.footer .phones .tel{
			font-size: 16px;
			font-weight: 700;
			letter-spacing: 2px;
		}


	.footer .socials{
		float: left;
		margin-left: 17%;
	}
		.footer .socials .title{
			font-weight: 400;
			margin-bottom: 20px;
			text-transform: uppercase;
		}

		.footer .socials a{
			background-repeat: no-repeat;
			background-position: center;
			border: 2px solid #173c4a;
			border-radius: 50%;
			display: inline-block;
			height: 53px;
			margin-right: 15px;
			transition: .2s ease-in-out;
			vertical-align: middle;
			width: 53px;
		}
		.footer .socials .ig{
			background-image: url(../images/icons/soc_ig.svg);
		}
		.footer .socials .vk{
			background-image: url(../images/icons/soc_vk.svg);
		}
		.footer .socials a:hover{
			background-color: #173c4a;;
		}

		.footer .socials .hash{
			color: #36afdd;
			font-size: 14px;
			letter-spacing: 1px;
			vertical-align: middle;
		}


	.footer .email{
		float: left;
		margin-left: 12%;
	}
		.footer .email .title{
			font-weight: 400;
		}

		.footer .email .link{
			color: #fff;
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;
			transition: .2s ease-in-out;
		}
		.footer .email .link:hover{
			color: #36afdd;
		}


	.footer .button{
		background: transparent;
		border: 2px solid #36afdd;
		color: #fff;
		cursor: pointer;
		float: right;
		height: 55px;
		margin: 5px 100px 0 0;
		text-transform: uppercase;
		transition: .2s ease-in-out;
		width: 210px;
	}
	.footer .button:hover{
		background: rgba(54, 175, 221, .3);
	}


.footer .bottom{
	bottom: 0;
	color: #5B5B5B;
	font-size: 11px;
	font-weight: 600;
	left: 0;
	line-height: 1;
	padding: 0 100px 20px;
	position: absolute;
	width: 100%;
}
	.footer .bottom .copyright{
		float: left;
	}

	.footer .bottom .creator{
		color: #5B5B5B;
		float: right;
		text-decoration: none;
		text-transform: uppercase;
		transition: .2s ease-in-out;
	}
	.footer .bottom .creator:hover{
		color: #36afdd;
	}





.popup_record{
	background: #fff;
	box-shadow: 0 0 65px rgba(1, 1, 1, .38);
	font-family: 'Open Sans Condensed';
	font-weight: 700;
	height: 535px;
	left: calc(50% - 308px);
	opacity: 0;
	padding: 30px 100px;
	position: fixed;
	text-align: center;
	top: calc(50% - 268px);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transition: .5s ease-in-out;
	visibility: hidden;
	width: 615px;
	z-index: 30;
}
.popup_record.act{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
}
	.popup_record .title{
		color: #36afdd;
		font-size: 30px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.popup_record._green .title{
		color: #74B65F;
	}


	.popup_record .desc{
		color: #000;
		font-size: 20px;
		margin: 15px 0;
		text-transform: uppercase;
	}

	.popup_record input,
	.popup_record textarea{
		background: #E8E8E8;
		border: 1px solid #e2e4e4;
		color: #474747;
		font-size: 18px;
		height: 52px;
		margin: 17px 0;
		padding: 0 20px;
		transition: .2s ease-in-out;
		width: 400px;
	}
	.popup_record input:focus,
	.popup_record textarea:focus{
		border-color: #00bff3;
	}

	.popup_record textarea{
		height: 110px;
		padding: 15px 20px;
	}

	.popup_record ._error{
		border-color: red;
	}

	.popup_record button{
		background: #36afdd;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 24px;
		height: 40px;
		letter-spacing: 1px;
		margin-top: 15px;
		text-transform: uppercase;
		transition: .3s ease-in-out;
		width: 175px;
	}
	.popup_record._green button{
		background: #74B65F;
	}
	.popup_record button:hover{
		opacity: .85;
	}

	.popup_record .close{
		background: url(../images/icons/close.svg) no-repeat center;
		cursor: pointer;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px;
	}





.overlay{
	background: rgba(0, 0, 0, .2);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
}