@charset "utf-8";
/* CSS Document */
html body{ color:#333 !imporant; font-family: 'Roboto', sans-serif}
.header{ background-color:#FFF!important; padding:1% 0%}
.i{ background:url(../images/Untitled-2.png);  -webkit-background-size:cover}
.b-caption{ font-size:24px; color:#fff!important}
.header h2{ color:#050a4b; font-size:30px; font-weight:400; line-height:100%}
.header p{ color:#090101; font-size:12px; font-weight:300}
.white{ background-color:#FFF}
.gry{ background-color:#f1f1f1}
.gray{background-color:#f5f5f5}
.box, .box1{width:100%; padding:25px 0 0 0;}
.box1 h4{text-align:left;margin:8px 0 15px 0;border-bottom: 4px solid yellow;padding-bottom:10px;padding: 10px;background: #0ab1b1;color: #FFF !important;}
.line{ border-bottom:1px solid #CCC}
h4{ color:#1e56be!important; font-size:18px!important}
.newsbox2{width:80%;height:40px;background-color: #ffffff;padding: 2%;float:left;color: #000;/* border: 2px solid green; */}
.newsbox1{width:20%;/* height: 47px; */background-color: #0ab1b1;font-size: 16px;padding:1%;text-align:center;float:left;color:#FFF;}
.highlights{border:1px solid #ddd; padding:0 0 10px 0; background-color:#FFF;}
.highlights h4{color:#1e56be!important;font-size:18px!important;padding:0;margin-top:15px;border-bottom: 4px solid yellow;padding-bottom:10px;background: #0ab1b1;color: #FFF !important;padding: 10px;}
.highlights p{ color:#000!important; font-size:13px!important; padding-bottom:3%; border-bottom:1px dotted #CCC; text-align:left}
/*.announcements, .announcements2{  padding-top:2%; border-bottom:1px solid #CCC; padding-bottom:2%}
.announcements, .announcements2 p{ color:#000; line-height:20px; text-align:left}
.announcements2{ padding-bottom:82px}*/
.m-t{ margin-top:6%}
.footer{background-color: #0e0e0f;text-align:center;padding: 6px 0;color:#FFF;float:left;width:100%;font-size:12px;line-height:14px;}
.vticker{width:auto; height:130px; overflow:hidden; min-height:130px; margin-bottom:10px}
.vticker ul{padding:0}
.vticker li{list-style:none; padding:5px 0}
.content-body{padding:20px 50px !important; color:#333}
.content-body b,.content-body strong{color:#333 !mportant}
h1{font-size:25px !important; color:#069 !important; margin-bottom:25px!important}
.bottom-menu li{line-height:22px}
.bottom-menu{padding:20px 50px 30px 50px;background-color: #0e0e0f;color:#FFF;margin:0;font-size:14px;color:#bbb;}
.bottom-menu h3{font-size:18px; font-weight:normal; margin:10px 0 20px 0; color:#fff}
.bottom-menu a:hover{text-decoration:underline; color:#bbb}
.bottom-menu a:visited{color:#bbb}
.bottom-menu a:link{color:#bbb}

.bx-card{background-color:#f8f8f8; border:1px solid #ddd; float:left; padding:10px 0; width:100%; margin-bottom:25px}
.head-bg1{background-color:#069; padding:4px 10px; color:#FFF; display:inline-block; margin-bottom:5px}
.head-bg2{background-color:#09C; padding:4px 10px; color:#FFF; display:inline-block; margin-bottom:5px}
.head-bg3{background-color:#fff; padding:4px 10px; color:#666; display:inline-block; margin-bottom:5px; border:1px solid #CCC; font-size:.8em; text-align:center}
.bx-card img{border:1px solid #ddd;}
@media only screen and (max-width: 768px){.newsbox1{ width:100%;}.newsbox2{ width:100%}.header h2, p{ text-align:center} .bx-card {text-align:center}}
@media only screen and (max-width: 640px){.header h2 p{ text-align:center;!important}}
@media only screen and (max-width: 320px){.header h2{ font-size:23px} .header p{ font-size:9px}}