@-ms-viewport { 
 width: device-width;
}
@-o-viewport { 
 width: device-width;
}
@viewport { 
 width: device-width;
}
*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	color:#333333;
}
html{
	background-color:#EDF8FF;
}
body{
	font-size: 24px;
	font-family: 'Noto Sans', Helvetica, sans-serif;
	font-weight: 400;
	line-height: 32px;
}
h1{
	font-family: 'Noto Serif', serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 64px;
	color:#0070AE;
	text-align: center;
}
h2{
	font-family: 'Noto Serif', serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 64px;
	color:#0070AE;
	text-align: center;
}
.about .container h2 {
    color: #ffffff;
}
.gal .container h2 {
    color: #ffffff;
}
a, a:hover, a:visited{
	font-size: 24px;
	font-family: 'Noto Sans', Helvetica, sans-serif;
	font-weight: 700;
	line-height: 32px;
	text-decoration: none;
	color:#0070AE;
}
p{
	margin: 20px 0 0 0;
}
.header{
	margin-top: 80px;
	width: 100%;
	height: 900px;
	background: url('images/banner.jpg') no-repeat 50% 0;
	background-size: cover;
	position: relative;
}
.header .container{
	width: 55%;
	height: 700px;
	margin: 200px 30% 0 15%;
	position: absolute;
}
.header a.logo{
	display: block;
	width: 600px;
	height: 200px;
	background: url('images/logo.png') no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.header a.mail{
	display: inline-block;
	background-color:#D9493F;
	height: 30px;
	line-height: 30px;
	padding: 25px 45px 25px 110px;
	border-radius: 45px;
	background-image: url('images/email.png');
	background-repeat: no-repeat;
	background-position: 45px 25px;
	color: #ffffff;
	font-size: 24px;
	text-decoration: none;
}
.header a.mail:hover{
	background-color:#0070AE;
	transition: 0.3s;
}
.header span{
	display: block;
	color:#0070AE;
	font-weight: 700;
	font-size: 36px;
	line-height: 52px;
	margin: 40px 0;
}



.menu{
	width: 100%;
	height: 80px;
	position: fixed;
	background-color:#D9493F;
	top:0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}
.menu span{
	display: block;
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	font-family: 'Noto Sans', Helvetica, sans-serif;
	color: #ffffff;
	margin: 25px 30px 25px 0;
	padding-left: 35px;
	background: url('images/phone.png') no-repeat 0 0;
}
.menu ul{
	display: inline-block;
	width: 600px;
	height: 30px;
    margin-left: 30px;
    margin-top: 25px;
	list-style: none;
}
.menu ul li a{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	margin-right: 20px;
	font-family: 'Noto Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
.menu ul li a:hover{
	color: #F6F6F6;
}


.about{
	width: 100%;
	background-image: url('images/about.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #007EBB;
	padding: 40px 0 60px 0;
}
.about .container{
	width: 900px;
	margin: 0 auto;
	color: #ffffff;
}
.about .container h1{
	color: #ffffff;
}
.about .container p{
	color: #ffffff;
}



.advs{
	width: 100%;
	padding: 40px 0 60px 0;
}
.advs .container{
	width: 900px;
	margin: 0 auto;
}
.advs a{
	display: inline-block;
	float: left;
	width: 280px;
	padding: 10px;
	color: #333333;
	text-decoration: none;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	margin-top: 20px;
}
.advs a img{
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto 10px auto;
}



.gal{
	width: 100%;
	background-color: #007EBB;
	padding: 40px 0 60px 0;
}
.gal .container{
	width: 1000px;
	margin: 0 auto;
}
.gal .container a{
	display: inline-block;
	float: left;
	width: 292px;
	height: 192px;
	border-width: 4px;
	border-style: solid;
	border-radius: 20px;
	border-color: #0070AE;
	overflow: hidden;
	margin: 20px 15px;
}
.gal .container a:hover{
	border-color: #ffffff;
	transition: 0.3s;
}
.gal .container h1{
	color: #ffffff;
}


#map{
	width: 100%;
	height: 500px;
	overflow: hidden;
}


.cont{
	width: 100%;
	padding: 40px 0;
}
.cont .container{
	width: 660px;
	margin: 0 auto;
	text-align: center;
}




.footer{
	width: 100%;
	background-color:#D9493F;
	text-align: center;
	color: #AD3A32;
	font-size: 20px;
	padding: 40px 0 50px 0;
}
.footer .footerlogo{
	margin: 0 0 10px 0;
}


.phone{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	background: url('images/phone.png') no-repeat 0 0;
}

.email{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-left: 60px;
	background: url('images/email.png') no-repeat 0 0;
}

.button{
	display: inline-block;
	border-radius: 14px;
	height: 90px;
	background-color: #59386E;
}
.button span{
	display: inline-block;
	padding: 0 50px;
	line-height: 85px;
	margin: 0 0 5px 0;
	color: #FDB812;
	font-size: 36px;
	font-weight: 700;
	border-radius: 14px;
	background-color: #8456A1;
}
.button:hover span{
	margin: 5px 0 0 0;
	transition: 300ms;
}