#overlay {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background-color: rgba(0, 0, 0, 0.7);  
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: 30%;  position: fixed;  
top: 0px;  right: -30%; 
  -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, 1); overflow-y:scroll; }

.slide-menu .mobile-menu-list {margin:70px 50px 50px 50px;}
.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 { color: #299c59;  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:#fff;}
.slide-menu .depth2 ul li a{font-size:14px; line-height:35px; padding:0 20px;}
.slide-menu .depth2 ul li a:hover {color:#ff7800; }
.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 {color:#888;  line-height:25px; font-size:15px;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; } 

/*BURGER ICON*/
.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 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: 31%;}
#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: #299c59;  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: #299c59;  border-bottom: 1px dashed #299c59;}
.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: 90%; top: 0px;  right: -90%; 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*/
#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) {
}