/*========================================

Header Nav

========================================*/



.hdrOuterWrap {width:100%;background:#FFF; height:100px;position:fixed; margin:0; z-index:300; box-shadow:0px 0px 3px #444}

.logoX2 {width:220px;height:110px;position:relative;top:0;margin:0 0px 0 0; background:;}

.logoX2 img {width:100%; height: auto; margin:5px 0 0 0;}



@media (min-width:1000px)

{

    .showMobile {display: none}

}



@media (max-width:999px)

{

    .showDesktop {display: none}

}



.hdrOuterWrapAdmin {width:100%;background:#278CC1; height:100px;position:fixed; margin:0; z-index:300; box-shadow:0px 0px 3px #444}

.hdrRtGlobalAdmin {width:400px;height:35px;color:#FFF;position:absolute;z-index:100; right: 0px; top:0; position:absolute; }

.hdrRtGlobalAdmin ul {display:inline; list-style:none; position:absolute; font-size:11px;}

.hdrRtGlobalAdmin li {float:left;}

.hdrRtGlobalAdmin li button {font-size:11px !important; color:#FFF !important; padding:4px 12px; margin-top:4px;}

.hdrRtGlobalAdmin li button:hover {color:#FFF; background:#8DC4CE; } 

.nav-menuAdmin a {color:#FFF !important;}

.nav-menuAdmin li > ul > li a {color:#278CC1 !important;}

.nav-menuAdmin li > ul > li a:hover {color:#FFF !important ;}



@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 screen and (max-width:1020px)

{

    .hdrOuterWrap {height:90px; background:#FFF;}

    .logoX2 {width:200px;height:70px; margin:0px 0 0 0; background:;}

    .mobileNav {width:120px;height:90px; position:absolute; background:#278CC1; z-index:210; right:0;}

    .mobileNavClose {width:120px;height:90px; position:absolute; background:#278CC1; 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:#278CC1; 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:20px;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)

{

    .logoX2 {width:190px; margin:6px 0 0 0;}

    .logoX2 img {width:100%; margin:0 0 0 0;}

}



@media screen and (min-width:1019px)

{

    .mobileNav, .mobileNavClose {display:none !important;}

    .mobileNavContainer {display:none !important;}

}



.icon-navbar-wrapper

{

width:120px;

height:80px;

background:transparent;

border:none;

margin:0 auto;

margin-top:28%;

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: 600px;

    height: auto;

    position: absolute;

    right: 10px;

    bottom: 0;

}



.megaWrapAdmin {

    width: 750px;

    height: auto;

    position: absolute;

    right: 0;

    bottom: 0;

    background:;

}



.megaWrapAdmin .nav-menu a {font-size:12px; font-weight:700;}



.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; }

.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: 0; left: -230px; }

.nav-menu li { cursor: default; float: left; white-space: nowrap; }

.nav-menu ul li { float: none; }



/* sub width */

.nav-menu ul {min-width: 12em; -webkit-box-shadow: 0 2px 3px #444; box-shadow: 0 2px 3px #444; background:#FFF; }



/* center */

.nav-pos { position:absolute; right:50px; }

.nav-pos > li { left: 50%; }



/* root */

.nav-menu a {

  padding: 0 25px;

  color: #6D6E71;

  font-weight: 400;

  font-size: 14px;

  line-height: 45px;

  text-decoration: none;

  text-align: left;

  display:block;

  position:relative;

}



/* root: active */

.nav-menu > li > .nav-active { background-color: none;  }



/* root: hover/persistence */

.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {

  background: none;

  color: ;



}



/* 2 */

.nav-menu li li a,.nav-menu li:hover li a {

  background: #FFF;

  color: #278CC1;

  font-size: 13px;

  line-height: normal;

  border-bottom:1px solid #efefef;

  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: #278CC1;

  color:#FFF;

}



/* 3 */

.nav-menu li:hover li:hover li a {

  background: #FFF;

  color:#278CC1;

}



/* 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: #278CC1;

  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

==============================*/