/*resetting margins and paddings*/
*{
	margin:0;padding:0;
	}
/*end of resetting margins and paddings*/	

/*The box sizing adds the border width to the actual size of the
elelment. The default font is times new romans. Arial looks better. 
the default font size is 16. Making it 20 looks better.*/
html{
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
/*end of box sizing*/

/*top bar wrapper*/
#top-bar-wrapper{
width: 100vw;
height: 45px;
background-color:#0084C5;
}
#top-bar{
width: 670px;
height: 45px;
background-color:#0084C5;
margin:0 auto;
}
#email-phone{
list-style-type: none;
margin-top:10px;
float:left;
}
#email-phone{
	margin-left:10px;
}
#email-phone li{
display:inline;
margin-right:10px;
color:#ffffff;
}
#phone{
width:25px;
height:20px;
}
#envelope{
width:25px;
height:16px;
}
/*end of top bar wrapper*/

/*wrapper*/
#main-wrapper{
width: 670px;
height: auto;
margin-left:auto;
margin-right:auto;
}
/*end of wrapper*/

/*banner*/
#banner{
width: 100%;
height: 75px;
background-color:#ffffff;
}
.logo{
	width:200px;
	margin-top:23px;
	margin-left:10px;
}
/*end of banner*/

/*menu bar*/
#menu{
width: 100%;
height: 25px;
background-color:#fff;
}
#menu ul{
	float:right;
	margin-top:1;
	margin-right:40px;	
}
#menu ul li{
	list-style-type:none;
	display:inline;
	margin-left:15px;
	}
#menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#8198AE;	
}
#menu-div ul li a:hover{
	border-bottom: #C8D1DB 3px solid;
	padding-bottom:4px;
}
.menu-div ul li span{
	color: #8198AE;
	font-weight:200;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
/*end of menu bar*/

/*slider 1*/
.fadein { 
    position:relative; 
	width:670px;
	height:236.8px;
	margin-top:5px;
}
.fadein img { 
    position:absolute; 
	width:670px;
	height:236.8px;
    left:0; 
    top:0; 
}

/*end of slider 1*/
/*board*/
.board{
	box-sizing:border-box;
	width:670px;
	height:auto;
	margin-top:10px;
	border:#86b8de 3px solid;
	padding:10px;
}
.board-title{
	font-size:22px;
	color:#279bc4;
	text-align:center;
	line-height:30px;
}
.board-message-1{
	font-size:18px;
}
.board-message-2{
	color:#f77c3f;
	text-align:center;
	font-weight: 700;
	margin:10px 0;
}
.hlight{
	color: #999999;	
}
/*end of board*/

/*culture section*/
.culture-section{
	width:670px;
	height:150px;
	margin:10px 0;
}
.sect-1,.sect-2, .sect-4,.sect-5{
	width:129.5px;
	height:150px;
	float:left;
}

.sect-3{
	width:120px;
	height:150px;
	text-align:center;
	float:left;
}
.sect-3 img{
	margin-top:6px;
	width:110px;	
}
.sect-1, .sect-2,.sect-3,.sect-4{
	margin-right:8px;
}
.article-1, .article-2, .article-4, .article-5{
	width:129.5px;
	height:120px;
	background-color:#DBE0ED;
	box-sizing:border-box;
	padding:7px;
}
.art{
	font-size:14px;
	color:#4D4D4D;
}
.art-l{
	width:129.5px;
	height:20px;
	background-color:#DBE0ED;	
}
.art-l a{
	text-decoration:none;
	font-size:0.7em;
	float:right;
	color:#0084C5;
	margin-right:7px;
	}


/*end of culture-section*/




.thin-blue-bar{
	clear:both;
	width:100%;
	height:2px;	
	background-color:#82AADD;
	margin:10px auto;
}
.book-1{
	width:100%;
	margin-top:40px;
	height:380px;
}
.book-2{
	width:100%;
	margin-top:40px;
	height:330px;

}
.book-3{
	width:100%;
	margin-top:40px;
	height:360px;
}
.book-4{
	width:100%;
	margin-top:40px;
	height:400px;

}
.book-5{
	width:100%;
	margin-top:40px;
	height:310px;

}
.book-6{
	width:100%;
	margin-top:40px;
	height:430px;

}
.book-7{
	width:100%;
	margin-top:40px;
	height:270px;

}
.book-8{
	width:100%;
	margin-top:40px;
	height:300px;

}
.book-account{
	width:365px;
	height:195px;
	float:left;
	
}
.book-content{
	width:305px;
	height:250px;
	float:left;
}
.book-content p{
	font-size:16px;	
}
.book-img{
	width:146px;
	height:200px;
	float:left;
}
.book-info{
	width:212px;


	height:205px;
	float:left;
}
.line-1{
	color:#0066c5;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.line-2{
	font-size:16px;
}
.line-3{
	font-size:18px;
}
.thin-grey-bar{
	width:100px;
	height:1px;
	margin:0 auto;
	background-color:grey;
}

.footer{
	clear:both;
	box-sizing:border-box;
	width:100vw;
	height:130px;
	margin-top:10px;
	padding:10px;
	background-color:#000;
	color:#fff;
		
}
.social-media{
	margin:10px auto;
}
.social-media li{
	list-style-type:none;
	display:inline;
	margin-left:20px;
}
.social-media li img{
	width:40px;
	height:40px;
}
.mobile-wrapper{
	display:none;
	width:100vw;
	height:1000px;
}
.mobile-top-bar{
	width:100%;
	height:50px;
	background-color:#0084C5;	
}
.mobile-email{
	list-style-type: none;
	margin-top:10px;
	margin-left:10px;
	float:left;
}
.mobile-email li{
	display:inline;
	margin-right:10px;
	color:#ffffff;
	font-size:16px;
}

.mobile-envelope{
	width:25px;
	height:20px;	
}
.mobile-banner{
	width:100%;
	height:80px;
}
.mobile-logo{
	margin-top:20px;
	width:150px;
	margin-left:20px;
}
.mobile-image{
	width:100%;	
}
/*board*/
.mobile-board{
	width:90vw;
	height:auto;
	margin-top:5px;
	border:#86b8de 2px solid;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	}
.mobile-board-title	{
	font-size:18px;
	color:#279bc4;
	text-align:center;
	line-height:30px;
}
.mobile-board-message-1{
	font-size:14px;
}
.mobile-board-message-2{
	font-size:21px;
	color:#f77c3f;
	text-align:center;
	font-weight: 700;
	margin:10px 0;
}	
.mobile-book{
	width:400px;
	background-color:blue;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;	
}
.mobile-footer{
	clear:both;
	width:100%;
	height:auto;
	background-color:black;
}
.mobile-footer p{
	color:#ffffff;
	font-size:20px;
}

/* this is the articles section */
.section-articles{
	width:670px;
	height:auto;
	margin:10px auto;
	background-color:#fff;
}
.title-div{
	text-align:center;
}
.three-letters{
	border:black 2px solid;
}
h4{
	font-weight:100;
}
.part p{
	font-size:0.8em;
	margin:5px 18px;
	line-height:1.6;	
}
.part-img{
	margin:18px;	
}
/* end of articles section*/
/*contact*/
.contact-wrapper{
	width:499px;
	height:500px;
	margin:10px auto;
}
.phone-number-div{
	width:100%;
	text-align:center;
}

.row{
	width:100%;
	height:35px;
	margin-top:10px;
	margin-bottom:10px;
}
.col-25{
	width:25%;
	height:35px;
	float:left;
	}
.col-75{
	width:75%;
	height:35px;
	float:left;
}
.name3,.email3,.country3{
	width:96%;
	height:30px;	
}
.name3[placeholder], .email3[placeholder],#message3[placeholder]{
	font-size:16px;
}
.row2{
	width:100%;
	height:206px;
	margin-top:10px;
	margin-bottom:10px;
}
#message3{
	width:96%;
	height:200px;
}
#contact3-submit{
	width:70px;
	height:30px;
	float:right;
	margin-right:10px;
}
/*end of contact*/
/*...........................................*/ 
/*thank you page*/
/*.....................................*/
.thanks-div{
	width:400px;
	height:623px;
	margin:30px auto 0 auto;
}
.domain-bar{
	width:100%;
	height:64px;
	background-color:#007ABD;
	padding-top:0.1px;
}
.domain{
	text-align:center;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin-top:18px;
	font-weight:100;
}
	
.message{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:69px;
	font-size:2.2em;
	text-align:center;
}
.thanks-div ul{
	list-style-type:none;
	margin-top:71px;
	text-align:center;
		
	}
.thanks-div ul li{
	display:inline;
}
.thanks-div ul li a{
	font-size:36px;
	text-decoration:none;
	color:#007ABD;
	
}