#subnav .main-content{overflow: auto;}
#subnav ul{margin:0;padding:0;list-style: none;position: relative;}
#subnav .lt1 > ul > li,
#subnav-mobile {
  font-family: RazerF5,Arial;
  line-height: 1.5rem;
  font-weight: 700;
  display: inline-table;
  vertical-align: middle;
  font-size: 1.5rem;
  text-transform: uppercase;    
}
#subnav .lt1 > ul > li > a{
  border-bottom: 7px solid #000;
  color: #fff;
  display: block;
  text-decoration: none !important;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 3px;
}
html:lang(kr_KR) #subnav .lt1 > ul > li{font-size: 1.2rem;}
html:lang(kr_KR) #subnav .lt1 > ul > li > a{padding: 0 10px 3px;}
#subnav .lt1 > ul > li > a:hover { color: #44d62c;}
#subnav .lt1 ul > li.active > a{border-bottom-color: #44d62c;color: #44d62c;}
#subnav .lt1 ul ul a{color: #44d62c;}
#subnav .lt1 ul ul li{  
  display: inline-block;
  font-size: 1.125rem;    
  font-weight: 300;
  line-height: 1rem;
  letter-spacing: normal;
  padding: 0 14px;
  vertical-align: top;
}
#subnav .lt1 ul ul li:last-child{border-right:0;}
#subnav .lt1 ul ul li a{padding: 0;}
    #subnav-mobile {display:none;}
#subnav .c1 {padding:5px !important;}
#subnav .lt1 {padding: 0;padding-bottom: 5px;}
#subnav .c1 {padding-bottom: 0px !important;}
#subnav ul li {max-width:100%;}
#subnav ul li a {height: auto; padding: 12px 20px;border: 0px;}
#subnav-mobile .subnav-arrow {
  position: relative;
  float: right;
  height: 2rem;
  width: 2rem;
  display: block;
  padding: 0em;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}
#subnav-mobile .left-bar {
  position: absolute;
  background-color: transparent;
  top: 10px;
  left: 0;
  width: 18px;
  height: 3px;
  display: block;
  transform: rotate(40deg);
  float: right;
  border-radius: 2px;
}
#subnav-mobile .left-bar:after {
  content: "";
  background-color: white;
  width: 18px;
  height: 3px;
  display: block;
  float: right;
  border-radius: 6px 10px 10px 6px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
#subnav-mobile .right-bar {
  position: absolute;
  background-color: transparent;
  top: 10px;
  left: 12px;
  width: 18px;
  height: 3px;
  display: block;
  transform: rotate(-40deg);
  float: right;
  border-radius: 2px;
}
#subnav-mobile .right-bar:after {
  content: "";
  background-color: white;
  width: 18px;
  height: 3px;
  display: block;
  float: right;
  border-radius: 10px 6px 6px 10px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
#subnav-mobile .open .left-bar:after {
  transform-origin: center center;
  transform: rotate(-80deg);
}
#subnav-mobile .open .right-bar:after {
  transform-origin: center center;
  transform: rotate(80deg);
}
@media (min-width: 768px) {
  #subnav.sticky{position: fixed;left: 0;right: 0;top:60px;width: 100%;z-index: 20;}
    #subnav .lt1 > ul > li {min-width: 180px;max-width: 234px;}
    html:lang(es_ES) #subnav .lt1 > ul > li {max-width: 230px;}
  html:lang(fr_FR) #subnav .lt1 > ul > li {max-width: 230px;}
    #subnav .lt1 ul ul{position: absolute;top: 100%;left: 0;right: 0;width: 100%;border-top: 1px solid #161616;padding-top: 20px;}
  #subnav .lt1 ul ul li{border-right: 1px solid #999;}
    .stickyAtHero{margin-bottom: 100px;}
}
@media (min-width:768px) and (max-width: 1200px) {
  #subnav ul {white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
  .hasChild ul{height: 150px;padding-bottom: 60px!important;}
  .hasChild ul ul{height: auto;padding-bottom: 0!important;top: 90px!important;}
}
@media (max-width: 767px) {
  #subnav .lt1 > ul > li,
  #subnav-mobile {
    font-size: 1.2rem;
    display:block;
  }
    #subnav ul li.active a {border: 0px;}  
  #subnav .lt1 > ul > li > a{display: block;padding: 12px 20px;height: auto;border-bottom:0}
  #subnav .lt1 ul li{text-align: left;}
  #subnav .lt1 ul ul{height: auto;}
  #subnav .lt1 ul ul li{display: block;text-align: left;}
  #subnav .lt1 ul ul li a{display: block;padding: 10px 20px;}
    #subnav.sticky{position: fixed;left: 0;right: 0;top:0;width: 100%;z-index: 20;}
    #subnav-mobile {
    color: #44d62c;
    display:block;
    text-align:left;
    min-height:40px;
    border: 1px solid #333;
    border-radius: 5px;
    padding:10px;
    background-color:#111;
  }
    #subnav ul {height: 0px;overflow: hidden;}
    #subnav ul.nav-opened {
  height: auto; 
  padding: 0.5rem 0;
  background-color:#111;
  }
    #subnav-mobile span br, #subnav .lt1 ul li br{
      display: none;
  }
    .stickyAtHero{margin-bottom: 56px;}
}
@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
#subnav ul.nav-opened li {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
 @media screen and (max-width:767px){#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_2]{background-image:none;background-color:#000;min-height:100px;}#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_11]{max-width:100%;}} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_2]{background-image:none;background-color:#000;min-height:100px;}#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_3]{max-height:100px;}} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_2]{background-image:none;background-color:#000;min-height:100px;}#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_3]{max-height:100px;}} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_2]{background-image:none;background-color:#000;min-height:100px;}#pnxssr_9e76f24a263f40331d868e78b4afe138 div[pnxssr_3]{max-height:100px;}}