@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; }
@font-face { font-family: ariblk; src: url('fonts/ariblk.ttf'); font-weight:bold; }
@font-face { font-family: 'Basic Sans Heavy SF Bold'; src: url('fonts/Basic Sans Heavy SF Bold.ttf'); font-weight:900; font-stretch:extra-condensed; }
@font-face { font-family: opensans-regular; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; }
@font-face { font-family: shentox-bold; src: url('fonts/shentox-bold.woff'); font-weight:600; font-stretch:extra-condensed; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; }

a { text-decoration:none; }
h1, h2, h3, h4, h5, h6 {
	font-family:shentox-bold,'Open Sans',arialbd; color:#337ab7; font-weight:800; margin-top:40px; margin-bottom:12px;
}
h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p {
	margin:10px 10px 20px 0px; font-family:'Open Sans',sans-serif; color:#676767; font-weight:400; font-size:24px;
}

.ProximaNovaBoldU { font-family:'proximanova-semibold'; }
.ProximaNovaSemi { font-family:'opensans-bold'; }
.ShentoxBold { font-family:'shentox-bold';  }
.RobotoBold { font-family:'roboto-boldcond'; }

.cookie-container { display:none; z-index:9999; margin:0px auto; padding:10px 20px; position:fixed; bottom:0px; width:100%; min-height:46px; max-height:125px; background-color:#2C3E50; }
.cookie-policy { position:relative; width:100%; max-width:1150px; margin:0 auto; }
.cookie-policy span { position:relative; margin:0 auto; font-family:'Open Sans',sans-serif,arial; font-size:13px; color:#ffffff; line-height:15px; width:100%; max-width:1170px; padding-right:12px; }
.cookie-policy a { float:right; position:relative; top:0px; right:0x; padding:4px 8px; border: 1px solid #dedede; border-radius:6px; background-color:#ffffff; 
	color:#121212; font-size:12px; font-family:'Open Sans',sans-serif,arial; }

.clear { clear:both; height:10px; }
.page-header {
	z-index:9999; position:fixed; display:block; top:0px; left:0px;
	width:100%; height:90px; padding: 0px; margin:0px; border-bottom:1px solid rgba(255,255,255,.3);
}
.page-header-inner {
	height:90px; padding-left:24px; padding-right:24px;
}
.page-logo {
	z-index:999; position:relative; display:inline-block; top:15px; left:0px; height:60px; width:140px; margin:0px;
}
.page-nav-logo {
	display:none; float:left; position:relative; margin:4px 20px 4px 12px;
}
.page-navigation { display:inline-block; padding: 0px 0px 0px 140px; margin:0px; top:-64px; right:0px;
	z-index:888; position:relative;  width:100%; height:90px; border:0px;
}
.page-navigation-inner {
	padding:0px; height:90px; text-align:right;
}
.logo-default { float:left; position:relative; top:0px; }
.contact-details{ position:absolute; top:2px; right:0px; margin:0px; text-align: right;
	width:auto; max-width:400px; height: auto; color: #565656;  font-family:'Open Sans',sans-serif,arial; font-size:15px; font-weight:400; }
.contact-phone{ font-family:opensans-bold,arialbd; font-size:16px; color:#0F66C4; font-weight:700; }	

.btn-mobile {
	float:right; display:none; position:absolute; top:30px; right:10px; width:34px; height:30px; border:0.1em solid #a9a9a9;
	background-color:#1e2227; border-radius:6px; padding:3px 0px 0px 0px; box-shadow:1px 0px 6px #343434;
}
.btn-mobile span {
	display:block; font-weight:100; color:#a9a9a9; width:100%; height:16px; font-size:20px; text-align:center; vertical-align:middle;
}
#mobile_menu { z-index:8888; display:none; width:100%; height:auto; background-color:#2e363f; position:absolute; top:89px; left:0px; margin:0px; box-shadow:1px 0px 8px #343434; }
#mobile_menu a { padding:8px 16px; margin:6px; display:block; font-family:'Open Sans'; color:#ffffff; font-size:12px; font-weight:400; line-height:24px; 
	text-decoration:none; border:1px solid #232323; border-radius:8px !IMPORTANT; background-color:#3e4b5a; }
#mobile_menu a:active { color:#ffb34f; font-weight:400; background-color:#4b5c72; }
#mobile_menu a:hover { color:#ffb34f; font-weight:400; background-color:#4b5c72; }
.mobile_call { padding: 8px 16px; margin: 0 auto 0 auto; display: block; font-family: 'Open Sans'; color: #ffffff; font-size: 12px; font-weight: 400; line-height: 24px; text-decoration: none; text-align:center;
    border-radius: 8px !IMPORTANT; background-color: #6c6c6c; border: 1px solid #ababab;
    width:100%; max-width:200px;
	
}

.page-container, .page-wrapper { background-image:url(../images/background_textures/subtle_grunge2.png); background-repeat:repeat; }
.page-content-wrapper .page-content { margin:0px!important; padding: 40px!important; min-height: 400px; background-color:transparent; }
.page-content-wrapper .page-content img { margin-left:20px; margin-bottom:10px; }
.ruler{height:6px;color:#ffffff; width:auto; margin-top:1px; margin-bottom:12px; background: url(../images/ruler.gif) repeat-x;}

/*///// MENU /////*/
/*.menu-button { display: inline-block; height: 39px; margin: 0px; padding:0px; background-image: url(../images/menu-bg.gif); border-right-width:1px; border-right-color:#42403d; }*/
.page-menu { margin:0px; padding:0px; }
a.menu-button { display: inline-block; margin: 0px; height:89px; width:auto; padding: 34px 20px 0px 20px; text-shadow: #232323 1px 1px 1px; color: #ffffff;
	font-family: shentox-bold,'Open Sans',arialbd; font-size: 16px; text-decoration:none; }
a.menu-button:hover{
	background-image: linear-gradient(to top, rgba(8,90,165,1), rgba(1,62,112,1) );
}

/*/// BANNER ///*/
#myCarousel { width:100%; height:800px; }
.banner-container { width:100%; height:600px; margin:0px; padding:0px; position:absolute; top:0px; left:0px; background-color:transparent; overflow:hidden; }
#banner-content { position:relative; margin-left:14%; margin-right:14%; width:auto; top:320px; text-align:center; padding-left:30px; padding-right:30px; overflow:hidden; }
#banner-content h1 { font-family:roboto-bold,'Basic Sans Heavy SF Bold'; color:#ffffff; font-size:80px; line-height:84px; text-shadow: 4px 4px 8px #000000; margin:10px; font-weight:900; }
#banner-content h2 { font-family:roboto-bold,'Basic Sans Heavy SF Bold'; color:#ffffff; font-size:80px; line-height:84px; text-shadow: 4px 4px 8px #000000; margin:10px; font-weight:900; }


/*/// home-page ///*/
.hp-box { z-index:1;margin:0 auto;background-color:#005b5c;position:relative;top:30px;right:0px;width:70%;min-height:340px;max-height:680px;height:auto;border-radius:22px; }
.hp-content { display:block; margin: 0 auto; padding:20px 40px; position:relative; width: 100%; height:auto; text-align: left; } /*background-color:#121212;*/ 
.hp-content h1 { color:#242b34; font-family:roboto-boldcond,Ubuntu,'Open Sans',Arial,sans-serif; font-size:36px; letter-spacing:0.0em; line-height:38px;
	 margin-top:2px; margin-bottom:10px; } /*font-family: "Century Gothic";*/
.hp-content h2 { font-style:italic; margin-top:14px; margin-bottom:10px; } /*background-color:#343434;*/
.hp-content img { float:right; margin:10px 10px 30px 40px; max-width:440px; }
.hp-content p { color:#737576; font-family:roboto-light,'Open Sans',Arial,sans-serif; font-size:18px; letter-spacing:0.01em; line-height:1.625; font-weight:400;
	margin-top:20px; margin-bottom:20px; } /*font-family: "Century Gothic";*/

#bg-1 {
	background-image:url(../images/backgrounds/bg-home-1.png); background-position:left center; background-repeat:no-repeat; background-size:cover;
}
#bg-2 {
	background-image:url(../images/backgrounds/bg-home-2.png); background-position:right center; background-repeat:no-repeat; background-size:cover;
}
#bg-3 {
	background-image:url(../images/backgrounds/bg-home-4.png); background-position:center center; background-repeat:no-repeat; background-size:cover;
}
#hp1 { padding-right:56%; }
#hp2 { padding-left:56%; }
#hp3 { z-index:2;padding:60px;text-align:center; }

.img-container { padding:8px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; }

/*/// footer ///*/
#footer-trim { width: auto; height: 9px; background: url(../images/footer-trim.gif) repeat-x; }

#footer-bg { width: auto; height: auto; background-image:linear-gradient(to bottom, rgba(48,47,44,1), rgba(36,36,33,1) );;  }
#sitelinks { width: 100%; max-width:1000px; height: auto; margin-left: auto; margin-right: auto; text-align:left; padding:20px 80px; }

.spanlinks { position:relative; min-width:120px; max-width:600px; width:100%; margin:0 auto; height:auto; }
.spanlinks h1 { font-size:16px; color:#ffffff; margin-top:14px; margin-bottom:0px; border-bottom: 1px solid #7B7C7F; }	   
.spanlinks ul { color: #ffffff; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 15px; list-style-type: none; padding: 0; margin: 0; margin-top:5px; }
.spanlinks li {  background: url("../images/bullet.gif") no-repeat scroll left top transparent; padding: 0 0 5px 7px; }		  

a.spanlink:link {padding-left:7px; font-size:11px; line-height:18px; font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:active {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:visited {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #ababab; display: block; width:auto;}
a.spanlink:hover {padding-left:7px; font-size:11px; line-height:18px;  font-family: arial; text-decoration: none; color: #cdcdcd; display: block; width:auto;}

.footer-notes { width: 100%; height: auto; text-align:right; padding:40px 20px 20px 20px; vertical-align:middle;
	font-family:arial; font-size:11px; color:#ababab; font-weight: normal; line-height:18px; }
.copyright { width: 100%; height: auto; text-align:center; padding:16px 40px; background-color:#1a1918; vertical-align:middle;
	font-family:arial; font-size:11px; color:#898989; font-weight: normal; line-height:18px; }
	
@media (max-width: 1400px) {
	#hp1 { padding-right:48%; }
	#hp2 { padding-left:46%; }
}
@media (max-width: 1199px) {
	#hp1 { padding-right:42%; }
	#hp2 { padding-left:40%; }
	p { font-size:24px; }
}
@media (max-width: 1100px) {
	.btn-mobile { display:none; }
	#mobile-menu { top:90px; display:none; }
	a.menu-button { display:inline-block; }
	#banner-content h1 { color:#ffffff; font-size:68px; line-height:72px; }	
	#banner-content h2 { color:#ffffff; font-size:68px; line-height:72px; }
	#hp1 { padding-right:34%; }
	#hp2 { padding-left:32%; }
	p { font-size:22px; }
}
@media (max-width: 991px) {
	#hp1 { padding-right:24%; }
	#hp2 { padding-left:22%; }
	p { font-size:20px; }
}
@media (max-width: 900px) {
	.btn-mobile { display:none; }
	#mobile-menu { top:90px; display:none; }
	#banner-content h1 { color:#ffffff; font-size:64px; line-height:68px; }
	#banner-content h2 { color:#ffffff; font-size:64px; line-height:68px; }
	#hp1 { padding-right:18%; }
	#hp2 { padding-left:16%; }
	p { font-size:19px; }
}
@media (max-width: 820px) {
	#hp1 { padding-right:14%; }
	#hp2 { padding-left:10%; }
	p { font-size:18px; }
}
@media (max-width: 699px) {
	.btn-mobile { display:block; }
	#mobile-menu { display:block; }
	a.menu-button { display:none; }
	.page-header { background-color:transparent; }
	#banner-content h1 { color:#ffffff; font-size:50px; line-height:54px; }
	#banner-content h2 { color:#ffffff; font-size:50px; line-height:54px; }
	#hp1 { padding-right:40px; }
	#hp2 { padding-left:40px; }
	
	.logo-default { max-width:240px; }
	.contact-details{ top:-8px; max-width:220px; font-size:12px; font-weight:600; }	

	h1 { font-size:30px; }
	h2 { font-size:26px; }
	h3 { font-size:22px; }
	h4 { font-size:20px; }
	h5 { font-size:18px; }
	h6 { font-size:16px; }
	p { font-size:17px; }
}
@media (max-width: 499px) {
	.btn-mobile { display:block; }
	#mobile-menu { display:block; }
	.logo-default { max-width:200px; }
	
	.page-header { background-color:#1e2227; }
	.contact-details{ top:-8px; max-width:140px; font-size:11px; font-weight:500; }
	#banner-content { padding-left:0px; padding-right:0px; }
	#banner-content h1 { color:#ffffff; font-size:38px; line-height:42px; }
	#banner-content h2 { color:#ffffff; font-size:38px; line-height:42px; }
	#hp1 { padding-right:40px; }
	#hp2 { padding-left:40px; }
	
	h1 { font-size:28px; }
	h2 { font-size:24px; }
	h3 { font-size:20px; }
	h4 { font-size:18px; }
	h5 { font-size:16px; }
	h6 { font-size:14px; }
	p { font-size:16px; }

}