/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  cursor: pointer;
  background:url("../img/common/menu_btn.png") no-repeat;
  background-size:contain;
   height:50px; 
   width:50px; 
  box-sizing:border-box;
  z-index:9999;
}
 
.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block;
	 width: 92%;
	margin:0 auto;
	position:relative;
	 }
.slicknav_nav li#home{
	margin-top: 20%!important;
}
.slicknav_nav .slicknav_arrow{	 
    display:block;
	position:absolute;
	right:0px;
	top:21px;
}
  .slicknav_nav .slicknav_arrow i {
	  font-size:17px;
	color:#f29427;
	padding:22px 20px;
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
border: none;}
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  box-sizing: border-box;
  width:50px;
height: 50px;
  z-index:9999;
  background:none;
  position:fixed;
	-ms-overflow-style: none;
	top: 15px;
    right: 2%;
  }
.slicknav_menu .slicknav_btn.slicknav_open {
	background:url("../img/common/menu_btn_close.png") no-repeat;
  background-size:contain;
	}
.slicknav_menu::-webkit-scrollbar {
    display:none;
}
.slicknav_menu {
    scrollbar-width: none;
}
.slicknav_nav {
  margin:0;
  padding: 0;
  list-style: none;
  overflow: scroll!important;
  position:fixed;
  z-index:99;
	width:100%;
	height: 100%;
	top:0;
	left: 0;
	right: 0;
    padding-top: 90px;
	padding-bottom: 80px;
	background: #fff;
   }
   .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 0px;
}
.slicknav_nav li{
	border-bottom: 1px solid #ccc;
}
.slicknav_nav li:nth-child(2) {
	border-top:  1px solid #ccc;
}
 .slicknav_nav a {
    text-decoration: none;
	font-size:16px;
	  font-weight: bold;
	position:relative;
	text-align:center;
	line-height: 1.4;
	color: #393939;
	height:60px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
}
.slicknav_nav a span.en {
	font-size: 1.2rem;
	font-weight: bold;
	color: #2c834e;
}
.slicknav_nav li:nth-child(4) a span.en {
	color: #f29427;
}
.slicknav_nav li:nth-child(5) a span.en {
	color: #e66666;
}
.slicknav_nav li:nth-child(6) a span.en {
	color: #3b86b0;
}
.slicknav_nav li:nth-child(8) a i {
	color: #f0c721;
	font-weight: lighter;
	font-size: 3rem;
}
.slicknav_nav li:nth-child(8) {
	border-bottom: none;
	margin-top: 20px;
}
.slicknav_nav li:nth-child(8) a span.en {
	color: #f0c721;
}


.slicknav_nav .koko a,
.slicknav_nav .koko a i,
.slicknav_nav .koko a span{
	color: #48b189;
	} 
.slicknav_nav li.koko ul.child li a span,
.slicknav_nav li.koko ul.child li a,
.slicknav_nav .koko a span.slicknav_arrow i{
	background: none;
}
.slicknav_nav li ul.child{
	background:#f29427;
}
.slicknav_nav li ul.child li a{
	border: none!important;
	color: #fff;
	padding: 13px 0;
}
.slicknav_nav li ul.child li a:hover{
	background:none;
	color: #fff;
}
.slicknav_nav li ul.child li{
	border-bottom: 1px dotted #fff;
}
.slicknav_nav li ul.child li:last-child{
	border-bottom: none;
}
.slicknav_nav li ul.child li:first-child{
	border-top: none;
	height: 51px;
}
.slicknav_nav li:first-child {
	width: 100%;
    height: 80px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    border: none;
	background: none;
}
.slicknav_nav li:first-child a {
	display: block;
	width: 201px;
	height: 67px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 4%;
	top: 9px;
	z-index: 2;
}
.slicknav_nav li:nth-child(2) {
	position: relative;
}
.slicknav_nav li:nth-child(2) a img,
#menu a img {
	width: 28px;
	height: 29px;
}
.slicknav_nav li:nth-child(2)::before {
	content: '';
	display: block;
	background: url("../img/common/logo.png") no-repeat;
	width: 201px;
	height: 67px;
	background-size: contain;
	position: absolute;
	top: -81px;
    left: 0%;
	z-index: 3;
}

.slicknav_nav li ul.child li:first-child,
.slicknav_nav li ul.child li:nth-child(2){
	position: relative;
	width: 92%;
	margin: 0 auto;
	height: 60px;
}
.slicknav_nav li ul.child li:nth-child(2) {
	border-top: none;
}
.slicknav_nav li ul.child li:nth-child(2)::before {
	display: none;
}
.slicknav_nav li ul.child li:first-child a,
.slicknav_nav li ul.child li:nth-child(2) a{
	width: 100%;
	left: 0;
	top: 0;
	display: flex;
	height: 60px;
}
@media screen and (min-width:600px) and ( max-width:1024px) {
	.slicknav_menu {
		display:none;
	}
}
@media screen and (min-width : 1025px) {
	.slicknav_menu {
		display:none;
	}	
}	
	
/*
.slicknav_btn,
.slicknav_btn span.slicknav_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.slicknav_btn {
  width: 26px;
  height: 22px;
}
.slicknav_btn span.slicknav_icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color:#fff;
z-index: 10;	
}
.slicknav_btn span.slicknav_icon span:nth-of-type(1) {
  top: 0;
}
.slicknav_btn span.slicknav_icon span:nth-of-type(2) {
  top: 10px;
}
.slicknav_btn span.slicknav_icon span:nth-of-type(3) {
  bottom: 0;
}



.slicknav_btn span.slicknav_icon span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(10px) rotate(45deg);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.slicknav_btn span.slicknav_icon span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.slicknav_btn span.slicknav_icon span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-10px) rotate(-45deg);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.slicknav_btn.slicknav_open span.slicknav_icon span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(10px) rotate(0);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}
.slicknav_btn.slicknav_open span.slicknav_icon span:nth-of-type(2) {
  opacity: 0;
}
.slicknav_btn.slicknav_open span.slicknav_icon span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-10px) rotate(0);
  }
  100% {
    transform: translateY(-10px) rotate(-45deg);
  }
}	
*/