/**
 * fullPage 2.4.3
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
         
         
 /* FONTS */
 @font-face {
    font-family: 'markbold';
    src: url('fonts/mark/markbold-webfont.eot');
    src: url('fonts/mark/markbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mark/markbold-webfont.woff2') format('woff2'),
         url('fonts/mark/markbold-webfont.woff') format('woff'),
         url('fonts/mark/markbold-webfont.ttf') format('truetype'),
         url('fonts/mark/markbold-webfont.svg#markbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/fontello.eot?99608018');
  src: url('fonts/fontello/fontello.eot?99608018#iefix') format('embedded-opentype'),
       url('fonts/fontello/fontello.woff?99608018') format('woff'),
       url('fonts/fontello/fontello.ttf?99608018') format('truetype'),
       url('fonts/fontello/fontello.svg?99608018#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon/socicon-webfont.eot');
    src: url('fonts/socicon/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon/socicon-webfont.woff') format('woff'),
         url('fonts/socicon/socicon-webfont.ttf') format('truetype'),
         url('fonts/socicon/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.eightypercent{
display:block;
margin-top:0px;
}

a{text-decoration:none;}
.socicon {
    font-family: 'socicon' !important;
    text-transform:lowercase!important;
}

.leftysocial{
float:left;
padding-left:15px;

}

.leftysocial a{
	text-decoration:none;
}


#latestshow{
	position:absolute;
	width:20%;
	text-align:center;
	right:10px;
	padding-top:15px;
	z-index:999999;
	cursor:default;

} 

#socialmedia{
	position:absolute;
	width:20%;
	text-align:center;
	left:0;
	padding-top:15px;
	z-index:9999999;
} 


html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0); /*Avoid flicker on slides transitions for mobile phones #336 */
	font-family:'markbold', helvetica, sans-serif;
	text-align:center;
	background:#eee;
	color:#555;
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none; /* Touch detection for Windows 8 */
    touch-action: none;/* IE 11 on Windows Phone 8.1*/
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
    background-color:white;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 0;
    cursor: pointer;
    width: 48%;
    height: 100%;
    margin-top: 0;
}

.fp-controlArrow.fp-prev {
    left: 0;
    width: 50%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}

.fp-controlArrow.fp-next {
    left: 50%;
    width: 50%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}

.fp-controlArrow.fp-prev-0 {
    left: 0;
    width: 50%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}

.fp-controlArrow.fp-next-0 {
    left: 50%;
    width: 50%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}

.fp-controlArrow.fp-prev-1 {
    left: 0;
    width: 25%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}

.fp-controlArrow.fp-next-1 {
    left: 25%;
    width: 25%;
	position:absolute;
	top:0;
	min-height:100%;
	cursor:none;
}


.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav li,
.fp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav li {
    display: inline-block;
}
#fp-nav li a,
.fp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav li .active span,
.fp-slidesNav .active span {
    background: #333;
}
#fp-nav span,
.fp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.fp-tooltip.right {
    right: 20px;
}
.fp-tooltip.left {
    left: 20px;
}

/* ARROWS */

.arrows-wrapper {
	position:relative;
}

.arrow-left {
	width:60px;
	height:60px;
	left:50px;
	font-size:50px;
	line-height:55px;
	white-space:nowrap;
	text-align:center;
	opacity:0;
	z-index:51;
	font-family:'fontello', helvetica, sans-serif;
	color:#fff;
	display:block;
}

.arrow-right {
	width:60px;
	height:60px;
	font-size:50px;
	line-height:55px;
	white-space:nowrap;
	text-align:center;
	opacity:0;
	z-index:51;
	font-family:'fontello', helvetica, sans-serif;
	color:#fff;
	display:block;
}

.arrow-up {
	width:60px;
	height:60px;
	font-size:50px;
	line-height:55px;
	white-space:nowrap;
	text-align:center;
	opacity:0;
	z-index:51;
	font-family:'fontello', helvetica, sans-serif;
	color:#fff;
	display:block;
}

.arrow-down {
	width:60px;
	height:60px;
	font-size:50px;
	line-height:55px;
	white-space:nowrap;
	text-align:center;
	opacity:0;
	z-index:51;
	font-family:'fontello', helvetica, sans-serif;
	color:#fff;
	display:block;
}

.arrow-up-area {
	position:absolute;
	top:0;
	height:20%;
	left:0;
	right:0;
	z-index:52;
	display:block;
	cursor:none;
	transform:none;
}

.arrow-down-area {
	position:absolute;
	bottom:0;
	height:20%;
	left:0;
	right:0;
	z-index:52;
	display:block;
	cursor:none;
	transform:none;
}

.arrows {
	position:absolute;
	height:60px;
	width:60px;
	z-index:50;
	pointer-events:none;
	overflow:hidden;
	font-family:'fontello', helvetica, sans-serif;
}

/* MASKS */
/* MASKS */

