/* Top Bar */
.header-top-area {
 background:#252839;
}
.header-top-area .header-toggle {
 display:none;
 clear:both;
 text-align:center;
 color:#fff;
 padding:16px 0 17px;
}
.header-top-area .header-toggle {
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg);
 -ms-filter:fliph;
 filter:fliph;
}
.header-top-area .header-toggle.active {
 -moz-transform:rotate(0);
 -webkit-transform:rotate(0);
 -o-transform:rotate(0);
 transform:rotate(0);
 padding:19px 0 18px;
}
.header-top-bar {
 display:-ms-flexbox;
 display:-webkit-flexbox;
 display:-webkit-flex;
 display:flex;
 -ms-flex-wrap:wrap;
 -webkit-flex-wrap:wrap;
 -moz-flex-wrap:wrap;
 flex-wrap:wrap;
}
/* ÃÖ»ó´Ü Contact Details */
.contact-details:first-child {
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 -moz-flex:1 1 auto;
 flex:1 1 auto;
}
.contact-details li {
 float:left;
 font-weight:500;
 font-size:13px;
 color:#fff;
 line-height:21px;
 padding:10px 15px 11px 3px;
}
.contact-details li a {
 color:#fff;
}
.contact-details li::before {
 position:relative;
 top:-2px;
 color:rgba(255,255,255,0.5);
 font-size:16px;
}
.contact-details li.phone-no {font-size:14px;}
.header-top-bar,.header {
 margin-left:auto;
 margin-right:auto;
}
/* Menu Bar */
.header-area {
 padding:19px 0 20px;
}
.header {
 position:relative;
 display:-ms-flexbox;
 display:-webkit-flexbox;
 display:-webkit-flex;
 display:flex;
 -ms-flex-align:center;
 -webkit-align-items:center;
 -moz-align-items:center;
 align-items:center;
 -ms-flex-direction:row;
 -webkit-flex-direction:row;
 -moz-flex-direction:row;
 flex-direction:row;
 z-index:99999;
}
.header .logo {
 width:auto;
 text-align:center;
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 -moz-flex:1 1 auto;
 flex:1 1 auto;
 -ms-flex-item-align:center;
 -webkit-align-self:center;
 -moz-align-self:center;
 align-self:center;
}
.header .logo a {
 display:-ms-flexbox;
 display:-webkit-flexbox;
 display:-webkit-flex;
 display:flex;
 -ms-flex-align:center;
 -webkit-align-items:center;
 -moz-align-items:center;
 align-items:center;
}
.header .logo a img {
 margin-right:20px;
}
.header .more {
 margin-left:33px;
 z-index: 2;
}
/* Menu */
.header-area.sticky {
 -webkit-transition:padding 0.2s ease 0s;
 -moz-transition:padding 0.2s ease 0s;
 transition: padding 0.2s ease 0s;
}
.main-menu {
 float:left;
 padding:0;
 margin:0;
}
.main-menu li {
 float:left;
 display:block;
 position:relative;
}
.main-menu li:hover {
 visibility:inherit;
 overflow:visible;
}

.main-menu a { 
 display:block;
 position:relative;
}
.main-menu li a {
 font-family:'Montserrat','NanumSquare','Nanum Gothic', sans-serif;
 font-size:18px;
 font-weight:500;
 color:#333;
 padding:12px 30px;
}
.menu-container nav {
 float:left;
}
/* ¼­ºê¸Þ´º */
.main-menu ul {
 position:absolute;
 top:-999em;
 width:12em;
}
.main-menu ul li {
 width:100%;
}
.main-menu ul li a {
 font-size:14px;
 color:#fff;
 font-weight:500;
 line-height:26px !important;
}
.main-menu ul li a:hover {
 color:#f2b632 !important;
}
.main-menu li:hover ul {
 left:0;
 top:3.4em;
 z-index:99;
 opacity:1;
}

.main-menu li ul {
 width:180px;
 background:rgba(37,40,57,1);
}
.main-menu li ul li a,.main-menu li:hover ul li a {
 color:#fff;
 padding:3px 20px;
}
.main-menu li>ul>li:first-child>a {
 padding-top:20px;
}
.main-menu li>ul>li:last-child>a {
 padding-bottom:20px;
}


/* Mobile Menu */
.mobile-menu-container {
 display:none;
}
.mobile-menu-switch,.mobile-menu {
 display:none;
 margin-left:auto;
 margin-right:auto;
}
.mobile-menu {
 background:#fff;
 padding-bottom:16px;
}
.mobile-menu li a {
 display:block;
 background:#fff;
 padding:7px 30px;
 font-size:16px;
 color:#333;
 line-height:22px;
 font-weight:500;
}
.mobile-menu li a:hover {
 color:#f2b632 !important;
}
.mobile-menu>li:first-child>a:first-child {
 padding-top:20px;
 text-align:left;
 text-decoration:none;
 color:#333;
}
.mobile-menu>li:first-child>a:first-child::before {
 font-size:24px;
}

.mobile-menu li ul a {
 font-size:14px;
 padding-left:40px;
}

.mobile-menu li.selected ul a,.mobile-menu li.selected ul li.selected ul a {
 color:#333;
}
.mobile-menu li.selected ul a:hover,.mobile-menu li.selected ul li.selected ul a:hover {
 color:#f2b632;
}

