#overlay {  display:none; width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background-color: rgba(0, 0, 0, 0);  
display: none;  z-index: 99;}

.slide-menu .menu_txt{position:absolute; color:rgba(0,0,0,0.3); left:15%; top:42%; width:100%; 
font-size:13px; font-family: Georgia, serif; letter-spacing:7px; transform: translate(-50%, -50%) rotate(90deg);}

.slide-menu{text-align:right;  height: 100%;   width: 20%;  position: fixed;  
top: 0px;  right: -20%; 
  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;  -ms-overflow-style: none;}
.slide-menu.open{  right: 0px; background: rgba(255, 255, 255, 0.9); overflow-y:scroll; }

.slide-menu .mobile-menu-list {margin:70px 50px 50px 50px; text-align:left;}
.slide-menu .mobile-menu-list>li {    /*border-bottom: 1px solid rgba(255,255,255,0.2);*/  cursor:pointer;}
.slide-menu .mobile-menu-list  li  a { font-size:23px; color: #444;  display: block; transition: all .51s ease;}
.slide-menu .mobile-menu-list .depth1 > a { padding:12px 0;  }
.slide-menu .top {display:none;}
.slide-menu .depth2 {padding:0;}
.slide-menu .depth2 ul{padding:0; overflow:hidden; /*background-color:#151515;*/ border-bottom:2px solid rgba(44,95,167,1);}
.slide-menu .depth2 ul li a{font-size:18px; line-height:40px; padding:5px 0px; color:#666}
.slide-menu .depth2 ul li a:hover {color:#aaa; }
.slide-menu .depth2 ul li:first-child a {padding-top:15px;}
.slide-menu .depth2 ul li:last-child a {padding-bottom:15px;}
.slide-menu .mobile-menu-list a {    text-decoration: none !important;}

.slide-menu .footer {display:none; color:#888;  line-height:25px; font-size:11px;margin:50px 50px;}
.slide-menu .footer ul{ padding:10px 0 0 0; margin:0; list-style:none; }
.slide-menu .footer .sns {padding:30px 0;}
.slide-menu .footer .sns a{opacity:0.8; }
.slide-menu .footer .sns a:hover{opacity:1; }
.slide-menu .footer .sns a img{vertical-align: top; width:30px;  }
.slide-menu .footer p.lang a {display:inline-block; border:1px solid rgba(255,255,255,0.2); font-size:12px;
border-radius:5px 5px; margin:0 3px; padding:0px 8px 3px 8px; width:60px; text-align:center; } 

.slide-menu .caret {display:none !important;}

/*BURGER ICON*/
#world {position:fixed; width:32px; right:80px; margin:25px auto; z-index: 99; cursor:pointer;}
#world img {width:100%;}

.language {display:none; position:fixed; top:70px; right:30px; border:1px solid #fff; border-radius:4px; z-index:99;}
.language.on {display:block;}
.language ul {display:flex;}
.language ul li {padding:5px 0;}
.language ul li a {position:relative; display:block; font-size:15px; font-weight:400; color:#fff; padding:0px 13px;}
.language ul li:nth-child(1) a:after {display:block; content:''; position:absolute; top:50%; left:100%; transform:translate(-50%,-50%); width:1px; height:100%; background:#fff;} 

header.small .language {border:1px solid #000; top:25px; right:125px;}
.language.black {border:1px solid #000;}
header.small .language li a,.language.black li a {color:#000;}
header.small .language ul li:nth-child(1) a:after,.language.black ul li:nth-child(1) a:after {background:#000;}

.nav-icon2 span{background-color:#333 !important;}
#nav-icon1{  width: 35px;  height: 45px;  position: fixed;  right: 30px;  margin: 30px auto;
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;  -moz-transition: .s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  cursor: pointer;   z-index: 101;}
#nav-icon1 span{  display: block;  position: absolute;  height: 2px;  width: 100%;  background: #fff;  border-radius: 9px;
  opacity: 1;  right: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);
  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon1.open span {background:#000;}
#nav-icon1 span:nth-child(1) {  top: 0px;}
#nav-icon1 span:nth-child(2) {  top: 10px; width:28px; }
#nav-icon1 span:nth-child(3) {  top: 20px;}
#nav-icon1.open{  right: 3%;}
#nav-icon1.open span:nth-child(1) {  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { display:none; opacity: 0; }
#nav-icon1.open span:nth-child(3) {  top: 15px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);}
#text-cont{  color: #fff;  width: 100%;  height: 20%;  display: block;  position: absolute;  top: 40%;  left: 0;
  text-align: center;  font-size: 18pt}
.offer-cont{  width: 100%;  height: 10%;  position: absolute;  top: 55%;  left: 0;  display: block;  text-align: center;}
.offer-cont ul li{  display: inline;  padding-right: 5%;}
.offer-cont ul li a{  color: #fff;  border-bottom: 1px dashed #fff;}
.offer-cont ul li a:hover{  color: #EF2E2E;  border-color: #EF2E2E;    -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slide-menu{   width: 60%; top: 0px;  right: -60%; border-left:0px solid rgba(0,0,0,0.06); overflow-y:scroll  }

#nav-icon1.open{  right: 280px;}

.slide-menu .mobile-menu-list > li > a { padding:12px 0;  }
.slide-menu .mobile-menu-list {margin:70px 30px 30px 30px;}
.slide-menu .footer {;margin:30px 30px;}
 
/*BURGER ICON*/
#world {right:70px; margin:20px auto; top:0;}
.language {top:65px !important; right:20px !important;}

header.small .language {top:20px !important; right:115px !important;}

#nav-icon1{  top:0;  margin: 25px auto;} 
#nav-icon1{  right: 20px; }
#nav-icon1.open{  right: 20px;}
  	
/*.slide-menu{ text-align:left;  height: 100%;  background: rgba(255, 255, 255, 0.3);  width: 260px;  position: fixed;  top: 0px;  left: -210px;
  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;}
  .open {background: rgba(0, 0, 0, 0.9) ;}
#nav-icon1{position:fixed;     left: 12px;  margin: 20px auto; height:25px; background:none !important;} 
 #nav-icon1 span{  background:#000;} 
 .open span{  background:#fff !important;  }
 .menu_txt{ color:rgba(255,255,255,0.5);}
.slide-menu .logo {padding:50px 20px 5px 20px; } 
.slide-menu.open .menu_txt{color:rgba(255,255,255,0.3);} 
.slide-menu .menu ul{    margin: 40px auto; }*/
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}