/*
##################################################
# Project ID    : 20150908-144
# Reference     : Basing LVO
# Latest update : September 18, 2015
##################################################
*/

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; }
input,select,textarea { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
h1,h2,h3,h4,h5,h6 { margin-top: 7px; font-weight: 400; color: #526170; }
h1 { font-size: 29px; }
h2 { font-size: 25px; color: #657D95; }
h3 { font-size: 15px; color: #7692AE;}
p { padding: 10px 0 0; margin-bottom: 10px; font-size: 16px; color: #7f8c8d; line-height: 24px; }
a,a.visited {text-decoration: none; color: #717171;}
a:hover {color: #3395d7;}
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1112px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/* ### main container ### */
	#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 320px; background: #eaeaea; }
	#headerCntr .top { height: 237px; background: url(../images/header_bg.jpg) no-repeat center center; background-size: cover; }
	#headerCntr .logo { position: absolute; top: 96px; left: 0; width: 100%; text-align: center; }
	#headerCntr .logo img { max-width: 100%; display: inline; }

		/* ### menu box ### */
		#headerCntr .menuBox { position: absolute; top: 268px; left: 0; width: 100%; }
		#headerCntr .menuBox ul { text-align: center; width: 100%; }
		#headerCntr .menuBox li { display: inline-block; margin: 0 22px; font-size: 14px; text-transform: uppercase; }
		#headerCntr .menuBox li a { display: inline-block; padding-bottom: 5px; text-decoration: none; color: #1a1a1a; }
		#headerCntr .menuBox li a:hover,#headerCntr .menuBox li a.active { background: url(../images/menu_hover.png) repeat-x 0 bottom; }
	#headerCntr .mobileMenu { display: none; }

	/* ### content container ### */
	#contentCntr { width: 100%; padding: 22px 0 15px; }

		/* ### particular box ### */
		.particularBox { width: 100%; margin-bottom: 44px; height: 200px; background: #768fb0; }
		.particularBox h1 { color: #fff; font-size: 91px; text-align: center; line-height: 186px; font-weight: 400; font-family: 'early_birdregular'; }
		.particularBox h1 span { font-family: Arial; }

		/* ### introductory box ### */
		.introductoryBox { width: 100%; margin-bottom: 22px; }
		.introductoryBox .row { overflow: hidden; padding-bottom: 30px; }
		.introductoryBox .left { float: left; width: 50%; padding-right: 14px; }
		.introductoryBox .right { float: right; width: 50%; padding-left: 14px; }
		.introductoryBox .photo { width: 100%; }
		.introductoryBox .photo img { width: 100%; border: 1px solid #768fb0; }
		.introductoryBox .text { width: 100%; margin-top: -6px; }
		.introductoryBox h2 { font-size: 25px; color: #657D95; font-weight: 400; margin-bottom: 9px; text-transform: uppercase; padding-top: 1px; }
		.introductoryBox p { color: #1a1a1a; font-size: 14pt; line-height: 22px; }
		.introductoryBox p.gap { margin-bottom: 15px; }

		/* ### think box ### */
		.thinkBox { width: 100%; }
		.thinkBox h3 { color: #1a1a1a; font-size: 24px; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; }
		.thinkBox .inner { width: 100%; padding: 10px 12px 5px 22px; background: #768fb0; position: relative; overflow: hidden; }
		.thinkBox h4 { color: #fff; font-size: 22px; margin-bottom: 6px; text-transform: uppercase; font-weight: 400; }
		.thinkBox p { color: #fff; font-size: 14px; line-height: 17px; margin-bottom: 29px; padding-right: 30px; }
		.thinkBox a.more { float: right; color: #fff; font-style: italic; font-size: 14px; position: relative; z-index: 101; }
		.thinkBox a.more:hover { text-decoration: none; }
		.thinkBox ul { width: 100%; text-align: center; position: absolute; bottom: 5px; left: 0; }
		.thinkBox li { display: inline-block; }
		.thinkBox li img { display: inline; }

		/* ### others box ### */
		.othersBox { width: 100%; padding: 1px 0 8px; }
		.othersBox h2 { color: #1a1a1a; font-size: 24px; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; }
		.othersBox .content { overflow: hidden; margin-right: 110px; }
		.othersBox .row.sub .content { margin: 0 0 0 110px; }
		.othersBox .photo { float: right; }
		.othersBox .row.sub .photo { float: left; margin: 0 11px 0 0; }
		.othersBox .row { overflow: hidden; margin-bottom: 16px; }
		.othersBox .row.sub { margin-bottom: 21px; }
		.othersBox .text { width: 100%; background: #768fb0; padding: 11px 14px 17px 20px; }
		.othersBox .text.sub { margin-top: 18px; background: #5a9aa8; padding-left: 29px; }
		.othersBox h3 { color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; margin-bottom: 4px; }
		.othersBox p { color: #fff; font-size: 16px; line-height: 17px; }

		/* ### experience box ### */
		.experienceBox { width: 100%; overflow: hidden; margin-bottom: 30px; }
		.experienceBox h4 { color: #1a1a1a; font-size: 24px; font-weight: 400; margin-bottom: 8px; text-transform: uppercase; }
		.experienceBox fieldset { overflow: hidden; border: 0; }
		.experienceBox .left { float: left; width: 50.5%; padding-right: 20px; padding-left: 3px; }
		.experienceBox .right { float: right; width: 49.5%; }
		.experienceBox textarea { border: 1px solid #b5b6b6; border-top: 1px solid #535353; background: #f1f2f2; border-bottom: 2px solid #b5b6b6; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; color: #1c1c1c; font-size: 14px; padding: 6px 7px; height: 208px; resize: none; }
		.experienceBox .row { overflow: hidden; margin-bottom: 18px; }
		.experienceBox .row.gap { margin-bottom: 37px; }
		.experienceBox label { float: left; width: 44%; line-height: 47px; color: #1a1a1a; font-size: 20px; text-transform: uppercase; height: 47px; line-height: 51px; }
		.experienceBox input[type="text"] { border: 1px solid #b5b6b6; border-top: 1px solid #535353; background: #f1f2f2; border-bottom: 2px solid #b5b6b6; -webkit-border-radius: 3px; border-radius: 3px; width: 56%; color: #1c1c1c; font-size: 14px; padding: 0 10px; height: 47px; line-height: 47px; }
		.experienceBox input[type="submit"] { border: 0; border-bottom: 4px solid #526d90; background: #768fb0; width: 56%; -webkit-border-radius: 5px; border-radius: 5px; height: 60px; color: #fff; font-size: 20px; font-weight: 900; float: right; }
		.experienceBox input[type="submit"]:hover { background: #8fabd1;cursor: pointer; }
		.experienceBox .address{margin: 20% 0 0 10%;}
		.experienceBox address { color: #1a1a1a; font-size: 20px; font-style: normal; font-family: 'MyriadProRegular'; }
		.experienceBox address img { display: inline; vertical-align: middle; margin-right: 10px; }
		.experienceBox address a { color: #1a1a1a; text-decoration: none; }
		.experienceBoxd address a:hover { text-decoration: underline; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #eaeaea; padding: 25px 0 6px; }
	#footerCntr .top { padding-bottom: 28px; border-bottom: 2px solid #9c9c9c; overflow: hidden; }
	#footerCntr .top .photo { float: left; }
	#footerCntr .top .photo img { -webkit-border-radius: 50%; border-radius: 50%; }
	#footerCntr .top .text { margin-left: 191px; margin-top: 23px; }
	#footerCntr .top .text h5 { color: #1a1a1a; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 16px; }
	#footerCntr .top .text p { color: #1a1a1a; font-size: 14px; line-height: 17px; }
	#footerCntr .mid { padding: 36px 0 35px; border-bottom: 2px solid #9c9c9c; overflow: hidden; }
	#footerCntr .mid .col1 { float: left; width: 33%; text-align: center; }
	#footerCntr .mid .col2 { float: left; width: 38%; text-align: center; }
	#footerCntr .mid .col3 { float: left; width: 26%; text-align: center; }
	#footerCntr .mid address { color: #1a1a1a; font-size: 14px; font-style: normal; font-family: 'MyriadProRegular'; }
	#footerCntr .mid address img { display: inline; vertical-align: middle; margin-right: 10px; }
	#footerCntr .mid address a { color: #1a1a1a; text-decoration: none; }
	#footerCntr .mid address a:hover { text-decoration: underline; }
	#footerCntr .bot { overflow: hidden; padding: 18px 0 0; }
	#footerCntr .bot p { color: #1a1a1a; font-size: 14px; float: left; }
	#footerCntr .bot p.right { float: right; }
	#footerCntr .bot p a { color: #1a1a1a; text-decoration: none; }
	#footerCntr .bot p a:hover { text-decoration: underline; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1111px) {

	.center { padding: 0 8px; }
	.introductoryBox p.gap { display: none; }

}

@media only screen and (max-width: 979px) {

	#footerCntr .bot p { font-size: 13px; }

}

@media only screen and (max-width: 767px) {

	#headerCntr .menuBox li { font-size: 13px; margin: 0 10px; }
	.particularBox h1 { font-size: 80px; }
	.particularBox { margin-bottom: 20px; }
	.introductoryBox .left { float: none; padding-right: 0; width: 100%; }
	.introductoryBox .right { float: none; width: 100%; padding-left: 0; }
	.introductoryBox .text { margin-top: 0; }
	.introductoryBox .photo { margin-bottom: 15px; }
	.introductoryBox p.gap { display: block; }
	.introductoryBox { margin-bottom: 0; }
	.thinkBox p { padding-right: 0; margin-bottom: 15px; }
	.thinkBox .inner { padding: 10px; padding-bottom: 50px; }
	#footerCntr .top .text { margin-left: 150px; }
	#footerCntr .mid .col1 { width: 100%; float: none; margin-bottom: 10px; }
	#footerCntr .mid .col2 { width: 100%; float: none; margin-bottom: 10px; }
	#footerCntr .mid .col3 { width: 100%; float: none; }
	#footerCntr .mid { padding: 20px 0; }
	#footerCntr .bot p { font-size: 14px; width: 100%; float: none; text-align: center; }
	#footerCntr .bot p.right { float: none; margin: 15px 0; }
	.experienceBox .left { float: none; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; }
	.experienceBox .right { float: none; width: 100%; }

}

@media only screen and (max-width: 479px) {

	#headerCntr .menuBox { display: none; }
	#headerCntr .mobileMenu { display: block; position: absolute; top: 0; left: 0; }
	#headerCntr { height: 237px; }
	#headerCntr .logo { padding: 0 20px; top: 78px; }
	.particularBox h1 { font-size: 50px; line-height: 120px; }
	.particularBox { height: 120px; }
	#footerCntr .top .photo { float: none; width: 100%; text-align: center; }
	#footerCntr .top .photo img { display: inline; }
	#footerCntr .top .text { margin: 16px 0 0; text-align: center; }
	.experienceBox label { float: none; display: block; margin-bottom: 10px; width: 100%; line-height: normal; height: auto; font-size: 18px; }
	.experienceBox input[type="text"] { float: none; width: 100%; }
	.experienceBox h4 { font-size: 22px; }
	.experienceBox .left { margin-bottom: 10px; }
	.experienceBox .row { margin-bottom: 10px; }
	.experienceBox .row.gap { margin-bottom: 18px; }
	.experienceBox { margin-bottom: 10px; }
	.othersBox .photo { display: none; }
	.othersBox .content { margin-right: 0; }
	.othersBox .row.sub .content { margin-left: 0; }

}