body,html{
	margin:0 auto;
	font-family:Open Sans;
	background: #000;
}
.header{
	padding:10px;
	text-align:center;
	border-bottom:10px solid #1fb0e8;
	background:#333;
}
.header h1{
	font-size:45px;
	margin:0 auto;
	text-transform: uppercase;
	color:#fff;
}
.header h4{
	color:#fff;
	margin:0 auto;
	font-weight:300;
	letter-spacing: 10px;
	margin-top:-5px;
	margin-bottom:5px;
}
.top{
	background:url(img/top.jpg) no-repeat;
	background-position:center center;
	width:1440px;
	height:500px;
	position:relative;
	cursor:pointer;
	margin:0 auto;
}
.top .onpic{
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	margin:auto;
	width:863px;
	height:93px;	
}
.top:hover .onpic h1{
	background:#fff;
	color:#1fb0e8;
}
.top .onpic h1{
	margin:0;
	display:inline-block;
	color:#fff;
	background: #1eabe3; /* Old browsers */
	background: -moz-linear-gradient(top, #1eabe3 1%, #176685 100%, #176685 101%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1eabe3 1%,#176685 100%,#176685 101%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1eabe3 1%,#176685 100%,#176685 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eabe3', endColorstr='#176685',GradientType=0 ); /* IE6-9 */
	padding:25px 40px;
	transition: .3s ease;
}

.c{
	width:1440px;
	margin:0 auto;
}
.c .head{
	position:relative;
	z-index:99;
	border-bottom:10px solid #1fb0e8;
	border-top:10px solid #1fb0e8;
	display:flex;
}
.c .head .img{
	width:288px;
	height:300px;
	position:relative;
}
.c .head .img img{
	width:100%;
	height:300px;
	object-fit:cover;
}
.c .head .img .onpic{
	position:absolute;
	bottom:20px;
	left:0;right:0;
	margin:auto;
	text-align:center;
}
.c .head .img .button{
	width:80%;
	margin:0 auto;
	padding:10px;
	color:#fff;
	background:#1fb0e8;
	border:none;
	font-size:14px;
	cursor:pointer;
	outline:none;
}
.c .head .img .button:hover {
	background:#fff;
	color:#1fb0e8;
}

.c .body{
	padding:10px;
	text-align:center;
	background:#333;
}
.c .body .exp{
	display:inline-block;
	padding:10px;
	width:29%;
	margin:0 auto;
	margin:10px;
	background:#fff;
	border-radius:5px;
	cursor:pointer;
}
.c .body .exp .fa{
	font-size:60px;
	color:#1fb0e8;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	width:95%;
	padding-bottom:10px;
}
.c .body .exp span{
	font-style: italic;
}
.c .bar{
	background:#1fb0e8;
	color:#fff;
	padding:15px;
	width:100%;
	text-align:center;
	box-sizing: border-box;
}
.c .bar h1{
	font-size:50px;
	margin:0;
	text-transform: uppercase;
}
.c .body .button{
	width:100%;
	padding:15px;
	color:#1fb0e8;
	background:#fff;
	font-size:30px;
	text-transform: uppercase;
	border-radius:5px;
	cursor:pointer;
	outline:none;
	margin-top:0px;
}

.c .body .girls{
	width:65%;
	margin:0 auto;
}
.c .body .girls h2{
	color:#fff;
	margin:20px;
	margin-bottom:30px;
	text-transform: uppercase;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}
.c .body .girls img{
	width:150px;
	height:150px;
	object-fit:cover;
}

.overlay{
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.9);
	z-index:9999;
	display:none;
}
.overlay .wrap{
	height:100%;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	margin:auto;
	display:flex;
	justify-content: center;
	align-items: center;
}
.overlay .box{
	width:500px;
	text-align:center;
	border-radius:5px;
	background:#fff;
}
.overlay .box .body{
	padding:15px;
}
.overlay .box h2{
	margin:0;
	font-size:17px;
	font-weight:300;
}
.overlay .box iframe{
	width:100%;
}



@media only screen and (max-width:1440px){
	.top{
		width:100%;
	}
	.c{
		width:100%;
	}
}



@media only screen and (max-width:480px){
	
	.top{
		width:100%;
	}
	.c{
		width:100%;
	}
	.header h1{
		font-size:30px;
	}
	.header h4{
		letter-spacing: 7px;
	}
	.top{
		background:url(img/mobiletop.jpg) no-repeat;
		height:400px;
		background-position:center center;
	}
	.top .onpic{
		width:100%;
	}
	.top .onpic h1{
		font-size:21px;
		text-align:center;
	}
	.mobile{
		display:none;
	}
	.c .head .img img{
		height:200px;
	}
	.c .head .img{
		height:200px;
	}
	.c .head .img .button{
		font-size:10px;
	}
	.c .head .img .onpic{
		bottom:10px;
	}
	.c .body{
		box-sizing: border-box;
	}
	.c .body .exp{
		width:100%;
		box-sizing: border-box;
		margin:0;
		margin-bottom:5px;
		margin-top:5px;
	}
	.c .bar h1{
		font-size:36px;
	}
	.c .body .girls{
		width:100%;
	}
	.c .body .girls img{
		width:115px;
	}
	.c .body .button{
		font-size:28px;
	}
	
	.overlay .box{
		width:95%;
	}
	.overlay .header h4{
		letter-spacing: 6px;
	}
	
}