@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 1201px) {
.wrapper {width:970px; margin:0 auto; }
.container {width:100%;}
.footer-space {clear:both; margin-bottom: 80px;}
}


@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:970px; margin:0 auto;}
.container {width:100%}
ul.sub-links {padding-right:10px;}
.footer-space {clear:both; margin-bottom: 80px;}
}


@media only screen and (min-width: 768px) and (max-width: 979px) {
.wrapper {width:100%}
.container {width:100%}

ul.sub-links {padding-right:10px;}
.bg-login {background-color:rgba(255,255,255,0.8)}

h2.forgot-txt {font-size:1.1em; margin-left:-40px; margin-top:26px;}

.footer-space {clear:both; margin-bottom: 80px;}
.footer {height:66px}
.footer-main .col-md-6, .footer-sub .col-md-6 {text-align:center}
}
	

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%; }


#bg-home {
background:url(../images/mobileBG.jpg) no-repeat top center;
height:100%!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.navbar-default .navbar-collapse  {border-top:solid 1px #eb1c24!important; float:left; margin-top:10px;}
.navbar-default a.navbar-brand {display:block; margin:0 auto; float:none; text-align:center}

.bg-login {background-color:rgba(255,255,255,0.8)}
.login-window {margin-left:0!important; padding-top:220px; padding-left:20px; padding-right:20px}
.login-window .lw-pad {padding:3em 2.1em 2.5em 2.1em }
.login-window .reg-pad {padding:3em 0 2em 0}
.login-window h5 {font-size:1.2em}
.login-window li {font-size:1.2em!important}
.m-form {height:55px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:0}
.m-input {height:55px; padding:10px 16px; font-size:17px; line-height:1.3333333;}
.m-login-btn {height:50px; padding:15px 16px; font-size:18px; line-height:1.3333333}
.m-reg-btn {width:50%!important; height:50px; padding:15px 16px; font-size:18px; line-height:1.3333333}
.m-btn {height:55px; padding:15px 16px; font-size:18px; line-height:1.3333333}

.navbar-custom-sub .collapse .navbar-nav > li > a:hover {background-color:rgba(255,255,255,0.20); color:#fff}
.navbar-custom-sub h2 {float:none; display:block; padding:15px 10px 10px 50px; margin-bottom:0px;}
.navbar-custom-sub h2.profile-page {display:none}
.sub-links > li > a:after {content: " "; padding: 0}
.sub-links  > li > a  {padding: 10px 10px 10px 50px}

.navbar-collapse.profile-collapse {margin-top:27px;}


.profile-nav {height:45px; margin-top:-7px;}
.profile-nav li > a {padding: 13px 23px 15px 23px; font-size: 14px; color: #fff;} /**margin-top:1px**/
.profile-nav .navbar-nav li {float:left; }
.profile-nav form {display:none;}

.subprofile {background-color:#f4f5f6!important; background:none; min-height: 40px; padding:0; width:100%}
.subprofile .container {padding:0; margin:0}
.subprofile ul {margin:0; padding:0; width:100%; border:solid 0px #000; float:left}
.subprofile li {display:block; margin:0; padding:0;}
.subprofile li > a {padding:10px 25px; color: #666; display:block; border-bottom:solid 1px #fff;}
.subprofile li > a:hover {background-color:#e5e6e7}
.subprofile li.active > a {	background-color:#e5e6e7;}


table.cert-table {margin-bottom:-10px;}
.cert-table td { text-align:left; margin-bottom:-10px;}
.cert-table td:nth-child(even){margin-bottom:10px}


.cert-space {margin-top:0}
.cert-pad {margin:0; padding:0; margin-bottom:20px;}
ul.nav-sidebar {margin:0; padding:0; width:100%}
.nav-sidebar > li > a {background:none; border-bottom:solid 1px #fff; background-color:#f4f5f6; padding:10px 25px}
.nav-sidebar li > a:hover {background-color:#e5e6e7}
.nav-sidebar li.active > a {	background-color:#e5e6e7;}



.step-container {margin-top:135px}
.step-pad {text-align:left; padding-left:50px;}

.active-txt {font-size:1.2em}
.col-shadow {padding:30px}
.step02, .step02_lg, .step03 {background:url(../images/fr_arrow.png) center right no-repeat #0099A8;}

.prubsnlink {text-align:left}

.footer-space {clear:both; margin-bottom: 100px;}
.footer {height:66px}
.footer-main .col-md-6, .footer-sub .col-md-6 {text-align:center}

}


@media only screen and (min-width: 361px) and (max-width: 480px) {
.wrapper {width:100%;}


#bg-home {
background:url(../images/mobileBG.jpg) no-repeat top center;
height:100%!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.navbar-default .navbar-collapse  {border-top:solid 1px #eb1c24!important; float:left; margin-top:10px;}
.navbar-default a.navbar-brand {display:block; margin:0 auto; float:none; text-align:center}

.bg-login {background-color:rgba(255,255,255,0.8)}
.login-window {margin-left:0!important; padding-top:220px; padding-left:20px; padding-right:20px}
.login-window .lw-pad {padding:3em 2.1em 2.5em 2.1em }
.login-window .reg-pad {padding:3em 0 2em 0}
.login-window h5 {font-size:1.2em}
.login-window li {font-size:1.2em!important}
.m-form {height:55px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:0}
.m-input {height:55px; padding:10px 16px; font-size:17px; line-height:1.3333333}
.m-login-btn {height:55px; padding:15px 16px; font-size:18px; line-height:1.3333333}
.m-reg-btn {width:50%!important; height:50px; padding:15px 10px; font-size:18px; line-height:1.3333333}
.m-btn {height:50px; padding:15px 16px; font-size:18px; line-height:1.3333333}

.navbar-custom-sub svg {margin-top:-15px; margin-left:-20px}
.navbar-custom-sub .collapse .navbar-nav > li > a:hover {background-color:rgba(255,255,255,0.20); color:#fff}
.navbar-custom-sub h2 {float:none; display:block; padding:15px 10px 10px 40px; margin-bottom:0px;}
.navbar-custom-sub h2.profile-page {display:none}
.sub-links > li > a:after {content: " "; padding: 0}
.sub-links  > li > a  {padding: 10px 10px 10px 40px}

.navbar-collapse.profile-collapse {margin-top:27px;}

.profile-nav {height:45px; margin-top:-7px;}
.profile-nav li > a {padding: 13px 10px 15px 20px; font-size: 12px; color: #fff;}
.profile-nav .navbar-nav li {float:left; }
.profile-nav form {display:none;}

.subprofile {background-color:#f4f5f6!important; background:none; min-height: 40px; padding:0; width:100%}
.subprofile .container {padding:0; margin:0}
.subprofile ul {margin:0; padding:0; width:100%; border:solid 0px #000; float:left}
.subprofile li {display:block; margin:0; padding:0;}
.subprofile li > a {padding:10px 20px; color: #666; display:block; border-bottom:solid 1px #fff; font-size:.9em}
.subprofile li > a:hover {background-color:#e5e6e7}
.subprofile li.active > a {	background-color:#e5e6e7;}

table.cert-table {margin-bottom:-10px;}
.cert-table td { text-align:left; margin-bottom:-10px;}
.cert-table td:nth-child(even){margin-bottom:10px}

.cert-space {margin-top:0}
.cert-pad {margin:0; padding:0; margin-bottom:20px;}
ul.nav-sidebar {margin:0; padding:0; width:100%}
.nav-sidebar > li > a {background:none; border-bottom:solid 1px #fff; background-color:#f4f5f6; padding:10px 25px}
.nav-sidebar li > a:hover {background-color:#e5e6e7}
.nav-sidebar li.active > a {	background-color:#e5e6e7;}

.step-container {margin-top:135px}
.step-pad {text-align:left; padding-left:40px;}

.active-txt {font-size:1.2em}
.col-shadow {padding:30px 15px}
.step02, .step02_lg, .step03 {background:url(../images/fr_arrow.png) center right no-repeat #0099A8;}

.prubsnlink {text-align:left}

.footer-space {clear:both; margin-bottom: 120px;}
.footer {height:89px}
.footer-main .col-md-6, .footer-sub .col-md-6 {text-align:center; font-size:1.1em}
.footer-main li:before, .footer-sub li:before{padding-right:4px;}


}

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

.wrapper {width:100%;}

#bg-home {
background:url(../images/mobileBG.jpg) no-repeat top center;
height:100%!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.navbar-default .navbar-collapse  {border-top:solid 1px #eb1c24!important; float:left; margin-top:10px;}
.navbar-default a.navbar-brand {display:block; margin:0 auto; float:none; text-align:center}

.bg-login {background-color:rgba(255,255,255,0.8)}
.login-window {margin-left:0!important; padding-top:160px; padding-left:20px; padding-right:20px}
.login-window .lw-pad {padding:3em 2.1em 2.5em 2.1em }
.login-window .reg-pad {padding:3em 0 2em 0}
.login-window h5 {font-size:1em}
.login-window li {font-size:.9em!important}
.m-form {height:55px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:0}
.m-input {height:55px; padding:10px 16px; font-size:17px; line-height:1.3333333}
.m-login-btn {height:55px; padding:15px 16px; font-size:18px; line-height:1.3333333}
.m-reg-btn {width:100%!important; height:50px; padding:15px 16px; font-size:18px; line-height:1.3333333}
.m-btn {height:50px; padding:12px 10px; font-size:17px; line-height:1.3333333}

.navbar-custom-sub svg {width:245px; height:auto}
.navbar-custom-sub .collapse .navbar-nav > li > a:hover {background-color:rgba(255,255,255,0.20); color:#fff}
.navbar-custom-sub h2 {float:none; display:block; padding:0 0 10px 30px; margin-bottom:0px; font-size:1.2em}
.navbar-custom-sub h2.profile-page {display:none}
.sub-links > li > a:after {content: " "; padding: 0}
.sub-links  > li > a  {padding: 10px 10px 10px 30px }

.navbar-collapse.profile-collapse {margin-top:27px;}

.profile-nav {height:45px; margin-top:-7px;}
.profile-nav li > a {padding: 13px 10px 15px 10px; font-size: 12px; color: #fff;}
.profile-nav .navbar-nav li {float:left; }
.profile-nav form {display:none;}

.subprofile {background-color:#f4f5f6!important; background:none; min-height: 40px; padding:0; width:100%}
.subprofile .container {padding:0; margin:0}
.subprofile ul {margin:0; padding:0; width:100%; border:solid 0px #000; float:left}
.subprofile li {display:block; margin:0; padding:0;}
.subprofile li > a {padding:10px 15px; color: #666; display:block; border-bottom:solid 1px #fff; font-size:.85em}
.subprofile li > a:hover {background-color:#e5e6e7}
.subprofile li.active > a {	background-color:#e5e6e7;}

table.cert-table {margin-bottom:-10px;}
.cert-table td { text-align:left; margin-bottom:-10px;}
.cert-table td:nth-child(even){margin-bottom:10px}

.step-container {margin-top:110px}
.step-pad {text-align:left; padding-left:30px;}

.active-txt {font-size:1.2em}
.col-shadow {padding:30px 15px}
.step02, .step02_lg, .step03 {background:url(../images/fr_arrow.png) center right no-repeat #0099A8;}

.cert-space {margin-top:0}
.cert-pad {margin:0; padding:0; margin-bottom:20px;}
ul.nav-sidebar {margin:0; padding:0; width:100%}
.nav-sidebar > li > a {background:none; border-bottom:solid 1px #fff; background-color:#f4f5f6; padding:10px 25px}
.nav-sidebar li > a:hover {background-color:#e5e6e7}
.nav-sidebar li.active > a {	background-color:#e5e6e7;}

.prubsnlink {text-align:left}

.footer-space {clear:both; margin-bottom: 100px;}
.footer {height:85px}
.footer-main .col-md-6, .footer-sub .col-md-6  {text-align:center; font-size:1em}
.footer-main li:before, .footer-sub li:before {padding-right:4px;}


}