/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
	z-index: 102;
  position: relative;
  display: block;
  vertical-align: middle;
/*   float: right; */
  /* padding: 0.438em 0.625em 0.438em 0.625em; */
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    display: block;
 }

.slicknav_menu .slicknav_icon em{
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
/*   width: 26px; */
/*   height: 2px; */
/* margin: -2px 0 0 8px; */
	width: 21px;
	height: 2px;
  margin: -2px 0 0 0;
  background: #000;
  transition: .2s;
	border-radius:20px;
	border: 0;
}

@media (max-width: 991px) {

.slicknav_menu .slicknav_icon em{
width: 21px;
height: 2px;
margin: -1px 0 0 0;
	}

}

.slicknav_menu .slicknav_icon em:before, .slicknav_menu .slicknav_icon em:after{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 62px;
  height: 2px;
  background: #000;
  transition: .3s;
}
.slicknav_menu .slicknav_icon em:before{
  margin-top: -7px;
}
.slicknav_menu .slicknav_icon em:after{
  margin-top: 7px;
}

.slicknav_menu .slicknav_open .slicknav_icon em{
  background: transparent;
}
.slicknav_menu .slicknav_open .slicknav_icon em:before, .header .slicknav_open .navbar-toggler em:after{
  margin-top: 0;
	background: #0071ab;
}
.slicknav_menu .slicknav_open .slicknav_icon em:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	margin-top: -1px;
	background: #fff;
}
.slicknav_menu .slicknav_open .slicknav_icon em:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
	margin-top: -1px;
	background: #fff;
}
.slicknav_menu .slicknav_open .slicknav_icon em:hover,.slicknav_menu .slicknav_open .slicknav_icon em:active{
opacity: 1;
}



  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }

  .slicknav_nav .slicknav_arrow {
		text-indent: -9999px;
		content: "";
    width: 12px;
    height: 12px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -10px;
     }

	.slicknav_nav .slicknav_open .slicknav_arrow{
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -2px;
	}

  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .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 {


  /*
font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px;
*/ }
  .slicknav_menu * {
    /* box-sizing: border-box;  */}


.slicknav_btn {
/*
background-image:url(../img/icon/menu.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 36px 28.5px;
-webkit-background-size:36px 28.5px;
-moz-background-size:36px 28.5px;
display: block;
width: 36px;
height: 28.5px;
*/

z-index: 102;
width: 45px;
height: 40px;
}


/*
.slicknav_btn.slicknav_open{
background-image:url(../img/icon/close.png);
}
*/
.slicknav_nav {
z-index: 100;
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 0;
background:rgba(255,255,255,.9);
  margin: 0;
  padding:0;

  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
.slicknav_nav li{

}
.slicknav_nav li:last-child{
margin: 0;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    margin: 0; }
.slicknav_nav .slicknav_row {
    padding:20px 0;
		position: relative;
     }

.slicknav_nav .slicknav_row:hover {
      color: #fff; }

.slicknav_nav a {
	  text-align: center;
	  font-weight: bold;
    margin: 0;
	display: block;
    text-decoration: none;
    color: white;
font-size: 15px;
letter-spacing: 1px;
}




@media (max-width: 960px) {

.slicknav_nav ul{
padding:0 20px;
}

.slicknav_nav ul li{
text-align: center;
color: black;
margin-bottom: 30px;
}
.slicknav_nav ul li:last-child{
border-bottom: 0;
}
.slicknav_nav ul li a{
display: block;
font-weight: bold;
text-align: center;
font-size: 16px;
line-height: 1;
color: black;
font-feature-settings : "palt";
 }
.slicknav_nav ul ul{
border-top:2px solid white; 
padding: 0;
}
.slicknav_nav ul ul li{
border-bottom: 0;
border-top:1px dotted white; 
}
.slicknav_nav ul ul li:first-child{
border-top:0; 
}
.slicknav_nav .sns-nav{
display: flex;
justify-content: center;
}
.slicknav_nav .sns-nav a{
display: block;
width: 50px;
margin: 0 10px;
padding: 0;
}
.slicknav_nav .bottom-area{
margin-top: 42px;
text-align: center;
color: white;
}
.slicknav_nav .bottom-area h3{
font-size: 14px;
font-weight: bold;
margin-bottom: 28px;
}
.slicknav_nav .bottom-area p{
font-size: 12px;
line-height: 1.6;
}
.slicknav_nav .bottom-area a{
color: white;
padding: 0;
font-size: 12px;
font-weight: normal;
letter-spacing: 0;
text-decoration: underline;
}
.slicknav_nav .bottom-area small{
font-size: 10px;
	}
}

/*
@media screen and (max-width: 1100px) and (max-height: 600px) {
.slicknav_nav ul{
height:480px;
overflow: auto;
	}
}
@media (max-height: 568px) {
.slicknav_nav ul{
height:420px;
overflow: auto;
	}
}
*/


  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
