@charset "utf-8";

@font-face {
	font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff2') format('woff2'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype'),
		url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}
body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; }
html { width: 100%; height: 100%; -webkit-font-smoothing: antialiased; }
a { color: #0083FF; }
a:hover{text-decoration:none; color: #0069CC;}
body.bg { background: url(../images/loginbg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.whitebg { background:#fff; }
::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
::-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }
.formcont input[type="text"]:-ms-input-placeholder, .formcont input[type="password"]:-ms-input-placeholder { color: #999;}
.placeholder {color: #999 !important; }
.LogInbtn { -webkit-border-radius: 5px; text-transform:uppercase; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; font-size: 20px; background: #FF4B00; padding: 10px 20px 10px 20px; margin-top:10px; border: solid #D94000 1px; text-decoration: none; }
.navbar-nav { float: right; margin: 0; }
.navbar-default, .navbar.navbar-default { background: #ffffff;  /* Old browsers */ padding: 7px 0px 7px 20px; margin-bottom: 0; border: 0;}
.navbar-header h1.BSIlogo { float: left; width: 232px; height: 52px; background: url(../images/A360_logo.png) no-repeat left center; background-size: contain; margin: 0; }
.tagline { float: right; padding-top: 20px;}
.menubar { width: 100%; float: left; background: #fff; position: fixed; margin-top: 66px; padding: 10px 10px 10px 20px; z-index: 999; -webkit-box-shadow: 0 2px 4px rgb(224, 224, 224); -moz-box-shadow: 0 2px 4px rgb(224, 224, 224); box-shadow: 0 2px 4px rgb(224, 224, 224)}
.main-container {padding-top: 60px; padding-bottom: 100px;}
.listnone {list-style: none; padding-left: 0;}
.page-header {background-color:#F4F5F6; padding-bottom: 200px; padding-top: 240px; margin: 0px; position: relative;background-repeat: none;background-attachment: scroll; background-position: center center; -webkit-background-size: cover;-moz-background-size: cover; background-size: cover; -o-background-size: cover;}
.page-title {text-align: center; font-size:48px;}
.loginbox1 { width:65%; float:left; padding:0px 15px; }
.loginbox2 { width:29%; float:left; }
.intro-section { padding: 45px 0; }
.intro-caption { margin: 100px 20px 0px 10px; }
.intro-caption h1 { color: #fff; }
.intro-caption p { color: #fff; font-size: 22px; font-style: italic; text-align:justify;line-height: 22px; margin: 30px 0; text-transform: capitalize;}
.intro-title { font-size: 42px; text-transform: uppercase; line-height: 1.2; }
.appoinment-form { padding: 0px; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0px 3px 1px 0px rgba(175, 195, 206, 0.9); -moz-box-shadow: 0px 3px 1px 0px rgba(175, 195, 206, 0.9); box-shadow: 0px 3px 0px 0px rgba(175, 195, 206, 0.9); margin-top: 100px;}
.appoinment-form h2 { color: #000; text-transform:uppercase; font-size:22px; font-weight:600; text-align: center; margin:0; padding:15px 0; background: #dedede;border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:1px solid #c8c8c8; border-top:1px solid #fff; }
.formcont { padding:30px 30px 20px 30px; }
.formcont input[type="text"], .formcont input[type="password"] {display:block;width:100%;height:45px;padding:6px 45px 6px 12px;font-size:16px;line-height:1.428571429;color:#555;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.formcont input[type="text"].errorfield, .formcont input[type="password"].errorfield {display:block; width:100%;height:45px;padding:6px 45px 6px 12px;font-size:16px;line-height:1.428571429;color:#555;border:1px solid #cf0000;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(207,87,87,.6)}
.error-msg { margin: 5px 0px 0px 0px; color: #cf0000; font-size: 12px;font-family: arial;}
.formcont input[type="text"]:focus, .formcont input[type="password"]:focus{border-color:#FF7A40;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(218,133,23,.6)}
.formcont input.name { background: url(../images/user-icon.png) no-repeat 95% 50% #f6f6f6; }
.formcont input.password { background: url(../images/lock-icon.png) no-repeat 95% 50% #f6f6f6; }
.formcont div.text-center a { font-size: 16px; font-weight: 600; color: #707070; }
.formcont .forminfo {border-top: 1px solid #d5d5d5; margin: 15px 0px 0px 0px; text-align: justify; font-size: 11px; font-style: italic; color: #000; padding-top: 5px; font-family: arial; }
.bsicontent { margin: 100px 20px 0px 10px; height:400px; }
.bsicontent p, .bsicontent li { color: #595959; font-size:14px; text-align:justify; line-height: 19px;}
.bsiimg { margin: 100px 0px 0px 0px; height:400px;}
.bsiimg img { max-width:100%; }
.bsicontainer { display:none; }
.footer { position: fixed; left: 0px; bottom: 0px; background-color: #fff; width: 100%; }
.ft p { font-size: 11px; color: #000; margin: 5px; }

/*--News & Announcements Section--*/

#News .bsicontent h4 { font-size: 20px; font-weight: 600; margin: 15px 0;}
#News .bsicontent { height:auto;}
.news-inner-section { display: block; overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; }
.news-inner-section:last-child { border-bottom: 0px; }
.news-left-half { width: 30%; display: inline-block; overflow: hidden; float: left; text-align: center; }
.news-image-wrapper { display: inline-block; overflow: hidden; text-align: center; }
.news-image-wrapper img { max-width: 100%; }
.news-right-half { width: 70%; padding-left: 30px; display: inline-block; overflow: hidden; float: left; }
.news-content-inner-title { font-size: 18px; font-weight: 400; color: #010101; margin: 0 0 10px; display: block;}
a.readmore { color: #0083FF; text-decoration: none; }
a.readmore:hover { color: #0069CC; }
.hide { display: none; }
.news-inner-section h3 { font-size: 30px; font-weight: 400; color: #333333; margin: 20px 0; display: block; text-align:center }
.news-inner-section .subcontent { font-size: 24px; font-weight: 400; color: #666666; line-height: 36px; text-align:center  }



@media (min-width:992px) and (max-width:1024px) {
    .intro-title { font-size: 35px;}
    .appoinment-form h2 { font-size: 16px; }
}

@media (min-width:768px) and (max-width:991px) {
    .intro-title { font-size: 38px; text-align: center;}
    .intro-caption { margin: 100px 0 0 0; }
    .intro-caption p { text-align: center; margin: 20px 0;}
    .appoinment-form {width: 55%; margin: 30px auto;}
    .intro-section { padding: 15px 0px 0px 0px; }
    .ft p { font-size: 13px;}
    .menubar {padding: 0px;border-top: 1px solid #e4e4e4;}
    .bsicontent { margin: 100px 0px 0px 0px;height: auto;}
    .bsiimg { margin: 0px 0px 5px 0px;height: auto; text-align: center;} 
    .loginbox1 { width: 95%; float: none; padding: 0px 5px; }
    .loginbox2 { float: none;}
}

@media (max-width: 767px) {
    .navbar-header { text-align:center;}
    .navbar-header h1.BSIlogo { float: none; width: 100%; height: 52px; background: url(../images/A360_logo.png) no-repeat center; background-size: contain; margin: 0; }
    .navbar-default { background: #ffffff; }
    .navbar-header .tagline { float: none; margin: 5px 0 0 0px; font-size: 21px; color: #FF4B00; }
    .intro-title { font-size: 30px;}
    .intro-caption p { line-height: 25px; font-size: 22px; margin: 15px 0; text-align: left;}
    .appoinment-form {width: 95%; margin: 30px auto;}
    .intro-section { padding: 0px; }
    .footer { position: relative;}
    .ft p { font-size: 11px;}
    .tagline { display:none;}
    .intro-caption { margin: 115px 0 0 0; }
    .menubar {padding: 0px;border-top: 1px solid #e4e4e4;}
    .bsicontent { margin: 115px 0px 0px 0px;height: auto;}
    .bsiimg { margin: 0px 0px 5px 0px;height: auto; text-align: center;}
    .loginbox1 { width: 95%; float: none; padding: 0px 5px; }
    .loginbox2 { float: none;}
}