@charset "utf-8";

/* CSS Document */



@import url('main.css');

.robotoConLight { font-family: 'Roboto Condensed'; font-weight:300;}
.robotoLight{ font-family: 'Roboto'; font-weight:300;}
.robotoRegular{ font-family: 'Roboto'; font-weight:400;}
.robotoBold{ font-family: 'Roboto'; font-weight:700;}

img { width:100%; border:0;}
img.clear { width: auto;}

.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }

.row:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.columns { width:100%; float:left; display:inline-block; zoom:1; *display:inline; box-sizing: border-box; padding:0 1%;}
.columns.clear-pd { padding:0;}
.large-12 { width:100%; }
.large-11 { width:91.666%; }
.large-10 { width:83.333%; }
.large-9 { width:75%; }
.large-8 { width:66.666%; }
.large-7 { width:58.333%;}
.large-6 { width:50%;}
.large-5 { width:41.666%;}
.large-4 { width:33.333%;}
.large-3 { width:24.999%;}
.large-2 { width:16.666%;}
.large-1 { width:8.333%;}


.pd3 { padding:3%; box-sizing:border-box;}
.pd5 { padding:5%; box-sizing:border-box;}



h1 { font-size:50px; line-height:1em; text-transform:uppercase; font-family: 'Roboto'; font-weight:300; margin:0 0 25px 0; padding:0; }
.color-light-blue { color:#5a98e0;}

.btn-blue-opacity { background:rgba(90,152,224,0.6); font-family: 'Roboto'; font-weight:400; font-size:20px; text-transform:uppercase; line-height:1em; padding:20px 45px; display:inline-block; zoom:1; *display:inline; cursor:pointer; border:0; outline:none;}
.btn-blue { background:#5a98e0; padding:15px 60px; border:0; margin-bottom:10px; font-size:23px; color:#fff; font-family: 'Roboto'; font-weight:300; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display:inline-block; zoom:1; *display:inline; cursor:pointer; border:0; outline:none; position:relative;}
.btn-grey { background:#cacaca;  padding:15px 60px; margin-bottom:10px; border:0; font-size:23px; color:#fff; font-family: 'Roboto'; font-weight:300; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display:inline-block; zoom:1; *display:inline; cursor:pointer; border:0; outline:none;}

.header { width:100%; position:absolute; left:0; top:0; padding:20px 10px 15px; z-index:99;}
.header.black-bg { background:#000;}
	.active .logo { width:8%;}
	.active .menu-list { margin:2% 0 0 0; }
	
	.logo { display:inline-block; zoom:1; *display:inline; float:left; width:35%; min-width:180px; max-width:220px; }
	.menu-list { margin:3% 0 0 0; padding:0; list-style:none; font-family: 'Roboto'; font-weight:300; float:right; display:inline-block; zoom:1; *display:inline;}
	.menu-list li { display:inline-block; zoom:1; *display:inline; margin:0 15px; padding:0; cursor:pointer;}
	.menu-list li .nav-clicker { color:#fff; text-transform:uppercase; }
	
	.menu-list li.selected { position:relative;}
	.menu-list li.selected:after { width:100%; height:1px; border-bottom:2px solid #5a98e0; content:''; position:absolute; left:0; bottom:-3px;}
	.menu-list li.selected .nav-clicker { color:#5a98e0;  }
	
		.login-nav { color:#ffffff; text-transform:uppercase; cursor:pointer;}
		.login-nav .arrow { background:url(../images/arrows/login.png) right center no-repeat; padding:0 15px 0 0;}

.mobile-menu { width:30px; position:absolute; right:30px; top:40px; display:inline-block; zoom:1; *display:inline; cursor:pointer; display:none;}
	
.section-con { padding:0 10px;}
.overview-con { background: url(../images/backgrounds/overview.jpg) center top no-repeat; width:100%; height:100%; color:#fff; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
	.tbl-section { width:100%; height:100%;}
		.overview-title { max-width:640px; width:100%; margin:0 auto 20px; font-size:40px; line-height:1em; font-family: 'Roboto'; font-weight:700; text-transform:uppercase; text-align:center; /*text-shadow: 1px 1px 2px #333333;*/ }
		.glow {
  text-shadow: 2px 2px 2px #000000;
}
		.overview-sub-titie {  max-width:640px; width:100%; margin:0 auto 20px; font-size:26px; line-height:1em; font-family: 'Roboto'; font-weight:400; text-align:center; text-shadow: 2px 2px 2px #000000;}


.ifForgotPass { cursor:pointer;}
.login-pane { display:block; font-size:18px;}
.forget-pane {display:none;}

.selected .login-pane { display:none;}
.selected .forget-pane {display:block;}

.login-con { padding:65px 0;}
	.tbl-login { width:95%;}
	.tbl-login td { width:50%; padding-right:15px;}




.input-field { background:#eaeaea; width:100%; height:55px; border:0; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding:0 10px; font-size:18px; color:#676767; font-family: 'Roboto'; font-weight:300; }
.input-text-field { background:#eaeaea; width:98%; min-height:180px; padding:10px; margin:0 1%; border:0; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;font-size:18px; color:#676767; font-family: 'Roboto'; font-weight:300; resize:none;}
		.login-btn { float:right;}

.error { color:#C00; font-size:14px; margin-top:5px; display:none;}

.splash-con { background: url(../images/backgrounds/aboutus.jpg) center top no-repeat; width:100%; height:100%; color:#fff; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.aboutus-con { background: url(../images/backgrounds/aboutus.jpg) center top no-repeat; width:100%; min-height:100%; padding-top:8%; padding-bottom:60px; color:#fff; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
	.aboutus-title { margin-bottom:20px; font-size:50px; line-height:1em; font-family: 'Roboto'; font-weight:300; text-transform:uppercase; text-align:center; }
	
	.info-holder { padding-top:30px; border-top:1px solid #5c6874; margin-top:12%;}
	.tbl-info {}
	.tbl-info td { color:#fff;}
	.tbl-info .col-1 { width:30%; max-width:120px; padding-right:20px; text-align:right; vertical-align:top;}
	.tbl-info .title-txt { margin-bottom:5px; font-size:22px; line-height:1em; font-family: 'Roboto'; font-weight:400; text-transform:uppercase;}
	.tbl-info .info-txt { font-size:14px; font-family: 'Roboto'; font-weight:300; line-height:16px;}

	.subtitle-txt { text-transform:uppercase; font-family: 'Roboto'; font-weight:700;}
.aboutBcd-con { padding-top:65px;}
	.tick-con { background:url(../images/icons/tick-point.png) left top no-repeat; padding:0 0 0 30px; margin:20px 0;}

	.pc-holder { max-width:609px; margin-bottom:-5px; vertical-align:bottom;}

.about-bcd-con { background:#a8a8a8; padding:65px 0; color:#fff;}
.about-panel { padding:10px 5px;   border-bottom:1px solid #fff;}
.about-panel:first-child {border-top:1px solid #fff;}
	.about-holder {  background:url(../images/icons/arrow-down.png) right 10px center no-repeat; padding-right:30px;  cursor:pointer;}
	.about-holder.selected { background:url(../images/icons/arrow-up.png) right 10px center no-repeat; ;}
	.about-con { display:none; font-size:16px;}


.comma-con { background:#a8a8a8; padding:65px 0; color:#fff;}
	.comma-txt { width:80%; margin:0 auto;}

.contactus-con  { padding:65px 0 30px;}
	.tbl-contactus { font-size:20px;}
	.tbl-contactus td { padding:8px 0;}
	.tbl-contactus .col-1 { width:30px; vertical-align:top;}
	.tbl-contactus .col-2 { padding:8px 20px;}
	.tbl-contactus .title-txt { font-family: 'Roboto'; font-weight:400; color:#5a98e0;}
	.tbl-contactus .content-txt { font-family: 'Roboto'; font-weight:300;}


.maps { width:100%; height:320px; padding:0;}
	.map-iframe { width:100%; height:100%;}

.center-holder { width:50%;}

.register-con { padding:65px 0 30px;}
.register-con .columns { margin-top:0 !important; margin-bottom:15px;}
	
.footer { background:#323232; padding:25px 0; color:#fff; font-size:15px;}
.footer .clicker { margin:0 10px;}
.footer .clicker:first-child { margin-left:0px;}
	
	.right-panel { text-align:right;}
	.audit-con-middle { background:rgba(0,0,0,0.8); max-width:320px; padding:10px; margin:10% auto 0; text-align:center; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
	.audit-con { text-align:right; display:inline-block; zoom:1; *display:inline; padding-right:12px; border-right:0px solid #fff; vertical-align:middle;}
	.msc-logo { max-width:94px; display:inline-block; zoom:1; *display:inline; margin-left:12px; vertical-align:middle;}


.popup { background:rgba(0,0,0,0.9); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
	.tbl-popup { width:100%; height:100%;}
	.tbl-popup td { width:100%; height:100%; text-align:center; vertical-align:middle;}

.loader { background:url(../images/loader.gif) center center no-repeat; width:125px; height:15px; display:inline-block; }
@media only screen and (max-width: 980px) {
	.section-con .columns { width:100%; margin-top:20px;}
	.section-con .columns:first-child { margin-top:0;}
	.section-con .columns.img-center { text-align:center}
	
	.login-con { padding:20px 0;}
	.login-con .columns { margin-top:30px;}
	.login-con .columns:first-child { margin-top:0px;}
}

@media only screen and (max-width: 900px) {
	.footer .columns { width:100%; text-align: center;}
	.footer .spacer20 { height:1px;}
	.right-panel { text-align: center;}
	
	.center-holder { width:100%;}
	
}

@media only screen and (max-width: 650px) {
	.header { background:#000 !important;}
	.logo { float:none;}
	.menu-list { display:none; float:none; width:100%;}
	.menu-list li { margin:0; padding:0; cursor:pointer;  width:100%; text-align:center; margin-bottom:10px;}
	.menu-list li.selected:after { border:0;}
	.mobile-menu { display:block;}
}


@media only screen and (max-width: 720px) {
	
	
	.aboutBcd-con { padding:20px 0;}
	.contactus-con { padding:20px 0;}
	
	.maps { width:100%; height:320px; padding:0 10px;}
}

@media only screen and (max-width: 470px) {
	
	.tbl-login { width:100%;}
	.tbl-login td { width:100%; display:inline-block; zoom:1; *display:inline; padding-top:10px; padding-right:0; text-align:center;}
	.tbl-login td:first-child { padding-top:0;}
	.login-btn { float:none;}
	.contactus-con .text-right { text-align:center;}
}

@media only screen and (max-width: 400px) {
	.audit-con { padding:0; border:0; margin-bottom:10px;}
	.msc-logo { margin:0;}
}