.masked {
	background: url(imgs/gradients/default.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
	color:#00000;
}

.masked2 {
	background: url(imgs/gradients/tidal_hieroglyphics.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked3 {
	background: url(imgs/gradients/abalone_meditations.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked4 {
	background: url(imgs/gradients/opalescent_margins.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked5 { 
	background: url(imgs/gradients/blue_cocoon.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked6 { 
	background: url(imgs/gradients/celestial_cocoons.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked7 {
	background: url(imgs/gradients/monarch_cocoons.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked8 {
	background: url(imgs/gradients/butterflies.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked9 {
	background: url(imgs/gradients/india.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked10 {
	background: url(imgs/gradients/eve.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked11 {
	background: url(imgs/gradients/equador.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked12 {
	background: url(imgs/gradients/peru.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked13 {
	background: url(imgs/gradients/memphis.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked14 {
	background: url(imgs/gradients/seascapes.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked15 {
	background: url(imgs/gradients/safari.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked16 {
	background: url(imgs/gradients/bhutan.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked17 {
	background: url(imgs/gradients/liberia.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked18 {
	background: url(imgs/gradients/sumba.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked19 {
	background: url(imgs/gradients/alley_etching.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

.masked20 {
	background: url(imgs/gradients/iris.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	line-height:120%;
}

/* MENU TOGGLE */

li a:hover {
transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
border:none!important;
}


#toggle {
  display: block;
  width: 30px;
  height: 30px;
  margin: 30px auto 10px;
  position:fixed;
  z-index:5000;
  margin-left:-15px;
  left:50%;
  z-index:10000000000000;
}


#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 7px;
  	background: url(gradients/paint.png) repeat, transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: span;
	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 80s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* ON ACTIVATION */

#toggle.on span {
	background:none;
}

#toggle.on span:before {
 	transform:rotate(45deg) translate(5px, 5px);
    -webkit-transform:rotate(45deg) translate(5px, 5px);
	-ms-transform:rotate(45deg) translate(5px, 5px);
}

#toggle.on span:after {
 	transform: rotate(-45deg) translate(7px, -8px);
    -webkit-transform: rotate(-45deg) translate(7px, -8px);
    -ms-transform: rotate(-45deg) translate(7px, -8px);

}

.skewit{
	 	transform:rotate(-180deg) translate(5px, 5px);
    -webkit-transform:rotate(-180deg) translate(5px, 5px);
	-ms-transform:rotate(-180deg) translate(5px, 5px);
	
}

.noskew{
	transform:none;
}

/* MENU */

.menuitem{
	display:table-cell;
	vertical-align:middle;
	position: relative;
	padding-left:10%;
	padding-right:10%;
	cursor:default;
}

#menu {
	cursor:pointer;
	z-index:53;
	position: fixed;
	color: white;
	width: 100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.8);
	text-align: center;
	opacity: 0; 
	transition: opacity .8s;
	left:0;
	top:0;
	text-transform:uppercase;
	pointer-events:none;
	display:table;
}

#menu.on {
	opacity:1;
	pointer-events:all;
	cursor:pointer;
}

ul, li, li a {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

li a {
  padding: 5px;
  text-decoration: none;
  transition: all .2s;
  font-size: 2.5vw;
  padding-bottom:5px;
  margin-right:10px;
  
}

/* ANIMATIONS */

@-webkit-keyframes bg {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}
@-moz-keyframes bg {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}
@keyframes bg { 
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}

@-webkit-keyframes masked-animation {
	0% {background-position: left bottom;}
	100% {background-position: right bottom;}
}

h1 {
    -webkit-animation: pulse 90s infinite alternate;
}

#textleft{
	left:0px;
	position:fixed;
	z-index:1000000;
	top:80%;
	-webkit-transform: rotate(270deg);   
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	color:rgba(0, 0, 0, 0.4);
	padding:10px;
	background-color:white;
	text-transform:uppercase;
	padding:20px;
	width:80px;
	text-align:center;
}

#textright{
	right:0px;
	position:fixed;
	z-index:1000000;
	top:20%;
	-webkit-transform: rotate(270deg);   
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	color:rgba(0, 0, 0, 0.4);
	padding:10px;
	background-color:white;
	text-transform:uppercase;
	padding:20px;
	width:80px;
	text-align:center;
}

.active a {
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
}

/* DEMO STYLES */

p, p a {
	font-size: 3vw;
	text-align: center; 
	color: #888;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	line-height:105%;
	font-weight:normal;
	letter-spacing: -1px;
	padding:120px;
	color:black;
	text-align:center;
	font-size: 7vw;	  
}

/* SECTIONS  */

#section0 img,
#section1 img {
	margin: 20px 0 0 0;
}

#section2 img{
	margin: 20px 0 0 52px;
}

#section3 img{
	bottom: 0px;
	position: absolute;
	margin-left: -420px;
}
		
.intro p{
	width: 50%;
	margin: 0 auto;
}

.twitter-share-button{
	position: absolute;
	z-index: 99;
	right: 149px;
	top: 9px;
}

/* SLIDES */

.slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background color:black;
}

/* DIAGONAL BACKGROUND */

.diagonal {
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQALl5eX/GWF8EKezs5MRLADjgNiMyByQAAC2xw5pFYdCMwAAAABJRU5ErkJggg==);
   background-size:auto;
   background-repeat:repeat;
   -webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
}

#hoverarea{
	width:40px;
	height:40px;
	padding-top:20px;
	padding-bottom:20px;

}

/* footer */

.slidefooter {
    width:100%;
    height:auto;
    position:absolute;
    left: 0px;
}
.footer {
    position:fixed;
    padding-top:5px;
    padding-bottom:5px;
    bottom: -25px;
    height:40px;
    width: 100%;
    left: 0px;
    display: inline-block;
    overflow: hidden;
    cursor:pointer;
    z-index:999;
    font-family: 'markbold';
	background-color:rgba(0, 0, 0, 0.2);
	transition: all .2s;
}

.footer:hover {
     bottom:0px;   
}


/* FIREFOX DEBUGGING */



		@-webkit-keyframes color_change {
      0% {color: #10f;}
     25% {color: #5dff2b;}
     50% {color: #ff00f8;}
     75% {color: #ff000f;}
     100% {color: #00fcff}
		}
		@-moz-keyframes color_change {
      0% {color: #10f;}
     25% {color: #5dff2b;}
     50% {color: #ff00f8;}
     75% {color: #ff000f;}
     100% {color: #00fcff}
		}
		@-ms-keyframes color_change {
      0% {color: #10f;}
     25% {color: #5dff2b;}
     50% {color: #ff00f8;}
     75% {color: #ff000f;}
     100% {color: #00fcff}
		}
		@-o-keyframes color_change {
      0% {color: #10f;}
     25% {color: #5dff2b;}
     50% {color: #ff00f8;}
     75% {color: #ff000f;}
     100% {color: #00fcff}
		}
		@keyframes color_change {
      0% {color: #10f;}
     25% {color: #5dff2b;}
     50% {color: #ff00f8;}
     75% {color: #ff000f;}
     100% {color: #00fcff}
		}
		
/* background animation */
			@-webkit-keyframes color_change2 {
      0% {background-color: #10f;}
     25% {background-color: #5dff2b;}
     50% {background-color: #ff00f8;}
     75% {background-color: #ff000f;}
     100% {background-color: #00fcff}
		}
		@-moz-keyframes color_change2
     25% {background-color: #5dff2b;}
     50% {background-color: #ff00f8;}
     75% {background-color: #ff000f;}
     100% {background-color: #00fcff}
		}
		@-ms-keyframes color_change2 {
      0% {background-color: #10f;}
     25% {background-color: #5dff2b;}
     50% {background-color: #ff00f8;}
     75% {background-color: #ff000f;}
     100% {background-color: #00fcff}
		}
		@-o-keyframes color_change2 {
      0% {background-color: #10f;}
     25% {background-color: #5dff2b;}
     50% {background-color: #ff00f8;}
     75% {background-color: #ff000f;}
     100% {background-color: #00fcff}
		}
		@keyframes color_change2 {
      0% {background-color: #10f;}
     25% {background-color: #5dff2b;}
     50% {background-color: #ff00f8;}
     75% {background-color: #ff000f;}
     100% {background-color: #00fcff}
		}
		
		
.gecko .masked {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;   
 }
 
 
.gecko .masked1 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }

.gecko .masked2 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }

.gecko .masked3 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }

.gecko .masked4 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }

.gecko .masked5 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }
.gecko .masked6 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }
.gecko .masked7 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked8 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked9 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked10 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked11 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked12 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;   
 }
.gecko .masked13 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked14 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked15 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked16 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked17 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  

 }
.gecko .masked18 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
.gecko .masked19 {
background:none;
color: blue;
-webkit-animation: color_change 20s infinite alternate;
-moz-animation: color_change 20s infinite alternate;  
-ms-animation: color_change 20s infinite alternate;  
-o-animation: color_change 20s infinite alternate;  
animation: color_change 20s infinite alternate;  
 }
 

.gecko #toggle span {
background:none;
color: blue;
-webkit-animation: color_change2 20s infinite alternate;
-moz-animation: color_change2 20s infinite alternate;  
-ms-animation: color_change2 20s infinite alternate;  
-o-animation: color_change2 20s infinite alternate;  
animation: color_change2 20s infinite alternate;  
}

.gecko #toggle span:after {
background:none;
color: blue;
-webkit-animation: color_change2 20s infinite alternate;
-moz-animation: color_change2 20s infinite alternate;  
-ms-animation: color_change2 20s infinite alternate;  
-o-animation: color_change2 20s infinite alternate;  
animation: color_change2 20s infinite alternate;  
}

.gecko #toggle span:before{
background:none;
color: blue;
-webkit-animation: color_change2 20s infinite alternate;
-moz-animation: color_change2 20s infinite alternate;  
-ms-animation: color_change2 20s infinite alternate;  
-o-animation: color_change2 20s infinite alternate;  
animation: color_change2 20s infinite alternate;  
}

.gecko #toggle.on span {
	background:none!important;
}