@charset "UTF-8";

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger {
 position: fixed;
 top: 20px;
 left: 10px;
 width: 50px;
 height: 50px;
 z-index: 9999;
 background: rgba(0,0,0,0.4);
 border-radius: 4px;
}
a.menu-trigger:hover{
background: rgba(0,0,0,0.2);
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 5px;
 width: 80%;
 height: 3px;
 background-color: #FFF;
 border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
 top: 8px;
}
.menu-trigger span:nth-of-type(2) {
 top: 24px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 8px;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(16px) rotate(-45deg);
 transform: translateY(16px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-16px) rotate(45deg);
 transform: translateY(-16px) rotate(45deg);
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 0;
 z-index: 100;
 background: rgba(0,0,0,0.8);
 padding: 20px;
 box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
 margin-top: 40px;
}
#overlay ul li a{
 color: #fff;
 text-decoration: none;
 font-size: 150%;
}

#overlay li span {
 background: #FF3399;
 font-size: 0.8rem;
 padding: 0 4px 1px 6px;
 margin-right: 8px;
 border-radius: 3px;
 color: #FFF;
 }

.mov-nav-fb img,
.mov-nav-line img {
	border-radius: 5px;
}
 
@media only screen and (min-width: 768px) {
#mob-nav {
 display: none;
 }
}