.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span > a{color: #FFFFFF}
.navbar-default{background-color:#fff; margin-top: 15px;}
.clearfix::before, .clearfix::after { content: ""; display: table; height: 0; }    

#nav{border-top: 1px solid #E5E5E5; border-bottom: 4px solid #f06292;}
.globalnav { text-align: center; letter-spacing: -4em;  padding-left: 0; margin-bottom: 0}
.gnav-nest-parent { position: relative;}
.globalnav li {display: inline-block; font-size:16px; padding: 20px; font-weight: bold;  position: relative; letter-spacing:0; }
.globalnav li a {transition: 0.3s;}
.globalnav li:hover a{color: #c04483;}
.gnav-nest{position:absolute; display:none;background: #303f60; top:60px; left:-13px;margin:0 0 0 23px; padding:13px 0; box-shadow:2px 5px 10px rgba(0,0,0,0.25); z-index: 1;}
.gnav-nest:before{content: ''; border-right: 10px solid transparent; border-bottom: 15px solid #303f60; border-left: 10px solid transparent;  position: absolute;  top: -10px; left: 23px;}
.gnav-nest li{padding: 0;text-align: left;display: block; width: 180px;}
.gnav-nest li a{display: block;width: 100%;height: 100%;padding:6px 25px;color: #fff !important; font-weight: normal;}

.gnav-nest li a:hover{ text-decoration: underline; background: #445270 }

@media screen and (min-width:767px) {
    .gnav-nest-parent:hover .gnav-nest{display: block;}
}


.nav-unshown { display: none; }

 

.top-right > p{padding-top:42px; text-align:right;}  

.in-top-right{text-align: right;}
.in-top-right .banner{ margin-top:45px;}

header.padding-y-25{padding-top:0;}
.top-text{padding-top: 5px;  font-size: 14px; padding-left: 25px;}
.top-text h1{font-size: 14px; margin: 0}

header{padding-top:0; padding-bottom: 0}

@media screen and (min-width:768px){
   
    .globalnav > li {padding: 20px 0; font-size:12px; width: 11%  !important; display: block;float: left;}
    .globalnav > li:hover{}
    .top-right > p{ padding-right: 15px;}

}

@media screen and (min-width:992px){
    .globalnav{display: flex; justify-content: space-between;}
    .globalnav > li {padding: 20px 0; font-size:14px;}
    .top-right > p{ padding-right: 15px;}
}

@media screen and (min-width:1200px){
    .globalnav{display: flex; justify-content: space-between;}

    .globalnav > li {padding: 20px 0; font-size:14px;}
    .top-right > p{ padding-right: 15px;}
}

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

    header .left{margin-bottom:0;}
    header .logo img{height:62px;}

    .logo img{margin-top:-10px;margin-bottom: 10px;} 

    #nav{border-top:none; border-bottom:none}

    #nav-open {display: inline-block;  width: 30px; height: 22px; vertical-align: middle; position: absolute; left: 12px; top: 10px; cursor: pointer;}
    #nav-open span, #nav-open span::before, #nav-open span::after {position: absolute; height: 2px; width: 25px;
        border-radius: 2px;  background: #555;  display: block; content: ''; cursor: pointer;
    }

    #nav-open span::before {bottom: -8px;}
    #nav-open span::after {bottom: -16px;}

    .top-right{ background-color: #1b273f !important;}
    .top-right > p{padding:8px 0 2px 0; margin: 0;text-align:center;} 
    .top-right > p > a{padding-left: 15px; padding-right: 15px}
    .top-right > p > a > i{ color: #fff}

    .navbar{min-height: 0;margin-top: 0;}            
    #nav-content {overflow:auto; position:fixed; top:0;right:0;z-index:9999;width:72%;max-width:300px;height:100%;background:#fff;transition:.3s ease-in-out;-webkit-transform:translateX(105%);transform: translateX(105%);}
    #nav-close {display: none;position: fixed; z-index: 99;top: 0;left: 0;width: 100%; height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;}
    
    #nav-input:checked ~ #nav-close, .nav-close{display: block; opacity: .5;}
    #nav-input:checked ~ #nav-content,.nav-close{-webkit-transform: translateX(0%);transform: translateX(0%);box-shadow: 6px 0 25px rgba(0,0,0,.15);}
    
    .globalnav{ border-bottom: 0; padding-left: 0;}
    .globalnav li{display: block; text-align: left; border-bottom: 1px solid #d7d7d7; padding:0;border-bottom:0}

    .globalnav >li > a{ padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #d7d7d7; display: block; line-height: 42px; height: 42px; font-weight:600; color:#303f60}
    .globalnav >li > a > i{line-height: 42px; height: 42px;}

    .gnav-nest:before {content: ''; border-right: none; border-bottom: none; border-left: none; position: relative; top:0; left:0;}
    
    .gnav-nest{position: relative; display:block; background-color: #fff; box-shadow:none; top:0; width: 100%; left:0; margin-left:0;padding:5px 0; background-color: #fbfbfb}
    .gnav-nest li{width:48%; display:inline-block; padding:0; }
    .gnav-nest li a{color:#444 !important; display:block; padding:0 0 0 25px;line-height: 38px; height: 38px; font-size: 14px;}

    .gnav-nest li a:hover{ text-decoration: underline; background: #fff }

    /*
    .gnav-nest-parent:hover .gnav-nest{display: none;}
    .gnav-nest-parent.gnav-nest-other:hover .gnav-nest{display: block;}    
    */    
    
    .gnav-nest li{border-bottom: 1px solid #eee;}
     
    .in-top-right{background-color: #1b273f !important;}
    .in-top-right .banner{ margin:8px 0 2px 0; text-align: center}
    .in-top-right .banner a{color: #FFFFFF}
    header.padding-y-25{               
        /*position: fixed;
          border-top: 4px solid #c04383;        
         */
        background: #fff;
        z-index: 999;
        /*box-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
     }

     header { padding-bottom: 10px;}
     .top-text{background: #f8f8f8;line-height: 1.3em; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-size:12px; margin-bottom: 15px; padding-top:5px;padding-bottom:5px;padding-left: 5px; /*font-weight: bold;*/ color: #1b273f ;}
}