*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

body{background:#f2f2f2;margin:0;font-family:"Gotham SSm A","Gotham SSm B",Helvetica,Arial,sans-serif;min-width:320px;overflow-x:hidden}



/*FONT*/



/*General*/

h1 { font: bold 30px/35px Roboto Slab, serif;  color:#bc251d;     font-size: 46px;

    font-family: 'Roboto Slab', serif;

    font-weight: 300;

    line-height: 1.2em;

    text-transform: uppercase;

    overflow: visible;

    margin: 25px 0 20px 0;

}

h2 { font: bold 36px/36px Roboto Slab, serif;  color:#bc251d; }

h3 { font: bold 20px/24px Roboto Slab, serif;  color:#545454; }

h4 { font: normal 14px/20px Fjalla One;  color:#545454; }

h5 { font: normal 16px/18px Roboto Slab, serif;  color:#545454; }

h6 { font: normal 12px/18px Fjalla One;  color:#545454; }

body { font-weight: normal; padding-top:130px;}

strong{font-weight:inherit; color:#bc251d;}

.logo_h__txt, .logo_link { font: normal 42px/42px Satisfy;  color:#ef543b; }

.sf-menu > li > a { font: bold 16px/18px Fjalla One;  color:#c1bfbd; }

.nav.footer-nav a { font: normal 14px/21px Roboto Slab, serif;  color:#ffffff; }



p{line-height:1.8em;}

a{word-wrap:break-word;}

.clearfix{clear:both;}

.row{margin-left:0px;}

h5{font-weight:300;}

hr{border-bottom:none; border-top:1px solid #ddd;}





h1{margin:20px 0 10px;}

ul{list-style-type:none;margin:0;padding:0}

ul li{margin:0; padding:0;}

a{  text-decoration:none; cursor: pointer}

a:hover{ }

img{border:0;}

form{margin:0;}

.hidden{display:none;opacity:0}

.msg{color:#f00;margin-bottom:15px;}

.msgs{color:green;margin-bottom:15px;}

.req{color:#f00;}

.mo{display:none;}

#container{padding:0;}

.change strong{display:block;}

#sbox #q{margin-left:5px;}

.text-green{color:green;}

.text-red{color:red;}

.text-orange{color:orange;}

.text-gray{color:gray;}

.go-top,.download-link{text-decoration:underline;color:#757575}



/*clear*/

.clear:before,.clear:after {content:' ';display:table;}

.clear:after{clear:both;}

.clear{*zoom:1;}





/*body*/

header{border-bottom:7px solid #676465; height:130px; position:fixed; width:100%; top:0px; background-color:#f2f2f2;}

header .container{position:relative;}

header .logo{position:absolute;width:270px;height:160px;text-align:center;z-index:1;  top:16px;}

header .logo img{width:125px;height:125px;margin-top:18px;}

.container{max-width:1200px;margin:0 auto;}

.social-topbar{height:30px;border-bottom:1px solid #dedede}

.contentwrapper{min-height:600px;padding-top:0px;}

footer{min-height:215px;background:#666;margin-top:40px;}





/*nav*/

.nav{height:100px; position:relative;}

.nav ul {display:block; position:absolute; bottom:18px; right:50px; line-height:1.0;margin-left:200px;text-transform:uppercase; font-family:"Fjalla One", sans-serif; font-weight:bold; font-size: 15px; color: #c1bfbd;}

.nav ul li{text-align:center; width:auto; position:relative; float:left; margin-right: 5px;}

.nav ul li a{display:inline-block; color: #c1bfbd; padding:15px;}

.nav ul li a:after{content:''; position:absolute; bottom:0px; left:50%; width:0px; height:2px; background-color:#bc251d; transition:0.4s;}

.nav ul li a:hover:after,.nav ul li.active a:after{width:100%; margin:0px 0px 0px -50%;}





.moduletabs{margin:0px; padding:0px; float:left; clear:none; width:100%;}

.moduletabs .tablinks{margin:0px; padding:0px;}

.moduletabs .tablinks a{position:relative; top:1px; float:left; padding:4px 10px; margin: 0px 1px 0px 0px; font:bold 0.7em sans-serif; background-color:#eee; border:solid 1px #999; border-left:solid 1px #ccc; cursor:pointer; text-decoration:none; display:block;}

.moduletabs .tablinks a.selected{background-color:#fff; border-bottom:1px solid #eee;}

.moduletabs .tabcontents{clear:both; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; border-top:solid 1px #999; border-right:solid 1px #999; background-color:#fff;}

.moduletabs .tabcontent{display:none; font-size:0.7em; padding:10px 4px;}

.moduletabs .tabcontent.on{display:block;}



/*Responsive Table*/

.responsivetable{display:table;width:98%; padding-left:20px;}

.responsivetable > .row{display:table-row;}

.responsivetable > .row > *{display:table-cell;padding:10px;border-bottom:1px solid #c1c0bc;}

.responsivetable > .row:first-child > *{color: #757575;font-weight: bold;}



/*My Courses*/

.one-course, .one-course:visited{display:block;margin:15px 0;padding:5px 15px;border: 1px solid #545454;color:#545454}

.one-course.finished{border-color: #ccc;color:#999;}

.one-course:hover{background: #e0e0e0}





/*Course View*/

.course-basic-info{ background-color:#fff; border:10px solid #bc251d; border-radius:8px; margin:25px 0px; padding:25px;}

.course-basic-info p{margin: 10px 0}

.course-basic-info label{display: inline-block; width: 160px;}

.one-test-score{position:relative}

.test-name,.test-score-table{padding-left:20px;width:98%}



/*Performance Guarantee*/

.guarantee-results{padding: 20px}

.guarantee-results strong{display:inline-block;width:36px;text-align:center}

.guarantee-results .completed{color:#c1c0bc}

.marks {font-weight:900; display:inline-block; margin-right:15px; width:2.2em; text-align:center;}

.guarantee-results table.data_table {}
.guarantee-results table.data_table .table_header{ font-weight: bold; }
.guarantee-results table.data_table td { border: 1px solid black; padding: 5px; }
.guarantee-results table.data_table strong { color: inherit; }
/*Login Page*/

.login-page *{box-sizing:border-box;}

.login-page .msg{text-align:center}

.login-page .input-group{max-width:360px;margin:20px auto;position:relative;text-align:center}



.login-page .input-group input[type="text"],.login-page .input-group input[type="password"]{padding:25px 15px 5px;line-height:30px;height:60px;border:1px solid #c1c0bc;width:100%;font-size:1rem;color:#545454}

.login-page .input-group label{position:absolute;line-height:30px;top:15px;left:10px;transition:0.1s;color:#c1c0bc;font-size:1rem}

.login-page .input-group input:focus ~ label,.login-page .input-group input:valid ~ label{font-size:0.8rem;top:0;color:#545454;}

.login-page .login-button{border:0;padding:10px 15px;background:#bc1c10;color:#fff;font-size:1.2rem;text-transform:uppercase;cursor:pointer}



.parallax-box{display:block; position:relative; margin-bottom:0px; height:292px; z-index:-1;}

.parallax-content{padding:215px 0px 107px 0px; position:relative;}

.parallax-content h1{color:#fff;}

.parallax-bg{width:100%; position:absolute; overflow:hidden; top:0px; height:100%;}

.parallax-img{width:100%;height:955px;margin-top:-191px;position:relative; top:-69px;background-size:cover;background-repeat:no-repeat; background-position:center;}


.instructor { padding: 10px; text-align: center; margin: 0 auto; width: 90%; }

.appoint { text-align: center; }

footer{color:#fff;font-family:'Roboto Slab', serif;font-size:18px;font-weight:300;padding: 46px 0 47px 0;}

footer .contacts {

    font-size: 18px;

    font-weight: 300;

    line-height: 1.2em;

    padding: 0 0 48px 0;

}

.contacts .title {

    font-size: 21px;

    line-height: 1.2em;

    padding-right: 17px;

}

.contacts a{color:#fff;}

.contacts .phone {

    border-right: 1px solid #929292;

    padding: 5px 25px 8px 0;

    margin: 0 25px 0 0;

}



.contacts .phone:before {

    content: '\f095';

    font-size: 24px;

    font-family: FontAwesome;

    padding-right: 4px;

    position: relative;

    top: 5px;

    color: #fff;

}



.contacts .email:before {

    content: '\f003';

    font-size: 24px;

    font-family: FontAwesome;

    padding-right: 7px;

    position: relative;

    top: 2px;

    color: #fff;

}

.contacts .email a:after {

    content: '';

    position: absolute;

    bottom: 2px;

    left: 50%;

    width: 0;

    height: 1px;

    background-color: #fff;

}



.contacts .reset_password {

    border-left: 1px solid #929292;

    padding: 5px 0 8px 25px;

    margin: 0 0 0 25px;

}



.copyright {

    padding: 28px 0 0 0;

    border-top: 1px solid #757575;

}



.copyright .sitename {

    display: inline-block;

    padding-right: 34px;

    margin-right: 19px;

    border-right: 1px solid #929292;

}



.instruction{

	color:#333;

	font-size:0.8em;

	font-style:italic;

	text-align:center;

}



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

	nav{position:absolute; top:145px; left:0; width:100%; height:0px; }

	nav .mo{display:block;position:absolute; top:-145px; right:0; width:85px; height:75px; padding:18px 0 0 0; text-transform:uppercase; font-size:12px;text-align:center; cursor:pointer;}

	nav .mo div{width:35px; height:5px; background:#000; border-radius:2px; margin:0 auto 5px auto;}

	nav .nav{position:absolute; width:100%; right:-100%; height:auto; transition:right 0.5s; z-index:10;}

	nav .nav.on{right:0; }

	.nav ul{right:auto;}

	nav .nav > ul{display:block;margin:0;width:100%; bottom:-90px; }

	nav .nav>ul>li{display:block; background:#fff;height:auto;}

	.nav ul li>a{border-bottom:2px solid #fff;padding-bottom:5px;}

	.nav ul li{width:100%;}

}



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

	header .logo{width:180px;height:120px;}

	header .logo img{width:85px;height:85px;}

	.contentwrapper{padding-top:40px}

	.responsivetable-wrapper{width:100%;overflow-x:scroll}

	.responsivetable{min-width:640px}

	nav{}

}

/* Test Info */

.container.test_info  { padding:20px;margin-top:30px;}

.test_info .accordion li {margin:10px 0px;}
.test_info .accordion li:last-child {margin-bottom:30px;}

.test_info a.accordion-toggle {border-bottom:2px solid #bc251d;color:#bc251d;}
.test_info .course {line-height:2em !important;}
.test_info strong {display:block;line-height:2em;}
.test_info h1, .test_info h2, .test_info h3:first-of-type { text-align: center; }

@media screen and (max-width:1010px) {
.sub-menu{
display:none;
}
}
/* Sub-Menu*/
.sub-menu{
    display: none;
    position: relative;
    top: 46px;
    right:calc(0px - 2.2em) !important;
    width: 10em;
    margin: 0 auto;
    text-align:center !important;
}
.sub-menu, .sub-menu * {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align:center !important;
    min-width:100%;
    background-color: #bc251d !important;
}
.sub-menu li {background-color: #bc251d !important;}
.sub-menu li:first-child {border-top:1px solid #f2f2f2;}
.sub-menu a {color:#fff !important;font-weight:normal;}

.sub-menu li ul {
 width: 175px;
    padding: 23px 0 29px 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
/* Test Info Menu */
ul.test-menu {line-height:2em;font-size:1.2em;}
ul.test-menu a {color:#444;border-left: 4px solid #bc251d;padding-left:10px;}
ul.test-menu a:hover {color:#303030;}


/*countdown*/
#countdown1 .ClassyCountdown-wrapper:first-child { display: none; } 
#countdown1 .ClassyCountdown-value { font-size: 20px !important; }
#countdown2 .ClassyCountdown-wrapper:first-child { display: none; }