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

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

.slide-menu{text-align:right;  height: 100%;  background: rgba(255, 255, 255, 0);  width: 300px;  position: fixed;  
top: 0px;  right: -210px; border-left:1px solid rgba(0,0,0,0.06);
  -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(0, 0, 0, 0.9);  }
.slide-menu .logo {padding:60px 20px 0px 20px; text-align: center; opacity:0; }
.slide-menu.open .logo {opacity:1;}
.slide-menu .menu ul{  list-style:none;  line-height: 50px;  margin: 50px auto;  padding:0 30px;}
.slide-menu .menu ul li{  width: 100%;  color: #fff;}
.slide-menu .menu ul li a{  width: 100%; color:#fff;  display: block;}
.slide-menu .menu ul li a:hover{  color: yellow; text-decoration:line-through;  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
.menu-title{  font-weight: normal;  color: #EF2E2E;  font-size: 15pt;  border-bottom: 1px solid #EF2E2E;}
.slide-menu .footer {color:#888;  line-height:25px; font-size:11px; padding:0 30px 0 90px ;}
.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:38px;  }
.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; } 

/*BURGER ICON*/
#nav-icon1{  width: 35px;  height: 45px;  position: fixed;  right: 28px;  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: #333;  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;}
.open span{  background:#fff !important;  }  
#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: 320px;}
#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) {
.menu_txt{ display:none; }
.open .menu_txt{display:none;}
.slide-menu{   width: 260px; top: 0px;  right: -260px; border-left:0px solid rgba(0,0,0,0.06); overflow-y:scroll  }
#nav-icon1{    margin: 20px auto;}
#nav-icon1.open{  right: 280px;}
.slide-menu .logo {padding:40px 20px 0px 20px; text-align: center; }
.slide-menu .menu ul{  list-style:none;  line-height: 50px;  margin: 20px auto;  padding:0 30px;}
.slide-menu .footer {padding:0 30px 0 30px ;}
  	
/*.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) {
}