*{margin:0; padding:0; }
.aligner{width:90%; max-width:1200px; margin:0 auto; padding:0; position:relative; }
body{font-family: 'Montserrat', sans-serif; }
.top{background:#182253; padding:40px; position:relative; box-shadow:0 10px 20px 0 #b4b9d6}
.top .logo{display:inline-block; width:13%; text-align:left; position:relative; }
.top .topNav{display:inline-block; width:62%; color:#d1d1d1; text-align:center; position:relative; bottom:15px; }
.top .topCont{display:inline-block; width:24%; color:#d1d1d1; text-align:right; position:relative; bottom:20px; }
.top .topCont a{display:inline-block; text-decoration:none; color:#d1d1d1; border-bottom:1px #d1d1d1 dashed; } .top .topCont a:hover{color:#fff; }
.top .topCont a.wa{color:#25d366; border-bottom:1px #25d366 dashed; } .top .topCont a.wa:hover{color:#49ff8d; }
.top .topCont span{display:inline-block; text-decoration:none; color:#d1d1d1; }

.clb{clear:both; float:none; }
.tac{text-align:center;}
a{color:#1d339f;}
a:hover{color:#0e9900;}

.regular{font-style:normal;}
.bold{font-style:normal; font-weight:bold;}
.italic{font-style:italic;}

.loc{margin-bottom:20px; padding:7px 15px; border-top:1px dotted #b9a390; border-bottom:1px dotted #b9a390; background:#f1f3f6; }
.loc ul{list-style:none;}
.loc ul li{display:inline-block; margin:2px; padding:0; font-family: 'Roboto Condensed', sans-serif; font-size:1em; }
.loc ul li a{font-family: 'Roboto Condensed', sans-serif;}

.mid img{width:100%; border:5px solid #f1f5f9; }

h1{text-align:center; margin:30px 0 20px 0; font-weight:normal; }
.mainicon{display:inline-block; margin:40px 1%; width:30%; text-align:center; font-size:1.3em; background:#eef2fa; padding-bottom:20px; text-decoration:none; }
.mainicon img{width:80%; margin:0 auto; margin-top:15px; max-width:158px; height:auto; border:none; }
.mainicon span{display:block; clear:both; text-align:center; background:#e0e4ec; padding:10px; }
.slogan{font-weight:middle; font-size:1.4em; margin:20px; }

ul{margin:30px; }
li{margin:15px; line-height:1.5em; }
 p{margin:20px 0; line-height:1.5em; }

ul.big {margin:30px; padding:20px; background:#f4f7fb; list-style:circle;}
ul.big li{margin:10px; font-size:1.2em; }

.fpserv{width:48%; float:left; margin:0 1%; }
.fpserv strong, .fpserv a{display:block; margin:5px 0; }
.fpserv strong{background:#e0e4ec; padding:15px; }
.fpserv a{margin-left:20px; padding:10px; }
.fpserv a:hover {background:#f6fbf6; } 

.aboutfoto{width:30%; float:left; text-align:right; margin-right:30px; }
.aboutfoto img{width:100%; max-width:300px; }
.abouttext{float:right; width:calc(69% - 30px);}

.botLine{background:#182253; padding:20px; box-shadow: 0px -10px 15px 0px #b4b9d6}
.copy, .lic, .lic2, .lic3 {display:block; float:left; width:23%; padding:20px 1%; color:#fff; font-size:0.9em; }
.lic{text-align:center; font-size:1.1em; }
.totop{display:block; float:right; width:100px; color:#fff; font-size:0.9em; }
.copy a{display:inline-block; text-decoration:none; color:#d1d1d1; border-bottom:1px #d1d1d1 dashed; } .top .topCont a:hover{color:#fff; }
.copy a.wa{color:#25d366; border-bottom:1px #25d366 dashed; } .top .topCont a.wa:hover{color:#49ff8d; }
.abc{text-decoration:none; color:#a0cdff; font-size:0.7em; float:right; margin-top:20px; }

.totop a{text-decoration:none; }

#toTop{display:block; position:fixed; bottom:60px; right:20px; width:70px; height:70px; background:url('i/toTop.png') no-repeat; background-size:contain; cursor:pointer; opacity:0.9; }
#toTop:hover{opacity:1; }

.abc{font-size:0.8em; }

@media (max-width:1100px){
	.top{padding:30px; }
	.top .logo{width:15%; }
	.top .topNav{width:60%; bottom:15px; }
	.top .topCont{width:24%; bottom:20px; }
	.top .topCont span{font-size:0.9em; }
}

@media (max-width:990px){
	.top .logo{width:20%; }
	.top .topNav{width:78%; bottom:15px; }
	.top .topCont{width:100%; bottom:20px; text-align:center; top:10px; }
	.top .topCont span{margin-right:10px; }
	.top .topCont a{margin-right:10px; }
	.copy, .lic, .lic2, .lic3 {font-size:0.8em; }
	.lic{font-size:1.1em; }
}

@media (max-width:768px){
	.top{padding:20px; padding-bottom:25px; }
	.top .logo{width:24%; text-align:left; }	.top .logo img{width:100%; max-width:90px; height:auto; }
	.top .topNav{width:70%; float:right; top:15px; color:#d1d1d1; text-align:center; }
	.top .topCont{float:none; clear:both; top:10px; width:100%; color:#d1d1d1; text-align:right; }
	.copy, .lic, .lic2, .lic3 {width:46%; padding:10px 2%; }
	.lic{padding:30px 2%; font-size:1.1em;  text-align:left; }
	.mainicon{margin:30px 1%; width:30%; font-size:1.1em; }

	.aboutfoto{width:40%; float:left; text-align:right; margin-right:30px; }
	.aboutfoto img{width:100%; max-width:300px; }
	.abouttext{float:right; width:calc(59% - 30px);}

}

@media (max-width:520px){
	.copy, .lic, .lic2, .lic3 {width:100%; padding:10px 0; }
	.lic{font-size:0.8em; text-align:left; }
	h1{font-size:1.4em;}

	.mainicon{display:block; margin:40px 1%; width:100%; font-size:1.3em; padding-bottom:20px; background:none; }
	.mainicon img{margin:0 auto; margin-top:15px; max-width:158px; height:auto; }
	.mainicon span{display:block; clear:both; text-align:center; background:#e0e4ec; padding:10px; }

	.aboutfoto{width:100%; float:none; margin-right:0; text-align:center;}
	.abouttext{float:none; width:100%;}
	.copy, .lic, .lic2, .lic3 {padding:10px 1%; font-size:0.8em; }

}