/***[ header.css ]***/
  #header{width:100%;padding-bottom:30px;position:fixed;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;z-index:999;background:#111111;background:linear-gradient(180deg,rgba(17,17,17,1) 48%,rgba(51,51,51,0) 100%);}
#header .leftHeader{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;max-width:350px;font-size:16px;}
#header .centerHeader{font-family:'AvenirNextLTPro-Regular';color:#FFF;justify-content:flex-start;align-items:center;font-size:22px;}
#header .rightHeader{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;padding-right:30px;}
#hLogo{margin-left:0px;padding:25px;color:#FFFFFF;text-align:left;width:350px;z-index:15;text-align:center;opacity:1;}
.superCaliLogo{height:40px;margin-top:-5px;margin-left:-5px;}
#langarea{color:#FFFFFF;}
#langarea a{padding:5px;color:#FFFFFF;font-size:16px;}
#langarea a:hover{color:#338593;}
#langarea a.current{color:#338593;font-family:'AvenirNextLTPro-Demi';padding:11px 10px 8px 10px;background-color:rgba(100,100,100,.3);border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0px;border-bottom-right-radius:20px;}
@media only screen and (max-width:1500px){#header{padding-bottom:30px;justify-content:flex-start;align-items:center;}
#header .centerHeader{padding-left:25px;padding-top:10px;}
#hLogo{padding-bottom:0px;}
#langarea a{padding-top:0px;color:#FFFFFF;font-size:16px;}
}
@media only screen and (max-width:1112px){.superCaliLogo{height:40px;}
#langarea a{font-size:14px;}
}
@media only screen and (max-width:1024px){#hLogo{width:270px;}
#header .centerHeader{padding-left:25px;padding-top:15px;}
#header .rightHeader{padding-right:0px;padding-left:0px;}
}
@media only screen and (max-width:768px){#header{flex-direction:column;align-items:start;padding-bottom:0px;}
#header .leftHeader{min-width:60%;padding-top:0px;}
#hLogo{width:320px;}
#hLogoMobile{margin-left:0px;padding-left:4vw;padding-top:4vw;color:#FFFFFF;text-align:left;position:absolute;z-index:999;width:28vw;}
#langarea{padding-top:12px;}
#langarea a{padding:5px;color:#FFFFFF;font-size:20px;}
#langarea a:hover{color:#338593;}
#langarea a.current{color:#338593;padding:5px;}
}
@media only screen and (max-width:600px){#header{flex-direction:column;align-items:start;}
#header .leftHeader{min-width:75%;padding-top:15px;padding-bottom:0px;}
#hLogo{padding:15px;padding-bottom:0px;width:250px;}
#header .centerHeader{padding-left:10px;}
#langarea{padding-top:0px;padding-right:30px;}
#langarea a{padding:5px;font-size:20px;}
#langarea a.current{color:#338593;padding:5px;}
}