/* GLOBAL GATEWAY */

a.global-gateway.analytics-utilitygg-link, a.global-gateway-up.analytics-utilitygg-link {
    outline:0 !important;
    text-decoration: none !important;
}

 a.global-gateway.analytics-utilitygg-link:after {
    color: #fff;
    content: "\e259";
    font-family: "Glyphicons Halflings";
    font-size: 9px;
    font-weight: bold;
    outline:0;
    padding: 0px 3px;
    position: relative;
    text-decoration: none !important;
    top: -5px;
}

a.global-gateway-up.analytics-utilitygg-link:after {
    content: "\e260";
    color: #fff;
    font-family: "Glyphicons Halflings";
    font-size:9px;
    font-weight: bold;
    outline:0;
    padding: 0px 3px;
    position: relative;
    text-decoration: none !important;
    top: -5px;
}

a.global-gateway:hover, a.global-gateway-up {
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-decoration:underline;
}
 
.navTextHighlight {
    border: 1px #b2b2b2 solid;
    border-bottom: 0;
    color: #333 !important;
}

.footer-gg {
    margin-top: 0px;
  }

  /*** skinny styles ***/
  .footer-skinny .footer-gg {
    float: right;
    color: #b2b2b2;
    
}

.footer-skinny .footer-gg a.global-gateway, 
.footer-skinny a.global-gateway.analytics-utilitygg-link:after, 
.footer-skinny a.global-gateway-up.analytics-utilitygg-link:after, 
.footer-skinny a.global-gateway:hover, a.global-gateway-up, 
.footer-skinny a.global-gateway-up  {
    color: #b2b2b2;
}

.footer-skinny .footer-gg .gg-panel {
    top: -385px;
    left: -83px !important;
 }



/*Global Gateway Panel*/

.gg-panel {
    background-color: #fff;
	border-radius: 0px;
    border: 1px solid #ccc;
    border-bottom:none;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    display: none;
    position: absolute;
    top: -452px;
    width: 375px;
    z-index: 9998;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

 .footer .gg-panel .col-xs-6 > ul,
 .footer .gg-panel .col-xs-12 > ul,
  .footer-skinny .gg-panel .col-xs-6 > ul, 
  .footer-skinny .gg-panel .col-xs-12 > ul{
    padding: 10px 0px;
 }

.footer .gg-panel ul  li {
    font-weight: normal;
    text-decoration:none;
    list-style: outside none none;
    padding:5px !important;
}

.gg-panel  ul  li:hover, 
.gg-panel ul li:hover a {
    background: rgb(6, 95, 163) none repeat scroll 0 0;
    color:#fff !important;
    font-weight: normal;
    text-decoration:none;
}

.gg-panel row {
    padding:20px;
}

.gg-panel:after, .agg-panel:before {
	top: 99%;
    right: 39px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.gg-panel:after {
  border-color: rgba(204, 204, 204, 0);
    border-top-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px;
}
.gg-panel:before {
	border-color: rgba(178, 178, 178, 0);
	border-top-color: #b2b2b2;
	border-width: 13px;
	margin-left: -13px;
}

.gg-panel .arrow {
    margin-top: 3px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ccc;
    border-bottom: 0;
    border-style: solid;
    bottom: -10px;
    display: block;
    left: inherit;
    position: absolute;
    right: 40px;
    width: 0;
    height: 0;
  }
 
.gg-panel ul li, .gg-panel ul li a, 
.gg-panel-bottom a  {
    font-size: 11px !important;
    text-decoration: none;
    list-style: outside none none;
    padding: 5px;
    color: #065FA3!important;
  }
.gg-panel ul li:hover, .gg-panel ul li:hover a {
    background: #065fa3 none repeat scroll 0 0!important;
    color: #fff!important;
    font-weight: 400!important;
  }
  
.gg-panel-bottom {
    background: #e7e7e7;
    padding: 5px 15px;
    border-bottom: solid 1px #ccc;
  }



/******TABLET******/
@media (min-width: 768px) and (max-width: 992px) {

.header-skinny .nav > li > a.global-gateway {
    padding-right: 15px !important;
    }
    
.global-gateway span.country, .global-gateway-up  span.country {
     display: inline-block;
     margin-left: 5px;
     max-width: 175px;
     overflow: hidden;
     white-space: nowrap;
     vertical-align: top;
     padding-top: 4px;
     }
     
.footer-skinny .footer-gg .gg-panel {
        top: -385px;
        left: -125px !important;
        margin-left:0;
    }

    /** added so global gateway lines up with social media icons **/
.footer-gg, 
.gg-panel  {
    margin-left: -33px;
}

}


/**X SMALL (phones)*/
@media (max-width: 767px) {
    
    a.global-gateway:active:after{
        color:#fff;
        }
    
    .global-gateway span.country, 
    .global-gateway-up  span.country  {
        display: inline-block;
        margin-left: 5px;
        max-width: 170px;
        overflow: hidden; 
        white-space: nowrap;
        vertical-align: top;
        padding-top: 4px;
        }
    
    .footer-gg {
        position: relative;
        float:left;
        padding-bottom:30px;
        }
    
    .footer-skinny .footer-gg {
        float: left;
        color: #b2b2b2;
        padding-top:12px;
        }
    .gg-panel {
            width: 350px;
            left: -10px !important;
            top: -472px;
        }

    .footer-skinny .footer-gg .gg-panel {
            top: -375px;
            left: -40px !important;
            } 

    .footer-skinny .footer-gg .gg-panel .arrow, .gg-panel .arrow{
        right: 0;
        left: 49px;
    }

    .gg-panel:after {
        border-width: 13px;
        margin-left: -13px;
        left: 60px;

    }
}

/***DESKTOP ONLY***/
@media (min-width: 991px) {
    .global-gateway span.country, .global-gateway-up  span.country  {
        display: inline-block;
        margin-left: 5px;
        max-width: 175px;
        outline:0 !important;
        overflow: hidden; 
        padding-top: 4px;
        text-decoration: none !important;
        vertical-align: top;
        white-space: nowrap;
     }   
}