.overlay a {text-decoration:none;}
.overlay-menu p {color:#aaa;font-size:13px;margin-top:9%;}
	
#menu-foot {position:absolute;display:block;color:#aaa;font-size:12px;bottom: 5%; left: 10%;font-family: 'Dosis', sans-serif;letter-spacing:0.1em;}

/* button */
.button_container {position: fixed;top: 52px;right: 45px;height: 22px;width: 43px;cursor: pointer;z-index: 9999;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;}
.button_container span {background: #fff;border: none; height: 4px;width: 100%;position: absolute;top: 0;right: 0;-webkit-transition: all .35s ease;transition: all .35s ease;
  cursor: pointer;}
.button_container span:nth-of-type(2) {top: 11px;left: -10px;width: 43px;}
.button_container span:nth-of-type(3) {top: 22px;width: 32px;}
.button_container .bottom {width:25px;}
.button_container:hover > .top {width:30px;}
.button_container:hover > span:nth-of-type(2) {top: 11px;left: -10px;width: 53px;}
.button_container:hover > span:nth-of-type(3) {top: 22px;width: 22px;}
.button_container.active:hover > .bottom {width:43px;}
.button_container.active:hover > .top {width:43px;}
.button_container:hover {opacity: .7;}
.button_container.active .top {-webkit-transform: translateY(11px) translateX(0) rotate(45deg);transform: translateY(11px) translateX(0) rotate(45deg);background: #FFF;}
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {width: 43px;top: 22px;-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);background: #FFF;}
	
@media only screen and (max-width: 700px) {
.button_container {top: 40px;right: 30px;}
}

			
.glitch_word_box {
	display: block;
	margin-top: -8%;
				position: relative;
	font-family: 'Rajdhani', sans-serif;font-weight: 600;
				
				-webkit-animation: disappear 1s linear;
				-webkit-animation-iteration-count: infinite, infinite;
				-moz-animation: disappear 1s linear;
				-moz-animation-iteration-count: infinite, infinite;
				-o-animation: disappear 1s linear;
				-o-animation-iteration-count: infinite, infinite;}
	.glitch_word_box:after {content: "";position: absolute;border: 1px solid #fff;}
			
.glitch_word_box .glitch_word0 {
				position: absolute;
				width: 100%;
}
			
.glitch_word_box .glitch_word1 {
				color: red;
				font-weight: bolder;
				left: -2px;
				position: absolute;
				top: -2px;
				width: 100%;
				z-index: -1;	
				
				-webkit-animation: animate_glitch_1 .2s linear;
				-webkit-animation-iteration-count: infinite;	
				-moz-animation: animate_glitch_1 .2s linear;
				-moz-animation-iteration-count: infinite;	
				-o-animation: animate_glitch_1 .2s linear;
				-o-animation-iteration-count: infinite;	
}
			
.glitch_word_box .glitch_word2 {
				color: blue;
				font-weight: bolder;
				left: 2px;
				position: absolute;
				top: 2px;
				width: 100%;
				z-index: -1;
				
				-webkit-animation: animate_glitch_2 .3s linear;
				-webkit-animation-iteration-count: infinite;
  		-moz-animation: animate_glitch_2 .3s linear;
				-moz-animation-iteration-count: infinite;
  		-o-animation: animate_glitch_2 .3s linear;
				-o-animation-iteration-count: infinite;
}
			
@-webkit-keyframes disappear {
				0% {	opacity: 0;	}
				2% { opacity: 1; }
}
						
@-webkit-keyframes animate_glitch_1 {
			  	0% { top: 1px; left: 1px; }
			 	25% { top: 3px; left: 2px;	 }
		 		50% { top: -1px; left: -4px;	}
			 	75% { top: 2px; left: 5px;	}
				100% {	top: 1px; left: -2px;	}			
}
			
@-webkit-keyframes animate_glitch_2 {
			  	0% { top: -1px; left: -1px;	}
 				25% { top: -3px; left: -2px;	}
 				50% { top: 1px; left: 4px; }
				100% { top: -1px; left: -1px; }			
}

@-moz-keyframes disappear {
				0% {	opacity: 0;	}
				2% { opacity: 1; }
}
						
@-moz-keyframes animate_glitch_1 {
			  	0% { top: 1px; left: 1px; }
			 	25% { top: 3px; left: 2px;	 }
		 		50% { top: -1px; left: -4px;	}
			 	75% { top: 2px; left: 5px;	}
				100% {	top: 1px; left: -2px;	}			
}
			
@-moz-keyframes animate_glitch_2 {
			  	0% { top: -1px; left: -1px;	}
 				25% { top: -3px; left: -2px;	}
 				50% { top: 1px; left: 4px; }
				100% { top: -1px; left: -1px; }			
}

@-o-keyframes disappear {
				0% {	opacity: 0;	}
				2% { opacity: 1; }
}
						
@-o-keyframes animate_glitch_1 {
			  	0% { top: 1px; left: 1px; }
			 	25% { top: 3px; left: 2px;	 }
		 		50% { top: -1px; left: -4px;	}
			 	75% { top: 2px; left: 5px;	}
				100% {	top: 1px; left: -2px;	}			
}
			
@-o-keyframes animate_glitch_2 {
			  	0% { top: -1px; left: -1px;	}
 				25% { top: -3px; left: -2px;	}
 				50% { top: 1px; left: 4px; }
				100% { top: -1px; left: -1px; }			
}
	
	
	
	

.overlay {position: fixed;background: #96272D;top: 0;left: 0;width: 100%;height: 0%;opacity: 1;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden;}
.overlay.open {opacity: .96;visibility: visible;height: 100%;box-sizing: border-box;}
.overlay.open li {position: relative; -webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;font-family:  'Oswald', sans-serif;font-weight: 600;letter-spacing: 0.1em;}
.overlay.open li:first-child {-webkit-animation-delay: .35s;animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;animation-delay: .4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s;animation-delay: .45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s; animation-delay: .50s;}
.overlay.open li:nth-of-type(5) {-webkit-animation-delay: .55s;animation-delay: .55s;}
.overlay.open li:nth-of-type(6) {-webkit-animation-delay: .60s;animation-delay: .60s;}
.overlay.open li:nth-of-type(7) {-webkit-animation-delay: .65s;animation-delay: .65s;}
.overlay.open li:first-child:after ,.overlay.open li:nth-of-type(2):after ,.overlay.open li:nth-of-type(3):after ,.overlay.open li:nth-of-type(4):after ,.overlay.open li:nth-of-type(5):after ,.overlay.open li:nth-of-type(6):after ,.overlay.open li:nth-of-type(7):after {position: absolute; top: 1em;left: -67px;font-size: 16px;color: #fff;}
.overlay.open li:first-child:before ,.overlay.open li:nth-of-type(2):before,.overlay.open li:nth-of-type(3):before,.overlay.open li:nth-of-type(4):before,.overlay.open li:nth-of-type(5):before,.overlay.open li:nth-of-type(6):before,.overlay.open li:nth-of-type(7):before {content: " ";position: absolute; top: 0.59em;left: -10px;width: 100%;height: 1px;background: rgba(255,255,255,0.5);}
.overlay.open li:first-child:after {content: "00 .";}
.overlay.open li:nth-of-type(2):after {content: "01 .";}
.overlay.open li:nth-of-type(3):after {content: "02 .";}
.overlay.open li:nth-of-type(4):after {content: "03 .";}
.overlay.open li:nth-of-type(5):after {content: "04 .";}
.overlay.open li:nth-of-type(6):after {content: "05 .";}
.overlay.open li:nth-of-type(7):after {content: "07 .";}
.overlay nav {position: relative;height: auto;top: 50%;transform: translateY(-50%);margin-left:17%;font-size: 50px;font-family: 'Dosis', sans-serif;text-align: left;}
.overlay ul li {display: block;height:15%;min-height: 80px;position: relative;opacity: 0;max-height: 80px;}
.overlay ul {width: 86%;list-style: none;padding: 0;margin: 0 auto;height:100%;display: inline-block;position: relative;}
.overlay ul li a {width: 100%;text-decoration: none;}

@media only screen and (max-width: 700px) {
.overlay nav {font-size: 30px;}
.overlay ul li {height:7%;}
.overlay ul {width: 100%;}
.overlay nav {margin-left:17%;}
.overlay.open li:first-child:after ,.overlay.open li:nth-of-type(2):after ,.overlay.open li:nth-of-type(3):after ,.overlay.open li:nth-of-type(4):after ,.overlay.open li:nth-of-type(5):after ,.overlay.open li:nth-of-type(6):after ,.overlay.open li:nth-of-type(7):after {top: 0.5em;}
.overlay ul li {min-height: 60px;}
}
@media only screen and (max-width: 500px) {
.overlay ul {width: 90%;}
.overlay nav {margin-left:30%;}
}

	
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




.link {
	outline: none;
	text-decoration: none;
	position: relative;
	line-height: 1;
	display: inline-block;}

/* Kumya */
.link--kumya {
	overflow: hidden;
	line-height: 1;
	color: #fff;}

.link--kumya:hover {
	color: #fff;}

.link--kumya span {
	display: block;
	position: relative;
}

.link--kumya span::before {
	content: attr(data-letters);
	position: absolute;
	color: #aaa;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	width: 0%;
	-webkit-transition: width 1s;
	transition: width 1s;
	-webkit-transition-timing-function: cubic-bezier(0.1,0,0.3,1);
	transition-timing-function: cubic-bezier(0.1,0,0.3,1);
}

.link--kumya:hover span::before {
	width: 100%;
}