@charset "utf-8";
/* Home Page CSS Document */
*{margin: 0; padding: 0; font-family: Arial;}

a{text-decoration: none; color: red;}

p{margin: 10px;}

.clearfix{overflow: auto;}

.body-setup{ background: #1C1D1D;}

.wrapper{
	margin: 0 auto;
	width: 1000px;
}


.top-bar{
	width: 1000px;
	background: #26257E;
}
.top-bar-details{
	margin: 20px;
	float: left;
}
.top-bar-details ul{
	list-style: none;
}
.top-bar ul li{
	padding: 0px 5px 0px 5px;
	display: inline-block;
	color: #d0d0d0;
	font-size: 14px;
}
.top-bar ul li img{
	width: 18px;
	height: 18px;
}
.top-bar-search{
	padding: 3px 5px 3px 10px;
	margin: 15px;
	float: right;
	background: #fff;
	border-radius: 10px;
}
.top-bar-search input{
	border: none;
	float: left;
}
.top-bar-search button{
	width: 18px;
	height: 18px;
	border-radius: 9px;	
	border: none;
	background: url("../images/icons/search.png");
	float: right;
}


header .logo{
	margin: 10px 20px;
	float: left;
}
header{
	background: #fff; /*linear-gradient(to right,#fff,#ccc)*/
}
header .logo img{
	width: 200px;
}
header .social-media{
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}
header .social-media ul{
	list-style: none;
}
header .social-media ul li{
	display: inline;
}
header .social-media ul li img{
	width: 24px;
	background: #444;
	color: #fff;
	border-radius: 8px;
	margin-left: 5px;
	padding: 2px;
}
header .social-icon-fb img:hover{background: #4064AD;}
header .social-icon-tw img:hover{background: #1C9CEB;}
header .social-icon-gp img:hover{background: #D55044;}
header .social-icon-skp img:hover{background: #00A8E8;}
header .social-icon-wapp img:hover{background: #45C153;}
header .social-icon-utb img:hover{background: #F70000;}


nav{
	background: linear-gradient(#0d0d0d,#404040,#0d0d0d);
	text-align: center;
	border-radius: 5px;
}
nav ul{
	list-style: none;
}
nav ul li{
	display: inline;
}
nav ul li a{
	color: #fff;
	text-transform: uppercase;
	margin: 10px 40px;
	display: inline-block;
}
nav ul li a:hover{
	color: red;
}
.nav-home a{
	color: #08A2ED;
}

.cover-photo{
	position: relative;
  	text-align: center;
  	color: #fff;
}
.cover-photo img{
	width: 1000px;
	height: 460px;
}
.cover-name{
	position: absolute;
  	top: 40%;
  	left: 30%;
  	transform: translate(-20%, -40%);
	font-size: 40px;
}
.cover-gole{
	position: absolute;
  	top: 58%;
  	left: 30%;
  	transform: translate(-10%, -40%);
	font-size: 24px;
}
.cover-consult{
	position: absolute;
  	top: 65%;
  	left: 50%;
  	transform: translate(-60%, -35%);
	font-size: 18px;
}


.intro{
	padding: 80px 20px;
	width: 960px;
	height: 300px;
	background: #fff;
}
.intro-text{
	margin-left: 20px;
	width: 500px;
	height: 250px;
	float: left;
}
.intro-text h1{
	margin-left: 20px;
	font-size: 36px;
	color: #01077D;
}
.intro-text p{
	margin-top: 25px;
	margin-left: 20px;
	font-size: 14px;
	color: #585353;
	line-height: 25px;
}
.intro-image img{
	margin-top: 10px;
	margin-left: 20px;
	width: 380px;
	height: 250px;
	float: left;
	border: 1px solid #eee;
}


.home-content{
	width: 1000px;
	height: 400px;
	background: #eee;
}
.home-col{
	margin-top: 20px;
	margin-left: 55px;
	width: 260px;
	text-align: center;
	float: left;
}
.home-col h2{
	margin: 15px 0;
}
.home-col p{
	font-size: 14px;
	line-height: 25px;
	color: #585353;
	
}
.home-col img{
	width: 200px;
	height: 150px;
	border: 1px solid #bbb;
}


.footer-content{
	width: 1000px;
	background: #00012F;
	color: #d0d0d0;	
	height: 260px;
}

.foot-col1{
	margin-top: 30px;
	margin-left: 70px;
	width: 320px;
	float: left;
}
.foot-col1 h3{
	font-size: 22px;
	margin-bottom: 15px;
}
.foot-col1 ul{
	list-style: none;
} 
.foot-col1 ul li{
	font-size: 12px;
	line-height: 30px;
}
.foot-col1 ul li img{
	width: 15px;
	margin-right: 10px;
}

.foot-col2{
	margin-top: 30px;
	margin-left: 70px;
	width: 220px;
	float: left;
}
.foot-col2 h3{
	font-size: 22px;
	margin-bottom: 15px;
}
.foot-col2 ul{
	list-style: none;
} 
.foot-col2 ul li{
	font-size: 12px;
	line-height: 30px;
}

.foot-col3{
	margin-top: 30px;
	margin-left: 70px;
	width: 200px;
	float: left;
}
.foot-col3 h3{
	font-size: 22px;
	margin-bottom: 15px;
}
.foot-col3 ul{
	list-style: none;
} 
.foot-col3 ul li{
	font-size: 12px;
	line-height: 30px;
}
.foot-col3 ul li img{
	width: 15px;
	margin-right: 10px;
}


.copyrights-content{
	width: 1000px;
	background: #00012F;
	color: #A2A2A2;	
	height: 30px;
	font-size: 13px;
}
.copyrights-left{
	margin-left: 20px;
	float: left;
}
.copyrights-right{
	margin-right: 30px;
	float: right;
}