body{ margin:0px; padding:0px; font-family: 'Roboto Slab', serif; font-size:12px; color:#fff; font-weight:normal; width:100%; /*background:#fff url(../images/body_bg.jpg) no-repeat center 110px; */ background-size:100%;}
img{ border:none;}
a, a:hover{ text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,dfn,em,ul,li,kpd,ol,div,header,footer,nav,article,aside,nav,section{ margin:0px; padding:0px; font-style:normal; font-weight:normal;}
.clr{clear:both;}
.fleft{float:left;}
.fright{float:right;}
header,footer,nav,article,aside,nav,section{display:block;}
/*---------- header css start----------*/
.tboh_header{margin:0; width:100%; padding:0px;}
.header_top{margin:0 auto; width:1000px; padding:0px;}
.tboh_logo{ width:auto; float:left; margin:0px; padding:1em 0;}
.tboh_logo img{ border:none; margin:0px; padding:0px;}
.cnt_us{ margin:0px; float:right; width:50%;  padding-top:1em;}
.cnt_us span{margin:0px; float:right; width:100%;font-size:16px;padding:3px 0 3px 0px; color:#1e417c; text-align:right;}
.cnt_us span img{ border:0px; padding-right:6px; vertical-align:middle;}
.cnt_us span a{ color:#1e417c;}
.cnt_us span a:hover{ text-decoration:underline;}
.header_nav{margin:0; width:100%; padding:0px;  background:#1e417c;}
.tboh_nav {width:1000px;margin:0px auto; padding:0px; background:#1e417c;}
.tboh_nav ul{ float:left; list-style-type:none; margin:0px; padding:0px; width:65%; }
.tboh_nav ul li{padding:0px; float:left; margin:0px;  border-right:1px solid #132d58;}
.tboh_nav ul li a{ padding:0.8em 1.5em;  float:left; color:#fff; font-size:14px;  margin:0px; text-transform:uppercase; }
.tboh_nav ul li a:hover ,.tboh_nav ul li a.selected { background:#e3ae36; color:#000000;}
/*---------- Container part css start----------*/
.tboh_container{margin:0; width:100%; padding:0;background:#071523 url(../images/body_bg.jpg) no-repeat center top;background-size:100%;}
.content_pannel{margin:0 auto; width:1000px; padding:0px;}
.wel_box{ float:left; width:100%; text-align:center; margin:0px; padding:1em 0 1.5em;}
.wel_box h1{ float:left; width:100%; text-align:center; margin:0px; padding:20px 0px 30px; font-size:25px; color:#fff; text-transform:uppercase; text-shadow: 0 2px 2px #221f1f;}
.wel_box h1 em{ font-size:40px;}
.map_content_box{ float:left; width:100%; text-align:center; margin:0px; padding:1.5em 0em; font-size:20px; color:#fff;}
.map_content_box em{ font-size:40px; background:#e3ae36; border-radius:10px; padding:0px 4px;}
.map_content_box dfn{ font-size:28px; color:#e3ae36;}
.map_box{ float:left; width:100%; text-align:center; margin:0px; padding:0em 0em 1em; font-size:20px; color:#fff;}
.map_content{ float:left; width:100%; text-align:center; margin:0px; padding:0em 0em 1.5em;}
.map_content p{ float:left; width:100%; text-align:center; margin:0px; padding:0em 0em 1.5em; font-size:18px; color:#fff;}
.map_content p dfn{ font-size:22px; color:#e3ae36;}
.middle_pannel{margin:0; width:100%; padding:0;background:#091a2a url(../images/mid_bg.jpg) no-repeat center bottom; background-size:100%;background-attachment: fixed;}
.middle_pannel_box{margin:0 auto; width:1000px; padding:0px;}
.middle_pannel_box h2{ float:left; text-align:center; font-size:28px; color:#fff; width:100%; padding:1.2em 0;font-weight:normal;}
.middle_pannel_box ul{ float:left; list-style-type:none; margin:0px; padding:0 0 3em; width:100%; }
.middle_pannel_box ul li{padding:20px 0px; float:left; margin:0px; width:48%; text-align:center; font-size:16px;}
.middle_pannel_box ul li em{ float:left; width:auto; text-align:center;padding:25px; background:#fff; border-radius:100px; cursor:pointer; transition: all 0.5s ease 0s;}
.middle_pannel_box ul li em code{ float:left; width:62px; height:62px; text-align:center;padding:0px; background:url(../images/fea_sprite.png) no-repeat;transition: all 0.5s ease 0s;}
.middle_pannel_box ul li em code.one{ background-position:-1px -2px;}
.middle_pannel_box ul li em code.two{ background-position:-216px -2px;}
.middle_pannel_box ul li em code.three{background-position:-301px -2px;}
.middle_pannel_box ul li em code.four{background-position:-137px -2px;}
.middle_pannel_box ul li em code.five{background-position:-69px -2px;}
.middle_pannel_box ul li dfn{ float:right; width:70%; text-align:left;padding-top:30px; padding-right:10px;}
.middle_pannel_box ul li em:hover{background-color:#e3ae36;}
.middle_pannel_box ul li em:hover code.one{background-position:-1px -74px;}
.middle_pannel_box ul li em:hover code.two{background-position:-216px -74px;}
.middle_pannel_box ul li em:hover code.three{background-position:-301px -74px;}
.middle_pannel_box ul li em:hover code.four{background-position:-137px -74px;}
.middle_pannel_box ul li em:hover code.five{background-position:-69px -70px;}
.bottom_pannel{margin:0; width:100%; padding:1em 0;;background:#e3ae36}
.reg_now_box{margin:0 auto; width:1000px; padding:0px 0 2em; background:#e3ae36; text-align:center;} 
.reg_now_box p{margin:0; width:80%; padding:1em 10%; text-align:center; color:#000000; font-size:20px;}
.reg_now_box a{margin:0;padding:13px 20px; text-align:center; color:#fff; font-size:24px; text-transform:uppercase; background:#132a50; border-radius:10px;transition: all 0.5s ease 0s;}
.reg_now_box a:hover{background:#fff; color:#19376a;}
/*---------- footer css start----------*/
.tboh_footer{margin:0px; width:100%; padding:0; background:#ffffff;}
.footer_nav{margin:0px auto; width:1000px; padding:10px 0px; background:#ffffff;}
.footer_nav p{ text-align:left; color:#fff;padding:10px 0; font-size:11px; float:left; width:60%; }
.footer_nav p a{ color:#353535; margin:0px 2px; }
.footer_nav p a:hover{ text-decoration:underline;}
.footer_nav span{ float:right; width:100%; color:#353535; font-size:12px; text-align:center; padding:10px 0; }



/* responsive Design */
@media all and (min-width:320px) and (max-width:480px){
.header_top{ width:100%;}
.tboh_nav {width:100%;}
.content_pannel{width:100%;}
.middle_pannel_box{width:100%;}
.reg_now_box{width:100%;}
.footer_nav{width:100%;}
.map_box img{ width:100%;}
.tboh_logo{ width:100%; text-align:center;}
.cnt_us{ width:100%; text-align:center;padding-bottom: 1em;}
.cnt_us span{ text-align:center;}
.tboh_nav ul{ width:100%;}
.middle_pannel_box ul li{padding: 0px 16px; width: 40%;min-height: 300px;}
.middle_pannel_box ul li dfn{ width:100%; text-align:center; padding-right:0px;}
.map_content p{ width:94%; text-align:center;}
}

@media all and (min-width:481px) and (max-width:600px){
.header_top{ width:100%;}
.tboh_nav {width:100%;}
.content_pannel{width:100%;}
.middle_pannel_box{width:100%;}
.reg_now_box{width:100%;}
.footer_nav{width:100%;}
.map_box img{ width:100%;}
.tboh_logo{ width:100%; text-align:center;}
.cnt_us{ width:100%; text-align:center;padding-bottom: 1em;}
.cnt_us span{ text-align:center;}
.tboh_nav ul{ width:100%;}
.middle_pannel_box ul li{padding: 0px 16px; width: 40%;min-height: 300px;}
.middle_pannel_box ul li dfn{ width:100%; text-align:center; padding-right:0px;}
.map_content p{ width:94%; text-align:center;}

}
@media all and (min-width:601px) and (max-width:768px)
{
.header_top{ width:100%;}
.tboh_nav {width:100%;}
.content_pannel{width:100%;}
.middle_pannel_box{width:100%;}
.reg_now_box{width:100%;}
.footer_nav{width:100%;}
.tboh_nav ul{ width:100%;}
.middle_pannel_box ul li{padding: 0px 16px; width: 40%;min-height: 300px;}
.middle_pannel_box ul li dfn{ width:100%; text-align:center; padding-right:0px;}
.map_content p{ width:94%; text-align:center;}
.middle_pannel_box ul li em{margin-left: 29%;}
}

@media all and (min-width:769px) and (max-width:1024px){
.header_top{ width:100%;}
.tboh_nav {width:100%;}
.content_pannel{width:100%;}
.middle_pannel_box{width:100%;}
.reg_now_box{width:100%;}
.footer_nav{width:100%;}
.middle_pannel_box ul li em{margin-left: 29%;}


}