﻿/* FOR MAIN */
body {margin: 0;padding: 0;background-color: #fff;font-family: 'Roboto', sans-serif;}
@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}

/*Header*/
.header-main {z-index: 9;height: 110px;background:#075794;vertical-align: middle;}
#logo {width: 192px;margin-left: 0px;}
#logo img {width: auto;margin-top: 15px;max-height: 80px;z-index: 9;display: block;position: absolute;}
.logo {margin: 0;margin-right: 0px;margin-left: 0px;line-height: 1;}

#logosub {width: 192px;margin-left: 0px;}
#logosub img {width: auto;margin-top: 3px;max-height: 75px;z-index: 9;display: block;position: absolute;}

.header-main img{width: auto;max-height: 90px;margin-top: 0px;}
.header-main ul{display:inline-block;margin-left: 0;position:absolute;}
.flex-main {float: right;width: 100%;max-height: 100%;margin-left: auto;display: inline-flex;}
.flex-left {color: #075794;font-size: 18px;font-weight: bolder; margin-right: auto;margin-left: 60px;margin-top: 30px;z-index:99; }
.flex-right {margin-left: auto;display: inline-block;width:40%;text-align: right;padding-top:10px;}
.flex-right .searchbox {border: 1px solid #ccc; border-radius:5px;font-size: 12px;padding:3px; margin-top: 15px;}

/* Mobile menu */
.header-mobile{height:60px;display:block;position: relative;padding: 3px 5px 3px 5px;background:#075794;}
.header-mobile .logomobile {height:100%;}
.header-mobile .logomobile img{margin-top:0px; padding:3px;vertical-align:middle; height:55px !important;}
.header-mobile .logomobile .header-left {margin-right: auto;margin-left: 0px;}
.header-mobile .logomobile .header-right {margin-left: auto;display: inline-block;width:70%;text-align: right;}
.header-mobile .logomobile .header-right img{margin-top:0px; padding:3px;vertical-align:middle; height:28px !important;}

.menu-mobile{}
.btn-mn-open:focus,
.btn-mn-open:active,
.btn-mn-open:hover,
.btn-mn-open{position: absolute;max-height:40px;right: 10px;top: 50%;margin-top: -18px; display: block;color: #fff; border: 2px solid rgba(252,253,253,1);;padding:  5px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.menu-mobile-wrap{display: none;position: absolute;top: 100%;width: 97%;z-index: 21;background-color: #f7930ec9;margin-right:3px;}
.menu-mobile-wrap ul{list-style: none;white-space: normal;padding: 20px 0px 10px 10px;margin: 0;}
.menu-mobile-wrap ul > li{display: block;float: left;width: 50%;box-sizing: border-box;padding: 5px 10px 5px 0px;}
.menu-mobile-wrap ul > li a{color: #fff;display: block; height: 100%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;padding: 5px 10px;font-family: "Roboto";transition: all 0.2s;overflow: hidden;font-weight:bold; }
.menu-mobile-wrap ul > li a:before{/*content: "\f138";*/font-family: FontAwesome;margin-right: 5px;color: #FFEC8A;transition: all 0.2s;}
.menu-mobile-wrap ul > li:hover a:before{color: #F43E41;}
.menu-mobile-wrap ul > li.bthomelink a,
.menu-mobile-wrap ul > li a:hover,
.menu-mobile-wrap ul > li a:active{color: #e8a853c9;display: block;height: 100%;background-color: #fff;}
.menu-mobile-wrap ul > li.home-link{width: 100%;text-align: center;	font-size: 18px;}
.menu-mobile-wrap ul > li.home-link a:before{content: "";margin-right: 0;}
.menu-mobile-wrap ul > li.home-link a i{color: inherit;}
.menu-mobile-wrap ul > li.home-link a{border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;background-color: #fff;color: #ff0404;}

/*Menu header*/
.header-bottom {z-index: 3;position: relative;min-height: 30px;color: #fff; background-color: #428bca;transition: background-color 0.2s; vertical-align:central; }
.flex-menu {float: left;}
#scroll_menu {margin-top: 20px;text-align: right;font-weight: 500;}
.navbar-default {padding: 7px 0px 0px 0px;line-height: 25px;display: inline-block;background-color: transparent;}
#menu-main-menu {display: inline-block;}
#menu-main-menu li a {color: #fff;padding: 2px 5px;margin-right: 10px;line-height: 25px;font-size: 13px;} /*text-shadow: rgb(0, 0, 6) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;}*/
#menu-main-menu li a i {color: #fff;padding: 0px 2px;padding: 0px;border: none;}
#menu-main-menu > li > a:hover {font-weight: bold;color: #f2d917 !important;}

#menu-main-menu li:hover ul {height: auto;display: block;opacity: 1;padding: 5px;box-shadow: 0 0 18px 0px rgba(0,0,0,.13);border-bottom: 1px solid rgba(0,0,0,.1);border: none;border-radius: 0;}
.dropdown-submenu {position: relative;background-color: #075794;color:#fff;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;visibility: hidden;}
.dropdown-menu li {border-bottom: solid 1px #fff;transition: background-color 0.2s;text-align: left;}
.dropdown-menu li:hover {border-bottom: 1px solid #f2d917;color:#f2d917;}
.dropdown-menu li a {color: #fff;padding: 5px !important;font-size: 12px;}
.dropdown-menu li a:hover {color: #f2d917; !important;background-color: transparent;}
.dropdown-submenu:hover > ul {visibility: inherit;}

.flex-menu-right {float: right;}
.flex-menu-right li {list-style:none; display:inline-block; padding:10px 3px; }

/*Barhead*/
.barhead {z-index:99;width: 100%;color: #007dc6;font-size: 11px;min-height: 38px !important;background-color: #F2F4F7 !important;}


/*Footer*/
.footer {color: #fff;line-height: 1.6em;min-height: 210px;position: relative;background:#075794;text-shadow: rgba(0, 0, 6, 0.40) 0px 1px 1px;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 80% 50% 0px;}
.footer h3 {color: #fff;margin: 0 0 .5em;font-size: 1.0em;font-weight: 500;padding-bottom: 15px;}
.footer h5 {color: #fff;font-size: 1.3em;}
.footer p {color: #fff;height: 100px;font-size: 14px;text-align: justify;}
.footer p a {color: #fff;}
.footer p a:hover {color: #f8dd79;text-decoration: none;}
.footer img {width: 50px;height: 50px;padding: 5px;}
.footer_list {padding: 0px;list-style: none;display: inline-grid;margin-bottom: 1.5em;}
.footer_list li {padding: 3px 0px;float: left;width: 100%;}
.footer_list li a {color: #fff;text-decoration: none;transition: color .2s;}
.footer_list li a:hover {cursor: pointer;color: #f8dd79;text-decoration: none;}
.footer_title_list {font-size: 15px;font-weight: 600;padding-top: 20px;margin-bottom: 0px;text-transform: uppercase;}
.footer_bottom {color: #999;padding: 0px;text-align: center;padding: 7px 0 10px;}
.footer_copy {min-height: 30px;position: relative;background:#075794;color: #fff;line-height: 1.6em;padding-top:20px;}
.footer_copy a {color: #eee;}
