*{box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;}
body
{
overflow-x:hidden;
width:100%;
font: 15px "Century Gothic", "Times Roman", sans-serif;
background:#eee;
min-height:550px;
background-attachment:fixed;
}
.bg
{
min-height:540px;
}
.bg1
{
background:url(../image/bimexam-bg.jpg);
min-height:100vh;background-size:cover;
}
.bg1:before {
    content: '';
    display: block;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

@font-face {
   font-family: 'typo';
    src: url('../fonts/typo.ttf');
	}

@font-face {
   font-family: 'gothic';
    src: url('../fonts/gothics.ttf');
	}

.panel{
border-color:#eee;
margin:0px;
padding:0px;
font: 15px "Century Gothic", "Times Roman", sans-serif;float: left;
    width: 100%;
}

.title
{
font-family:'typo';
}

.header
{
background:#202020;
height:70px;
}
.logo
{
font-family:'typo';
font-size:35px;
color:#ffbb33;
margin:9px auto;
display:inline-block;
}

.title1{
font: 16px "Century Gothic", "Times Roman", sans-serif;
}
.title2{
font-family: 'Ubuntu', sans-serif;
font-size:20px;
}


.sub1
{
width:90px;
color:#202020;
background:orange;
font-size:15px;
height:35px;
line-height: 35px;
margin:20px;
padding:0 10px;
width:100px;
}


.sub
{
width:100%;
background-color:#9acd32;
font-size:20px;
padding:2px;
margin-top:15px;
margin-right:20px;
}
.sub:hover
{
color:#fff;
}

.footer
{
font-size:15px;
text-align:center;
border-top:1px solid;
border-color:#323232;
background-color:#202020;
}
.footer a
{
margin:25px;
color:orange;
text-decoration:none;
font: 15px "Century Gothic", "Times Roman", sans-serif;

}
.footer a:hover
{
text-decoration:none;
color:#9acd32;
border-top:2px solid;
border-color:orange;

}

.box
{
padding:9px;
}
hr{
color:#000000;
}
.top
{
margin-top:20px;
}
.log1
{
font: 15px 'Ubuntu', sans-serif;
color:orange;
margin-left:10px;
}

.log
{
margin:10px;
margin-right:60px;
margin-left:5px;
color:orange;
text-decoration:none;
font-size:20px;
font-size:15px;
}
.log:hover
{
color:#9acd32;
border-top:2px solid;
border-color:orange;
text-decoration:none;
}
span.pull-right.top.title1 {
    margin-top:25px;
}
}

tr.headtag td {
    background: #bb8106;
    color: #ffffff;
}
body, html {
    height: 100%;
    overflow-x: hidden;
}
            .pagetoppart {
    position: relative;
    min-height: 100%;
    padding-bottom: 70px;
}
.footer {position: absolute; bottom: 0;width:100%; left:0; right:0; margin:0px auto;}

/*homepage css*/
.contactbox{float:left;width:100%; padding-left: 0px;}
.contactbox ul{margin:0;padding:0;list-style-type:square;}
.contactbox ul li{float:left;width:100%;margin:0px 0 15px;padding:0;}
.contactbox ul li .iconbox{float:left;font-size:24px;margin:3px 15px 0 0;color:#0173c3;}
.contactbox ul li .iconvalue{float:left;}
.iconvalue label{font-size:16px;font-weight:500;color:#2e3d48;text-transform:uppercase;margin:0;padding:0;line-height:20px;}
.iconvalue p{margin:0;font-weight:300;font-size:16px;color:#7b7b93;

}
.contactbox ul li.office-address .iconbox{font-size:30px;margin-right:10px;}
.contactbox ul li.call-address .iconbox{transform:rotate(100deg);}
.logoimg{padding:12px 0;float:left;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;}
.logoimg img{width:auto;height:auto;max-width:100%;}
.mt15{margin-top:15px  !important;}
.mb15{margin-bottom:15px !important;}
.mr15{margin-right:15px  !important;}
.ml15{margin-bottom:15px !important;}
.boxspacer20{float:left;width:100%;height:20px;}
/*homepage css*/
.usertablebox {
    width: 100%;
    overflow: auto;
}
    .usertablebox table {
    width: 100%;
    
}

@media only screen and (max-width:991px){
/*    .panel {margin: 15px 40px;}    */
}

@media only screen and (max-width:767px){
    .log{margin-right:15px;}
    span.pull-right.top.title1 {margin-right: 15px;}
    
}
@media only screen and (max-width:640px){
.tablebox {
    float: left;
    width: 100%;
    overflow: auto;
}
    .tablebox table {
    width:600px;
    max-width: 100%;
}

    }
@media only screen and (max-width:550px){
.header {
    height: auto;
}
span.pull-right.top.title1 {
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 14px;
    float: none !important;
    display: inline-block;
    width: 100%;
    text-align: center;
}
    .header .col-xs-3 {
    width: 100%;
    text-align: center;
}
.footer a {
    text-align: center;
    margin: 0;
}
    
}
#countdown {
    font-weight: 700;
}