.mobile-menu-switch {
 position:relative;
 width:30px;
 height:20px;
}
.mobile-menu-switch .line {
 display:block;
 position:absolute;
 width:30px;
 height:2px;
 background:#000;
 opacity:1;
 right:10px;
 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
 -webkit-transition:.2s ease-in-out;
 -moz-transition:.2s ease-in-out;
 -o-transition:.2s ease-in-out;
 transition:.2s ease-in-out;
}
.mobile-menu-switch .line:nth-child(1) {
 width:20px;
 top:0;
}
.mobile-menu-switch .line:nth-child(2) {
 width:25px;
 top:8px;
}
.mobile-menu-switch .line:nth-child(3) {
 top:16px;
}
.mobile-menu .more {
 margin: 16px 30px 14px;
}
/* More */
.mobile-menu-container .more {
 display:inline-block;
 background:#1B2E59;
 padding:17px 35px 18px;
 color:#fff;
 font-size:15px;
 font-weight:600;
 text-align:center;
 cursor:pointer;
 line-height:21px;
 -webkit-transition:color 0.2s ease 0s,background 0.2s ease 0s,border 0.2s ease 0s,opacity 0.2s ease 0s;
 -moz-transition:color 0.2s ease 0s,background 0.2s ease 0s,border 0.2s ease 0s,opacity 0.2s ease 0s;
 transition:color 0.2s ease 0s,background 0.2s ease 0s,border 0.2s ease 0s,opacity 0.2s ease 0s;
 border:none;
}
.mobile-menu-container .more:hover {
 background:#1B2E59;
 color:#fff;
 opacity:1;
}
.mobile-menu-container .more.display-block {
 display: block;
}
@media screen and (max-width:1199px) {
 .with-more-button {
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  flex-wrap:wrap;
 }
 .with-more-button .logo {
  padding-bottom:10px;
  -ms-flex-order:1;
  -webkit-order:1;
  -moz-order:1;
  order:1;
  text-align:left;
 }
 .with-more-button .more {
  -ms-flex-order:5;
  -webkit-order:5;
  -moz-order:5;
  order:5;
 }
 .menu-container {
  -webkit-flex:0 1 auto;
  -ms-flex:0 1 auto;
  -moz-flex:0 1 auto;
  flex:0 1 auto;
  -ms-flex-order:2;
  -webkit-order:2;
  -moz-order:2;
  order:2;
 }
}


@media screen and (max-width:991px) {
 .main-menu li a {
 font-size:16px;
 font-weight:500;
 color:#333;
 padding:0 10px 0 20px;
 border:none;
 }
}
@media screen and (max-width:767px) {
 .show-on-mobiles {
  display:block;
 }
 .site-container .hide-on-mobiles {
  display:none;
 }
 .header-top-bar {
  display:none;
 }
 .header-top-area .header-toggle {
  display:block;
 }
 .header-top-bar>*:first-child {
  margin-top:6px;
 }
 .header {
  position:static;
 }
 .header .logo,.header.with-more-button .logo {
  width:auto;
  -ms-flex-order:0;
  -webkit-order:0;
  -moz-order:0;
  order:0;
  padding:0 0 0 10px;
 }
 .mobile-menu-container {
  position:absolute;
  display:block;
  top:0;
  right:0;
  width:70%;
  z-index:9999;
 }
 .mobile-menu-container nav,.first-menu .mobile-menu-container nav {
  float:none;
 }
 .main-menu {
  display:none;
 }
 .header .mobile-menu-switch {
  display:block;
  -ms-flex-order:5;
  -webkit-order:5;
  -moz-order:5;
  order:5;
 }
 .mobile-menu li a.ion-plus-round {
  display:none;
 }
 .collapsible-mobile-submenus li {
  position:relative;
 }
 .collapsible-mobile-submenus>li a.ion-plus-round {
  display:block;
  position:absolute;
  width:60px;
  height:46px;
  top:0;
  right:0;
  margin:0;
  padding:0;
 }
 .collapsible-mobile-submenus>li a.ion-plus-round::before {
  position:absolute;
  left:16px;
  top:16px;
  color:#505563;
 }
 .collapsible-mobile-submenus>li li a.ion-plus-round::before {
  left:17px;
 }
 .collapsible-mobile-submenus>li a.ion-plus-round:hover {
  text-decoration:none;
 }
 .collapsible-mobile-submenus>li:first-child>a.ion-plus-round {
  top:1px;
 }
 .collapsible-mobile-submenus .ion-plus-round+ul {
  display:none;
 }
 .background-overlay {
  display:block;
 }
 .contact-details li {
  padding-top:9px;
  padding-bottom:10px;
 }
 .contact-details .phone-no a {padding:0 30px 0 10px; font-weight:600;}
}
@media screen and (max-width:479px) {
 .header-icons-container {
  margin:0 9px 0 5px;
 }
 .header-icons-container a {
  padding-left:4px;
  padding-right:4px;
 }
 .mobile-menu-container {
  width:100%;
 }
 .contact-details li {
  font-weight:500;
  font-size:13px;
  color:#fff;
  line-height:13px;
  padding:10px 5px 5px 10px;
  border-right:1px solid rgba(255,255,255,0);
 }
}
@media screen and (max-device-width:480px) {
 body {
  -webkit-text-size-adjust: none;
 }
}