html,body{ font-size:16px; font-family:'open-sansregular'; -ms-overflow-style: scrollbar;}
body{transition: background-color .5s;}
@font-face{font-family:'open_sansbold';src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),url('../fonts/opensans-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanslight';src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),url('../fonts/opensans-light-webfont.woff') format('woff');font-weight:normal;font-style: normal;}
@font-face{font-family:'open-sansregular';src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../fonts/opensans-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sanssemibold';src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),url('../fonts/opensans-semibold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
.previewAlert{  left: 0;  position: fixed; right: 0; text-align: center; top: 0px; z-index: 2147483647; background: #FF0000; color: #fff; padding: 15px;}
.previewAlert .closeprev{ float: right; color: #fff; text-decoration: none}
a, a:hover, a:focus, section a, section a:hover{color: #0000ff;text-decoration: none;}
.opensanslight{font-family:'open_sanslight';}
.middle-content ul{ padding-left:0;}
.middle-content ul li{ margin-left:25px;}
h1, h2, h3{color:#000000; font-size:2.1rem; font-family:'open_sansbold'; margin-bottom:40px; margin-top:40px;}
h3{font-size:1.5rem; }
h4 ,h5{color:#000000; font-size:18px; font-family:'open_sansbold'; margin-bottom:20px; margin-top:20px;}
h5{font-size:16px;}
.zmdi{vertical-align:middle}
.valign-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.valign-wrapper .valign{display:block}
.itembox { background: #ccc none repeat scroll 0 0; display: block; height: 24.8vw; overflow: hidden; text-align: center; vertical-align: top; width: 100%;}
.itembox img { width: 100%;}
.banner-section{ margin-top: 100px; }
header .header-logo a{float:left;}
header .header-logo img{ vertical-align:top; float:left}
header .header-logo .lca-logo{ margin-top:6px;}
header .header-logo .logo-space{margin-left:25px; margin-right:25px;width:1px; height:80px; background:#FFF; display:inline-block; float:left}
.custom .btn-group .btn:hover{color:#fff;}
.assessments-title{font-family:'open_sansbold'; font-size:2.5rem; letter-spacing:0.15rem; color:#fff; float:left; margin-top:10px}
.assessment-btns-blue{ height:116px; background-color:#F8F8F8; border:1px solid #E5E5E5;  color:#002552; font-family:'open_sansbold'; font-size:1.25rem; line-height:1.30rem; padding:0 20px; position:relative}
.assessment-btns-blue:after, .assessment-btns-blue:hover:after{content:''; position:absolute; right:0; top:0; bottom:0; width:2px; background:#002552; transition: 0.3s;right:0;}
.assessment-btns-blue:hover:after{width:100%; color:#fff;}
.assessment-btns-blue:hover .ass-text{color:#FFF; z-index:99999; position:relative;}
.assessment-btns-icon{ float:left; font-size:2.25rem;}
.assessment-btns-name{padding-left:65px;}
.assessment-btns-yellow{ height:116px; background-color:#F8F8F8; border:1px solid #E5E5E5; color:#002552; font-family:'open_sansbold'; font-size:1.25rem; line-height:1.30rem; padding:0 20px; position:relative}
.assessment-btns-yellow:hover:after{width:100%  !important; color:#fff;}
.assessment-btns-yellow:after, .assessment-btns-yellow:hover:after{content:''; position:absolute; right:0; top:0; bottom:0; width:2px; background:#ffcc00; transition: 0.3s;right:0;}
.assessment-btns-yellow:hover .ass-text{color:#FFF; z-index:99999; position:relative;}
.assessment-btns-bg a{ text-decoration:none;}
.banner-main{background-color:#013678;position:relative;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 24.8vw;/* height: 300px;*/ margin:95px 0 0 0;}
.banner-main:after{background-color: rgba(0, 0, 0, 0.3);content:""; bottom: 0; height: 100%; left: 0;  position: absolute; right: 0; top: 0; width: 100%;z-index: 1;}
.banner-main.bg_left{ background-position: left center;}
.banner-main.bg_right{ background-position: right center;}
.banner-main .banner-heading{font-size:2rem; font-family:'open_sansbold';}
.banner-main .banner-heading span{color:#FFCC00;}
.top-lca-text{font-size:1.5rem; font-family:'open_sanslight'; line-height:2rem;}
.our-mission {color: #37464e;font-size: 1.125rem;line-height: 30px;}
.assessment-btns-bg{background:url(../images/assessment-btn-bg.jpg) center top no-repeat; background-size: cover;padding-top:45px; padding-bottom:45px; border-bottom:1px solid #F8F8F8;}
.back-btn, .back-btn:hover, .back-btn:focus {background: #ffcc00 none repeat scroll 0 0;border-bottom: 2px solid #b99400;border-radius: 5px;color: #000;display: inline-block;font-weight: bold;height: 50px; line-height: 50px;min-width: 90px;padding-left: 10px;padding-right: 10px;text-align: center;text-decoration: none; border-top: 0; border-left: 0; border-right: 0}
.back-btn.cancel{background: #888; border-bottom: 2px solid #666; color:#fff}
.page-heading{color:#263238; position:relative;}
.page-heading:after{content:''; width:50px; height:1px; background:#CDCDCD; position:absolute; left:0; right:0; margin:auto; bottom:-20px;}
.page-sub-heading{color:#263238; position:relative;}
.page-sub-heading:after{content:''; width:50px; height:1px; background:#CDCDCD; position:absolute; left:0; margin:auto; bottom:-15px;}
.lca-student{background:#FFF !important;}
.lca-student img{ max-width:100%}
.w100p{width:100%;}
.m-b-0{margin-bottom:0;}
.m-t-0{margin-top:0;}
.m-t-30{margin-top:30px;}
.m-t-20{margin-top:20px;}
.m-b-30{margin-bottom:30px;}
.m-t-40{margin-top:40px;}
.m-t-50{margin-top:50px;}
.m-t-90{margin-top:90px;}
.m-t-20{margin-top:20px;}
.m-b-20{margin-bottom:20px;}
.m-b-50{margin-bottom:50px;}
.m-r-10{margin-right:10px}
.m-t-15{ margin-top: 15px;}
.mb15{ margin-bottom: 15px;}
.mt10{ margin-top: 10px}
.p-t-20{ padding-top: 20px;}
.p-b-20{ padding-bottom: 20px;}
.p-t-30{ padding-top: 30px;}
.p-b-30{ padding-bottom: 30px;}
.border-none{border:0!important}
.box-wrap{-ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background-color:transparent;}
.font-normal{ font-weight:normal}
.successmessage,.errormessage{font-size:0.75rem;}
.errormessage{color:#ff0000;}
.successmessage{color:green;}
.testing-table .table > tbody > tr > td,.testing-table .table > tbody > tr > th,.testing-table .table > tfoot > tr > td,.testing-table .table > tfoot > tr > th,.testing-table .table > thead > tr > td,.testing-table .table > thead > tr > th{ text-align:left;}
.lowa-complete .table > tbody > tr > td,.lowa-complete .table > tbody > tr > th,.lowa-complete .table > tfoot > tr > td,.lowa-complete .table > tfoot > tr > th,.lowa-complete .table > thead > tr > td,.lowa-complete .table > thead > tr > th{vertical-align: middle;}
footer{color:#B6B6B6; font-size:0.875rem; width: 100%; float: left; padding-top: 40px;}
/* background colour added footer{background:#383838; color:#B6B6B6; font-size:0.875rem; width: 100%; float: left; padding-top: 40px;}*/
footer .footer-links h4{font-family:'open_sanssemibold'; color: #fff; font-size: 16px; text-transform:uppercase;}
footer .footer-links .list-group .list-group-item{background: none; border: 0; padding-left: 0; padding-bottom: 5px; padding-top: 5px; padding-right: 0;font-size: 14px;}
footer .footer-links .list-group .list-group-item a{-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
footer .footer-links .list-group .list-group-item a:hover{margin-left:5px;}
footer .footer-links .zmdi{ font-size: 20px;}
footer .footer-links .buttom-social a{ color:#B6B6B6; padding: 10px;}
footer .footer-links .buttom-social .facebook-icon, footer .footer-links .buttom-social .twitter-icon, footer .footer-links .buttom-social .instagram-icon{width:50px; height:50px; display:inline-block; border:tranparent solid 1px; text-align:center; border-radius:50%; box-sizing:border-box; line-height:35px; transition: .8s ease-in-out;}
footer .footer-links .buttom-social .facebook-icon:hover, footer .footer-links .buttom-social .twitter-icon:hover, footer .footer-links .buttom-social .instagram-icon:hover{color:#FFF;}
footer .footer-links .buttom-social .facebook-icon:hover{background:#3B5998;}
footer .footer-links .buttom-social .twitter-icon:hover{background:#00ABF1;}
footer .footer-links .buttom-social .instagram-icon:hover{background:#6A453B;}
footer .footer-links .list-group .list-group-item a{color:#B6B6B6;}
.footer-copyright{border-top:#5D5D5D solid 1px; padding:10px 0; font-size: 13px; background-color:#4a4a4a;}
.footer-copyright p{ text-align:left;}
footer a, footer a:hover, footer a:focus{color: #B6B6B6; margin-right:5px;}
.social-icon a { font-size: 20px; margin-right: 5px; padding: 3px;}
.assess-accodian .panel-default > .panel-heading{ background-color: #012552; padding:15px; color: #fff;}
.assess-accodian .panel-default > .panel-heading a{color: #fff; text-decoration:none;}
#accordion .panel-title a { display: block;}
.assess-accodian .panel-body{ font-size:1rem;}
.assess-accodian .panel-body a{ color:#03C;}
.videos-link-section p a{ color:#37464e; font-family:'open_sanssemibold';}
.videos-link-section p a i{ color:#263238; margin-right:10px; font-size:1.3rem}
.videos-link-section p a:hover{ color:#03C; text-decoration:underline;}
.videos-section img{max-width:100%}
/*form css start here*/
.red{ color: #FF0000 }
.labelbox label{ position: relative; padding-left: 30px}
.checkbox label, .radio label{ position: relative; padding-left: 30px}
.checkbox .cr, .radio .cr{ position: absolute !important; left: 0px}
.form-section .form-control, .form-control{ height: 45px; border-radius: 0px; box-shadow: none; }
.form-section .form-control.ans-control{ height: 30px; width: 70px; display: inline-block; text-align: center;}
.m-b-20{margin-bottom: 20px;}
.form-section .form-control.ans-control.w200{ width: 200px; text-align: left;}
.form-section .form-control.textarea{ height: 120px; max-height: 120px; min-height: 120px; max-width: 100%; min-width: 100%;}
.checkbox label:after,  .radio label:after { content: ''; display: table; clear: both;}
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;}
.radio .cr { border-radius: 50%;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%;}
.radio .cr .cr-icon {  margin-left: 0.04em;}
.checkbox label input[type="checkbox"], .radio label input[type="radio"] {  display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr { opacity: .5;}
.form-section .radio{ display: inline-block; margin-right: 15px;}
.iowa-assessments-form{ padding: 15px; border: 1px solid #ddd; }
.online-order label{ display: block;}
/*form css start here 17-2*/
.bg-blue{ background-color:#012552; color:#fff; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);}
.padding-30-20{ padding:30px 20px;}
.bg-blue p{ font-family:'open-sansregular'; }
.bg-blue h3{ font-size:1.8rem; text-transform:uppercase; color:#fff; letter-spacing:1px; margin-bottom: 20px; margin-top: 10px;}
.bg-white h3{ font-size:1.8rem;color:#012552; letter-spacing:1px; margin-bottom: 20px; margin-top:0px; font-family:'open-sansregular';}
.bg-white{background-color:#fff; padding-top: 12px; padding-bottom: 12px; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5);
-o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);}
a.forgot-password{ color:#a6a6a6; font-size:14px; margin-left:10px; font-family:'open_sanssemibold';}
.login-btn, .login-btn:hover, .login-btn:focus {background: #ffcc00 none repeat scroll 0 0;color: #000;display: inline-block;font-weight: bold;height: 50px; line-height: 50px;min-width: 90px;padding-left: 10px;padding-right: 10px;text-align: center;text-decoration: none; letter-spacing:1px;  border: 0}
.delete-btn, .delete-btn:hover, .delete-btn:focus {background:#ffcc00;color: #000;display: inline-block;font-weight: bold;height: 50px; line-height: 50px;min-width: 90px;padding-left: 10px;padding-right: 10px;text-align: center;text-decoration: none; letter-spacing:1px;  border: 1px solid #ffcc00}
p.register-text-dark{ color:#012552; font-size:14px; font-family:'open_sanssemibold'; line-height:18px;}
p.register-text-light{color:#a6a6a6; font-size:14px; font-family:'open_sanssemibold';}
.register-btn{background:#ffcc00;color: #000; border:1px solid #ffcc00;display: inline-block;font-weight: bold;height: 50px; line-height: 48px;min-width: 100px;padding-left: 10px;padding-right: 10px;text-align: center;text-decoration: none; letter-spacing:1px; }
.register-btn:hover{ background:#ffcc00; color: #000;}
/*form css end here*/
/* NEW Header */
/* Header styles */
.dropdown-menubox{ position:relative;}
.dropdown-menubox .dropdown-menu li { width:100%; display:block;}
.header{height:100px; width:100%; box-sizing:border-box; -webkit-transition: background 1s; transition: background 1s; border-bottom:1px solid rgba(217, 217, 217, 0.1);padding:8px 0; z-index:999; top: 0; background: #012552}
.header{position: relative;}
.site-logo{transition: color 200ms cubic-bezier(.55, 0, .1, 1);color: #30acff;font-size: 3rem;}
/* okayNav styles */
body.okayNav-loaded {overflow-x: hidden;}
.okayNav ul {float: right;}
.okayNav a{color:#FFCC00;font-size:16px;font-weight: bold;position: relative;z-index: 1; text-decoration:none;}
.okayNav__nav--visible{white-space: nowrap;}
.okayNav__nav--visible li {display: inline-block; float:none; position:relative;}
.okayNav__nav--visible a{display: block;transition: color 200ms cubic-bezier(0.55, 0, 0.1, 1);padding: 15px 15px;}
.okayNav__nav--visible a:hover{color:#000;}
.okayNav__nav--invisible{position: fixed;top: 100px;bottom: 0; z-index:555 !important;overflow-y: scroll;-webkit-overflow-scrolling: touch;background:#012552;}
.okayNav__nav--invisible a{background: #fff;width: 290px;display: block;padding: 15px;}
.okayNav__nav--invisible.nav-left {left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.okayNav__nav--invisible.nav-right {right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}
.okayNav__nav--invisible.transition-enabled{transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);}
.okayNav__nav--invisible.nav-open{-webkit-transform: translateX(0);transform: translateX(0);}

#nav-main{position:relative; padding-right: 20px; margin-top:16px; float:right; }
#nav-main ul{ margin:0; padding:0; list-style:none}
#nav-main .nav li.dropdown.open > ul.dropdown-menu{position:absolute;}
#nav-main .nav li.dropdown.open > ul.dropdown-menu li{width:100%; display:block;}
#nav-main .nav li.dropdown-menubox.open:hover, #nav-main .nav li.dropdown-menubox.open:active, #nav-main .nav li.dropdown-menubox.open:focus, #nav-main .nav li.dropdown-menubox.open, #nav-main .nav li.dropdown-menubox.open > a{background-color:#ffcc00; color: #000}
#nav-main ul li:hover, #nav-main ul li.active, #nav-main ul li.active > a{background-color:#ffcc00; color: #000}
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a{background:none; color:#000}
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a, #nav-main ul li a{background:none;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu{border:0; border-radius:0; margin:0; padding:0;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li a{ padding-top:15px; padding-bottom:15px;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu{position:absolute; background-color:#fff; box-shadow:0 0 5px #cecece}
#nav-main ul.nav-open li{ list-style:none; clear:both; border-bottom: 1px solid #011c3d;}
#nav-main ul.nav-open{padding:0; margin:0;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu{position:static; border:0; border-radius:0; margin:0; padding:0; background-color:#012552; box-shadow:none;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu li{border-bottom:0;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu li:last-child{border-bottom: 1px solid #011c3d;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu a{color:#fff; padding-left:40px; font-size:14px;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu a:hover{ color:#000;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li.active a{ color: #000}
.new-toggle{ display:none;}
#nav-main .nav li:last-child .dropdown-menu{ left: inherit; right: 0}
#nav-main .nav li:last-child .dropdown-menu a{ padding-left: 5px !important}
.dropdown-backdrop{z-index: 0 !important}
.dropdown-menu li a{ padding:15px 10px 15px 20px !important}
/* NEW Header End*/
/* Slider css */
.item-overlay {background-color: rgba(0, 0, 0, 0.3); bottom: 0; height: 100%; left: 0;  position: absolute;  right: 0; top: 0; width: 100%;  z-index: 1;}
.carousel-control{z-index: 2;}
/* slider css end */
.about-holder ul li {list-style: outside none none;margin-top: 10px;padding-left: 30px;position: relative;}
.about-holder ul li.sub {padding-left: 60px;}
.about-holder ul li::before {color: #ffcc00;content: "•";font-family: "open_sansbold";font-size: 30px;left: 5px;position: absolute;top: -10px;}
.about-holder ul li.sub::before {color: #d9a600;content: "•";font-family: "open_sansbold";font-size: 30px;left: 35px;position: absolute;top: -10px;}
.about-holder ul li a{color:#37464e}
.subpage-banner { background-color: #012552;font-family: "OpenSansBold";height: auto;padding: 100px 0 18px; position: relative;}
.subpage-banner h1 {color: #ffcc00;font-size: 3.125rem; position: relative; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); text-transform: uppercase; }
.test-section{ padding-top: 20px; padding-bottom: 20px;}
.input-group{ display: table; margin: 0 auto}
.menu {   background: #ffcc00;    border: 0 none;    display: inline-block;    font-size: 14px;    margin: 1px;    padding: 8px 12px;    text-transform: uppercase;}
.table > tbody > tr > th {    background: #f5f5f5 ;}
.table > tbody > tr:last-child > td {    border-bottom: 1px solid #ddd;}
.login-btn.small-btn, .small-btn {   font-size: 14px;   font-weight: normal;   height: 30px;   line-height: 30px;}
.btn-danger{ border: 0}
.btn-blue{ background: #012552; border: 0; color: #fff;}
.ace_3_button, .ace_font_3_button{ padding: 6px 14px; margin: 5px; border-radius: 2px}
.req{ color: red;}
.checkbox, .radio {    margin-left: 30px;    position: relative;}
.test_content .table1 {width: 100%}
.test_content .table1 td{ padding: 5px; text-align: center}
.test_content .table1 input{ border: 1px solid #ccc; height: 35px; width: 100%; padding: 5px 8px}
.test_content .table1 td:nth-child(2){ width: 35px;}
.test_content .img-responsive{ display: table; max-width: 100%; margin: 0 auto}
.test_content .btn-blue:focus{ background: #024495;}
.input_small{ border: 1px solid #ccc; height: 35px; width: 100px; padding: 5px 8px;}
.mx100{ max-width: 100%;}
.ace-content-table tr td {padding: 5px; text-align: left;} 
.test_content input.sub, .test_content input.sup{-webkit-appearance: none; min-width: 25px; padding: 0}
.test_content input[type="radio"]{ margin-top: 0}
.test_content .radio1 {  padding: 0 0 0 15px;  }
.test_content .radio1 + .radio_label{ padding: 0 5px 0 10px;}
.test_content .radio1 + .radio_label label{ margin-bottom: 0}
.test_content .radio1 p, .test_content .radio1 + .radio_label p{ margin-top: 10px }
.sup1{-webkit-appearance: none; }
.carousel-caption {top:0vw; bottom: 0; padding-bottom: 0; color: #fff; padding-top: 0}
.carousel-caption h1,.carousel-caption  h2, .carousel-caption h3{color: #fff;}
.carousel-caption>div{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);  max-height: 95%; overflow-y: auto; left: 20px; right: 20px}.carousel-caption>div p {display: block;}
.carousel-caption .banner-btn{ margin-bottom: 5px; color: #000;padding: 8px 12px;display: inline-block;text-decoration: none;box-shadow: none;background-color: #ffcc00;text-shadow: none;}
@media(max-width:1365px){
header .header-logo .logo-space{ margin-left: 20px; margin-right: 20px;}
}
@media(max-width:1300px){
/* Kebab icon */
.okayNav__menu-toggle{background:#ffcc00;position: absolute !important;transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);cursor: pointer;height:40px;width:40px;right:0px;z-index: 1;top:8px; line-height:40px; border-radius:100px;}
.okayNav__menu-toggle span{ display:none !important}
.okayNav__menu-toggle:after{content:'+'; font-size:24px; color:#000; padding:5px 12px; text-align:center; text-decoration:none;}
.okayNav__menu-toggle.okay-invisible {position: absolute;opacity: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
.okayNav__menu-toggle span{display: block;position: absolute;margin: auto;height: 4px;width: 4px;background: #2e2e33;border-radius: 50%;left: 0;right: 0;pointer-events: none;}
.okayNav__menu-toggle span:nth-child(1){top: 0;}
.okayNav__menu-toggle span:nth-child(2){top: 50%;}
.okayNav__menu-toggle span:nth-child(3){bottom: 0;}
.okayNav__menu-toggle.icon--active span{background: #546edb;}
.new-toggle{ display:block; text-decoration:none; position:relative; right:10px; top:30px;}
#nav-main{background:#012552; position:fixed; right:0; width:300px; height:calc(100% - 100px) !important; margin:0; display:none; padding-right: 0}
#nav-main .nav{ margin-right:0px;}
.okayNav:not(.loaded){visibility:visible; background:#012552; position:fixed; right:0; width:280px; top:100px; bottom:0; overflow:auto;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu{ position:static; background-color:#001340; box-shadow: none;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li a{ color:#fff; font-size: 14px;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li{ border-bottom:#012552;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li:last-child{border-bottom:#011c3d;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li:hover a{ color:#000;}
#nav-main{background:#012552; position:fixed; right:0; width:300px;}
#nav-main .nav li{ border-bottom: 1px solid #011c3d; float: none;}
.okayNav ul.nav{ float:left; width:100%; margin:0;}
.okayNav ul{float: none;}
#nav-main ul.nav-open li{ list-style:none; clear:both; border-bottom: 1px solid #011c3d;}
#nav-main ul.nav-open{padding:0; margin:0;}
.okayNav__menu-toggle{ width:auto; border-radius:2px; text-decoration: none !important;}
.okayNav__menu-toggle:hover,.okayNav__menu-toggle:active{text-decoration: none;}
.okayNav__menu-toggle:after{ display:none;}
.okayNav__menu-toggle:before{content:'MENU';  color:#000; padding:5px 10px; text-decoration:none;}
/* new header end */
.navbar-collapse{ border-top:0;}
}
@media(max-width:1200px){
footer .container { width:100%;}
.lcastudent-box{background-size:cover}
header .sidenav .closebtn{height:60px;}
header .sidenav .closebtn i{line-height:40px;}

ul.navbar-nav.custom{top:3px;}
.custom .dropdown-menu {margin: 18px 0 0 !important;}
.custom .btn{margin-right:11px;}
.online-order.online-order{margin-top: 60px;}
.padding-30-20{ padding:20px 5px;}
a.forgot-password{font-size: 12px;}
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a, #nav-main ul li a{ padding-left: 8px; padding-right: 8px; font-size: 14px;}
.assessments-title{font-size: 1.5rem; margin-top: 15px;}
header .header-logo .logo-space{ margin-left: 10px; margin-right: 10px; height: 65px;}
header .header-logo img{max-height: 65px;}
header .header-logo{ padding-top: 10px;}
}
@media(max-width:1024px){
    .h1, .h2, .h3, h1, h2, h3, h4{margin:10px 0}
    h1, h2{ font-size:1.25rem;}
    .page-heading:after{bottom:-8px}
    .list-group{margin-bottom:10px}
    .our-mission{padding-bottom:10px}
    .top-lca-text{ font-size:1.2rem;}
    .pdfimg{margin-bottom:-10px}
    footer{padding-top:10px}
    .footer-copyright{padding-bottom:10px;}
}

@media(max-width:991px){
.container{width:100%;}
footer{position: relative;}
.footer-copyright p{ text-align:center;}
.closebtn{ display:block  !important;}
.open-menu{ display:block}
header .open-menu{width:60px; position:relative; background:#FFCC00; border:0; outline:0; font-size:26px; right:-15px;}
header .sidenav{width:0;position:fixed;z-index:2;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:0.5s; bottom:0; box-shadow:#ababab 0 0 10px;}
header .sidenav .closebtn{line-height:36px;}
header .sidenav .closebtn i{font-size:36px; float:right; margin-right:15px;}
header .sidenav .navbar-collapse ul li{ width:100%;}
header .sidenav .navbar-collapse ul li a, .custom .btn{ color:#1F1F1F; font-size:1rem; padding-top:15px; padding-bottom:15px;}
header .sidenav .navbar-collapse ul li a:hover, .custom .btn:hover{background-color:#013574;color:#fff;}
ul.navbar-nav.custom{ position:inherit;}
.custom .btn-group > .btn + .dropdown-toggle{ float:right; border-left: 1px solid #ccc;}
.custom li.btn-group{ padding-left:0px; padding-right:0px;}
.custom .caret{border-left: 7px solid transparent; border-right: 7px solid transparent;border-top: 7px dashed; margin-left: 4px !important;}
.custom .dropdown-menu > li > a{padding: 8px 20px;}
.custom .dropdown-menu{ width: 300px; padding: 10px 0; background-color: #fff; color:; margin: 3px 0 0 !important;}
.custom .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){width: calc(100% - 36px); text-align:left; padding-left: 15px}
.custom .btn{margin-right:0px; margin-top: 0px;}
a.forgot-password{ margin-left: 5px;}
header .header-logo{ padding-top: 0}
header .header-logo .lca-logo{ margin-top:0;}
header .header-logo a{-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;}
header .header-logo .logo-space{height:50px; margin-left:5px; margin-right:5px;}
header .header-logo a img{ max-width:100%; max-height:auto; max-height:45px;}
.assessments-title {font-size: 1.5rem;letter-spacing: 0.1rem;margin-left: 5px;margin-top: 7px;}
.okayNav__nav--invisible{ top:60px;}
.header{height:60px;}
.banner-section{ margin-top:60px; }
.banner-main {margin:60px 0 0 0;}
.new-toggle{top: 10px}
.okayNav:not(.loaded){top: 60px;}
#nav-main{height:calc(100% - 60px) !important;}
.test-section{ margin-top:60x; }
.crsl-items .carousel-control .glyphicon-chevron-left {left:20px;}
.crsl-items .carousel-control .glyphicon-chevron-right{right:20px;}
.carousel-caption{left: 25px; right: 25px;}
.carousel-caption h1,  .carousel-caption h1{font-size: 18px}
.carousel-caption h2, .carousel-caption h3{ font-size: 16px; line-height: inherit; margin-top: 5px;}
.crsl-items .carousel-control .zmdi-chevron-left {left:20px;}
.crsl-items .carousel-control .zmdi-chevron-right {right:20px;}
}
@media(max-width:767px){
    .subpage-banner h1 { font-size: 2rem;}
    .lcastudent-box{ padding-top:0;}
    .lcastudent-box h2:after{margin:auto;}
    .lcastudent-box{ text-align:center;}
    .nav.custom > li{ display:inline-block}
    header .sidenav .navbar-collapse .row{margin:0;}
    header .sidenav .navbar-collapse ul{ margin-top:0;}
    footer{text-align:center}
    footer .footer-links .row div:nth-of-type(2) .list-group{-webkit-column-count: 1;-moz-column-count: 1; column-count: 1;}
    .our-mission {font-size: 1rem;line-height:24px;}
    .bg-white{ margin-top:0px;}
    .padding-30-20{ padding:30px 25px;}
    a.forgot-password{ display: block; margin-left: 0; margin-top: 15px; font-size: 14px}
    table{font-size: 14px;}
    .videos-section iframe{ width: 100% !important;}
    .videos-section iframe #onsmplayer, .videos-section iframe #onsmplayer > div, .videos-section iframe #onsmplayer > div video{ width: 100% !important}
    .input-group{ width: 100%}
    .menu {  display: block; width: 100%}
    .carousel, .itembox, .banner-main{ height: 55vh ;}
    .itembox.aligncenter img {  transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);   -mz-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   -o-transform: translate(-50%, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left: 50vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
    .itembox.alignleft img {  transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);   -mz-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   -o-transform: translate(0, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left: 0vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
    .itembox.alignright img {  transform: translate(-100%, -50%);   -webkit-transform: translate(-100%, -50%);   -mz-transform: translate(-100%, -50%);   -ms-transform: translate(-100%, -50%);   -o-transform: translate(-100%, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left:100vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
    .carousel-caption>div{padding-bottom: 5px;}
}
@media(max-width:600px){
    .carousel-caption p{ font-size: 11px;}
    .carousel-caption .banner-btn{font-size: 13px;}
}
@media(max-width:480px){
    .banner-main { min-height: auto;}
    header .header-logo a{align-items: center;justify-content: center;}
    header .header-logo a img{ max-height:35px;}
    header .header-logo .logo-space{ margin-left:3px}
    .footer-links .row .col-xs-6{ width:100%; text-align:center;}
    .assessments-title{font-size:1.2rem;margin-top:0px; margin-left:5px;}
}
@media print {a[href]:after {content: none;}}

table.table-reviewed tfoot {border: 1px solid #fff;overflow: hidden;}
table.table-reviewed tfoot td {border: 1px solid #fff;overflow: hidden;}
.test-section input[type="radio"]:focus+label{border: 1px solid #00f;}
.test-section input[type="checkbox"]:focus+label{border: 1px solid #00f;}
.h-100 {height: 100%;}
.d-flex {display: flex;}
.flex-column {flex-direction: column;}
.mt-auto {margin-top: auto;}