@charset "utf-8";



#header.on {width:100%;height:100%;}
#header.on #nav {position:absolute;top:44px;bottom:0;left:0;right:0;max-width:1600px;margin:0 auto;z-index:50;}
/*body.main #header.on .header {background-color:rgba(44,51,68,0.9);}
body.sub #header.on .header {background-color:rgba(44,51,68,0.9);}*/




.menu-toggle {display:inline-block;margin:0;padding:0;overflow:visible;border:0;background-color:transparent;font-style:normal;font-size:inherit;font-weight:400;font-family:Open Sans,Helmet,Freesans,Trebuchet MS,sans-serif;text-align:center;vertical-align:middle;cursor:pointer;outline:0}
.menu-toggle,.menu-toggle:active,.menu-toggle:focus,.menu-toggle:hover,.menu-toggle:visited {text-decoration:none}
button {background-color:transparent;appearance:none;background-image:none;-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;-ms-appearance:none;}

.header .menu-toggle {display:block;color:#fff;position:relative;z-index:1;float:right;height:44px;transition:padding-right 0 .3s;padding:15px 20px 15px 52px;-webkit-transition:padding-right 0 .3s;}
.header .menu-toggle.on {color:#fff;}

#header.on .header .menu-toggle {display:block;}
.header .menu-toggle:before {display:block;position:absolute;top:0;right:48px;content:attr(data-label);transition:color .2s ease,opacity .3s,visibility .3s;padding:8px 0;-webkit-transition:color .2s ease,opacity .3s,visibility .3s;font-weight:300;}

#header.on .header .menu-toggle:before {opacity:0;visibility: hidden;}

.icon-bars {position:relative; color:inherit}
.icon-bars,.icon-bars:after,.icon-bars:before{display:block;width:20px;height:2px;background-color:#fff;}
.header .menu-toggle.on .icon-bars,.header .menu-toggle.on .icon-bars:after,.header .menu-toggle.on .icon-bars:before {background-color:#fff;}
#header.on .header .menu-toggle.on .icon-bars,#header.on .header .menu-toggle.on .icon-bars:after,#header.on .header .menu-toggle.on .icon-bars:before {background-color:#fff;}


.icon-bars:after,.icon-bars:before {position:absolute;content:"";left:0}
.icon-bars:before {top:.4em}
.icon-bars:after {top:-.4em}


.menu-toggle .icon-bars {transition:transform .3s ease-in,background-color .2s ease;-webkit-transition:-webkit-transform .3s ease-in,background-color .2s ease;}
.menu-toggle .icon-bars:after,.menu-toggle .icon-bars:before {transition:top .3s .3s ease-in,transform .3s ease-in,background-color .2s ease;-webkit-transition:top .3s .3s ease-in,-webkit-transform .3s ease-in,background-color .2s ease;}
#header.on .menu-toggle .icon-bars,.menu-toggle:active .icon-bars {transition:transform .3s .2s ease-in,background-color .2s ease;transform:rotate3d(0,0,1,135deg);-webkit-transition:-webkit-transform .3s .2s ease-in,background-color .2s ease; -webkit-transform:rotate3d(0,0,1,135deg);-ms-transform:rotate(135deg);}
#header.on .menu-toggle .icon-bars:after,#header.on .menu-toggle .icon-bars:before,.menu-toggle:active .icon-bars:after,.menu-toggle:active .icon-bars:before {transition:top .2s ease-in,transform .3s .2s ease-in,background-color .2s ease;transform:rotate3d(0,0,1,90deg);top:0;-webkit-transition:top .2s ease-in,-webkit-transform .3s .2s ease-in,background-color .2s ease; -webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate(90deg);}


#header #nav {visibility:hidden;opacity:0;}
#header.on #nav {height:auto;visibility:visible;opacity:1;}
#header #nav .nav_wrap {position:absolute;top:0;bottom:0;left:0;right:0;white-space:nowrap;overflow:hidden;background-color:rgba(190,190,190,0.95);transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;visibility:hidden;opacity:0;}
#header.on #nav .nav_wrap {visibility:visible;opacity:1;}
#header.on #nav .nav_wrap:after{content:"";position:relative;display:inline-block;height:100%;vertical-align:middle;}
#header #nav .nav_wrap .menu {display:inline-block;vertical-align:middle;white-space:normal;width:100%;text-align:center;opacity: 0.4;transform:scale(0.9);transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;}
#header.on #nav .nav_wrap .menu {opacity:1;transform: scale(1);transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;}
#header #nav .nav_wrap .menu li a {padding:5% 0;color:#000;display:block;font-size:28px;font-weight:200;transition:all 0.5s ease 0s;}
#header #nav .nav_wrap .menu li a:hover {background-color:rgba(75,75,75,1);color:#fff;}

body.sub #header #nav.on .nav_wrap .menu li a {color:#fff;}
body.sub .logo path,
body.sub .logo.on path,
body.sub .logo polygon,
body.sub .logo.on polygon {fill:#fff;}
body.sub .header .menu-toggle.on {color:#fff;}
body.sub .header .menu-toggle.on .icon-bars,body.sub .header .menu-toggle.on .icon-bars:after,body.sub .header .menu-toggle.on .icon-bars:before {background-color:#fff;}

@media screen and (min-width: 35.5em){ /* ≥ 568px */

}
@media screen and (min-width: 48em){ /* ≥ 768px */
#header.on .header .menu-toggle {display:none;}
body.main #header.on .header {background-color:transparent;}
body.sub #header.on .header {background-color:rgba(249,24,11,0.9);}
.header .menu-toggle {display:none;}
#header.on {height:79px;}
#header.on #nav, #header #nav {position:absolute;top:0;bottom:auto;left:0;right:0;display:inline;width:100%;max-width:1600px;margin:0 auto;visibility:visible;opacity:1;}
#header #nav .nav_wrap {position:absolute;top:0;bottom:auto;left:0;right:0;white-space:nowrap;overflow:visible;background-color:transparent;transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;visibility:visible;opacity:1;}
#header.on #nav .nav_wrap {position:absolute;top:0;bottom:auto;left:0;right:0;white-space:nowrap;overflow:visible;background-color:transparent;transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;visibility:visible;opacity:1;}
#header.on #nav .nav_wrap:after {content:none;}
#header #nav .nav_wrap .menu {position:absolute;top:14px;right:33px;display:inline-block;vertical-align:middle;white-space:normal;width:auto;text-align:center;opacity:1;transform:scale(1);transition:none;}
#header #nav .nav_wrap .menu li {float:left;}
#header #nav .nav_wrap .menu li a {display:block;font-size:14px;font-weight:400;height:auto;padding:15px;color:#fff;transition:color 0.5s ease 0s;}
#header #nav .nav_wrap .menu li a:hover {background-color:transparent;color:#ff3333;}
body.sub #header #nav .nav_wrap .menu li a:hover {color:#000;}
#header #nav.on .nav_wrap .menu li a {color:#fff;}
#header #nav.on .nav_wrap .menu li a:hover {color:#ff3333;}



}
@media screen and (min-width: 64em){ /* ≥ 1024px */

}
@media screen and (min-width: 80em){ /* ≥ 1280px */

}