/*========================================
Header Nav
========================================*/

.hdrOuterWrap { width: 100%; background: #005586; position: fixed; margin: 0; z-index: 300; box-shadow: 0px 0px 3px #444 }
.hdrHeight { height: 140px; }
.hdrContentWrap { position: relative; width: 94%; margin: 0 auto; }
.logoX2 { width: 220px; height: 110px; position: relative; top: 0; margin: 0 0px 0 0; background: none; }
.logoX2 img { width: 100%; height: auto; margin: 5px 0 0 0; }
.tagline-wrap { color: #FFF; line-height: 16px; font-size: 13px; font-weight: 700; margin: 6px 0 0 0; }
.med-consult-wrap { color: #FFF; float: right; margin: 0px 0 10px 0; font-size: 16px; font-weight: 700; line-height:22px; }
.search-wrap { float: right; }
.search-wrap { float: right; position: relative; width: 50px; }
.search-field { width: 100%; height: 46px; padding-right: 48px; /* room for icon */ border: 1px solid #ccc; border-radius: 6px; box-shadow: none; outline: none; background-clip: padding-box; -webkit-appearance: none; }
.search-field:focus, .search-field:focus-visible { outline: none; box-shadow: none; }
.search-icon { position: absolute; top: 4px; right: 4px; width: 40px; height: 40px; background: none; border:1.5px solid #FFF; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 3px ; cursor: pointer; }
.search-icon:hover {  background: #871842; }
.spHeader {width: 100%; height: 100px; clear: both;}
.med-consult-align {position:absolute; top:22px;}

@media (max-width:999px)
{

}

@media screen and (max-width:1275px) and (min-width:1230px)
{

}
@media screen and (max-width:1229px) and (min-width:1160px)
{

}
@media screen and (max-width:1159px) and (min-width:900px)
{

}

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

}
@media (min-width:1019px)
{

}

@media screen and (max-width:1020px)
{
    .hdrContentWrap { position: relative; width: unset; margin: 0 auto; }
    .showDesktop {display: none}
    .hdrOuterWrap {}
    .hdrHeight {height:100px;}
    .logoX2 {width:120px;height:70px; margin:8px 0 0 3%; background:;}
    .med-consult-wrap {font-size:13px; font-weight:500; float:unset; margin: -2px 0 0 3%; }
    .mobileNav {width:120px;height:100px; position:absolute; background:#005586; z-index:210; right:0;}
    .mobileNavClose {width:120px;height:100px; position:absolute; background:#005586; z-index:100; right:0; display:none; color:#FFF; font-size:42px; text-align:center;}
    .iconClose {width:50px;height:52px; background:url('/images/icon-close.png') no-repeat top center; margin:0 auto; margin-top:-6px;}
    .mobileNavContainer {width: 0; height:100%; overflow: hidden; background:#005586; padding:30px 0;margin: 90px 0 0 0; position: fixed; z-index:99; box-shadow:2px 1px 1px #777; transition: .3s ;}
    .mobileNavInnerContainer {font-family: gentona, Work Sans, sans-serif; width:90%;margin:0 auto; position:relative; display:none;}
    .mobileNavInnerContainer ul {margin:0 0 0 -40px; list-style:none; }
    .mobileNavInnerContainer li {font-size:18px;padding:6px 0; border-bottom:1px solid #FFF;}
    .mobileNavInnerContainer li a {color:#FFF; display:block; font-weight:300 !important; text-decoration:none; }

}

@media (max-width:515px)
{

    .med-consult-wrap {font-size:10px; font-weight:500; float:unset; margin: -2px 0 0 3%; }

}

@media screen and (min-width:1019px)
{
    .mobileNav, .mobileNavClose {display:none !important;}
    .mobileNavContainer {display:none !important;}
    .showMobile {display: none}
    .order-xl-1 { order: 1 !important; }
    .order-xl-2 { order: 2 !important; }
}

.icon-navbar-wrapper
{
width:120px;
height:100px;
background:transparent;
border:none;
margin:0 auto;
margin-top:30%;
cursor:pointer;
}
.icon-navbar 
{
display: block;
width: 36px;
height: 2px;
border-radius: 1px;
background:#FFF;
margin:5px 0;
margin:0 auto;
margin-top:8px;
margin-bottom:8px;
}

/*==============================
MEGA MENU
==============================*/

.megaWrap {
    width: 800px;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 8px;
    cursor:pointer;
}

.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; float:right; cursor: pointer;}
.nav-menu ul { opacity: 0; position: absolute; top: 90%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; padding:20px; background:#FFF; margin-top:-5px;}
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 44px; left: 200px; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* drop down panel off main */
.nav-menu ul {min-width: 12em; -webkit-box-shadow: 0 2px 3px #444; box-shadow: 0 2px 3px #444; background:#ececec; border-radius:0 0 30px 0; margin-top:4px; border-top:9px solid #005586;}

/* center */
.nav-pos { position:absolute; right:50px; }
.nav-pos > li { left: 50%; }

/* root */
.nav-menu a {
  padding: 0 25px;
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
  line-height: 45px;
  text-decoration: none;
  text-align: left;
  display:block;
  position:relative;
}

/* root: active */
.nav-menu > li > .nav-active { background-color: #ececec;  }

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
  background: none;
  text-decoration: none;
  color: ;

}

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
  background: #ececec;
  color: #005586;
  font-size: 13px;
  font-weight:600;
  line-height: normal;
  border-bottom:.5px solid #005586;
  padding:15px 10px;
  min-width:200px;
  text-transform: uppercase;
}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
  background: #005586;
  color:#FFF;
}

/* 3 */
.nav-menu li:hover li:hover li a {
  background: #ececec;
  color:#005586;
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
  background: #005586;
  color:#FFF;
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
  background: #333;
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
  background: #222;
}

/*classes for js menu anchor links to pages like data*/
.nav-menu-js 
{  
padding: 0 25px;
color: #75cfe6;
font-weight: 300;
font-size: 16px;
line-height: 45px;
text-decoration: none;
text-align: left;
display:block;
position:relative;

}

.nav-menu-js ul { }

.nav-menu-js li { 
cursor: pointer;   
background: #FFF;;
color: #75cfe6;
font-size: 14px;
line-height: normal;
border-bottom:1px solid #efefef;
padding:15px 10px; 
}

.nav-menu-js li:hover {background:#75cfe6; color:#FFF;}

div.nav-menu-js li {z-index:9999;}


    .down100 {
        margin: -100px;
        position: absolute;
    }

/*==============================
END MEGA MENU
==============================*/