@import "planets.css";
/*

	structure
*/
body{
	color: #fff;
}

.width{
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1920px;
}

/*
	sprites
*/

.icn{ display: inline-block; background: url('../images/index-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; -webkit-background-size: 22px auto;background-size: 22px auto;}
.icn-mouse-scroll { background-position: -1px -42px; width: 18px; height: 25px;}
.icn-mouse-scroll-extra{ display: inline-block; background: url('../images/mouse-sprites.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;width: 20px;height: 5px;-webkit-background-size: 48px 28px;background-size: 48px 28px;}
[data-current-slide="1"] .icn-mouse-scroll-extra{ background-position: -2px -0px; }
[data-current-slide="2"] .icn-mouse-scroll-extra{ background-position: -24px -0px; }
[data-current-slide="3"] .icn-mouse-scroll-extra{ background-position: -2px -7px; }
[data-current-slide="4"] .icn-mouse-scroll-extra{ background-position: -24px -7px; }
[data-current-slide="5"] .icn-mouse-scroll-extra{ background-position: -2px -13px; }
[data-current-slide="6"] .icn-mouse-scroll-extra{ background-position: -24px -13px; }
[data-current-slide="7"] .icn-mouse-scroll-extra{ background-position: -2px -20px; }
[data-current-slide="8"] .scroll-down { display: none;}

@keyframes star{
	0{
		opacity: 1;
	}
	30%{
		opacity: 0.3;
	}
	60%{
		opacity: 0.7;
	}
	80%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}
@keyframes light{
	0{
		opacity: 0.6;
	}
	50%{
		opacity: 0.7;
	}
	100%{
		opacity: 0.6;
	}	
}


@keyframes rotate-01{
	0{
		transform:perspective(1px) rotate(0deg)
	}
	100%{
		transform:perspective(1px) rotate(360deg)
	}
}
@keyframes rotate-02{
	0{
		transform:perspective(1px) rotate(0deg)
	}
	100%{
		transform:perspective(1px) rotate(-360deg)
	}
}


/*
	typography
*/
.marked-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
}
.marked-list li{
	padding-left: 20px;
	position: relative;
	margin-bottom: 1.2em;
}
.marked-list li:before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: currentColor;
	position: absolute;
	left: 0;
	top: 10px;

}



/*
	header
*/

.header{
	position: fixed;
	color: #fff;
	width: 100%;
	z-index: 12;
	top: 0;
	left: 0;
}


.header a{
	color: #fff;
}
.header a:hover{
	color: #ffe264;
}
.logo-place{display: inline-block;position: relative;}
.logo-logo{-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;}
.logo-logo-w{opacity: 0;display: block;position: absolute;left: 0;top: 0;}
[data-current-slide="1"] .logo-logo-w{opacity: 1;}
[data-current-slide="1"] .logo-logo:not(.logo-logo-w){opacity: 0;}

.navi-call span{background: #fff;}

.header .btn-gd:hover{
	color: #fff;
}
.footer .width,
.header .width{
	max-width: none;
}
.logo-title{
	border-left-color: rgba(255,255,255,0.3)
}
.header-nav .mobile-only {display: none;}


@media (max-width: 1124px){
	.logo-title{
		display: none;
	}
}
@media (max-width: 960px){
	.header{
		position: absolute;
	}
	.header-btnplace{
		display: none;
	}

}


/*
	sections
*/

.planets-container{
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	
	
}

.planets-section{
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: right bottom;
	overflow: hidden;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

}

.planets-section .bg{
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: right bottom;
	position: absolute;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;	
}


@keyframes bt-lines{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}

}
@keyframes bt-lines-2{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}

}

.info-page:after,
.info-page:before{
	content: '';
	width: 100%;
	height: 4px;
	-webkit-background-size: 100% 4px;
	background-size: 100% 4px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 500;	
	opacity: 0;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.info-page:before{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	opacity: 0;
}
.info-page:before{
	opacity: 1;
	-webkit-animation: bt-lines 10s infinite linear;
	-o-animation: bt-lines 10s infinite linear;
	animation: bt-lines 10s infinite linear;
}
.info-page:after{
	opacity: 1;
	-webkit-animation:bt-lines-2  10s infinite linear;
	-o-animation:bt-lines-2  10s infinite linear;
	animation:bt-lines-2  10s infinite linear;
}


[data-current-slide="1"] .info-page:after,[data-current-slide="1"] .info-page:before{background-image: url(../images/index/00_border.png);}
[data-current-slide="2"] .info-page:after,[data-current-slide="2"] .info-page:before{background-image: url(../images/index/01_border.png);}
[data-current-slide="3"] .info-page:after,[data-current-slide="3"] .info-page:before{background-image: url(../images/index/02_border.png);}
[data-current-slide="4"] .info-page:after,[data-current-slide="4"] .info-page:before{background-image: url(../images/index/03_border.png);}
[data-current-slide="5"] .info-page:after,[data-current-slide="5"] .info-page:before{background-image: url(../images/index/04_border.png);}
[data-current-slide="6"] .info-page:after,[data-current-slide="6"] .info-page:before{background-image: url(../images/index/05_border.png);}
[data-current-slide="7"] .info-page:after,[data-current-slide="7"] .info-page:before{background-image: url(../images/index/06_border.png);}


.planet-width{
	max-width: 1920px;
	margin: 0 auto;
}

.planet-text{}
.appear-right{-webkit-backface-visibility: hidden;}
.appear-left{-webkit-backface-visibility: hidden;}

.planet-text-cols .appear-left {
	transform:perspective(1px) 	translateX(-100px);
	opacity: 0;
	-webkit-transition:all 0.4s 1s;
	-o-transition: 	all 0.4s 0.4s;
	transition: all 0.4s 0.4s;
}
.planet-text-cols .appear-right{
	transform:perspective(1px) 	translateX(100px);
	opacity: 0;
	-webkit-transition:all 0.4s;
	-o-transition: 	all 0.4s;
	transition: 	all 0.4s;
	-webkit-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.active .planet-text-cols .appear-left{opacity: 1;	transform:perspective(1px) 	translateX(0px);}
.active .planet-text-cols .appear-right{opacity: 1;	transform:perspective(1px) 	translateX(0px);}

.stars{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/index/stars_01.png);z-index: 1;}
.fp-completely .stars{-webkit-animation: star 8s linear infinite;-o-animation: star 8s linear infinite;animation: star 8s linear infinite;}
.stars-2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background: url(../images/index/stars_02.png);}
.fp-completely .stars-2{-webkit-animation: star 12s 2s linear infinite;-o-animation: star 12s 2s linear infinite;animation: star 12s 2s linear infinite;}
.axis{position: absolute;height: 100%;left: 34%;bottom: 0;width: 18.5%;z-index: 10;-webkit-backface-visibility: hidden;}

	@keyframes movestar{
		from{
			left:100%;
			top:0%;
		}
		25%{
			left:64%
		}
		50%{
			left:33%;
			top:50%;
		}
		75%{
			left:12%
		}
		to{
			top:100%;
			left:0%;
		}
	}

.axis-itself{
	background: url(../images/index/axis.png) no-repeat left top;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

.prev-slide .axis{}


.planet-complex{
	position: absolute;

}
.planet-layer-00,
.planet-layer-01,
.planet-layer-02,
.planet-layer-03,
.planet-layer-04{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}
.planet-layer-00{z-index: 18;position: absolute;}
.planet-layer-01{z-index: 17;position: absolute;}
.planet-layer-02{z-index: 16;position: absolute;}
.planet-layer-03{z-index: 15;position: absolute;}
.planet-layer-04{z-index: 14;position: absolute;}
.planet-layer-05{z-index: 13;position: absolute;}
.planet-layer-06{z-index: 12;position: absolute;}
.planet-layer-07{z-index: 11;position: absolute;}

.planet-text-cols{
	width: 100%;
	left: 0;
	font-size: 18px;
	z-index: 25;
	-webkit-backface-visibility: hidden;
}

.planet-text-cols header{
	font-weight: 500;
	font-size: 25px;
}

.planet-text-cols h2{
	font-size: 90px;
	line-height: 0.9;
	margin-bottom: 0.6em;
	margin-top: 0;
	width: 100px;
}

.planet-text-cols .lead{
	font-size: 25px;
}

.planet-text-cols .planet-text{
	position: relative;
	width: 42.5%;
	float: left;
}

.planet-text-cols .planet-text-r{
	float: right;
}

@media (max-width: 1500px){
	.planet-text-cols{
		width: 90%;
		left: 5%;
	}
	.planet-text-cols h2 {
	    font-size: 70px;
	}
	.planet-text-cols{
	    font-size: 15px;
	}
	.planet-text-cols.planet-text-cols header {
    font-weight: 500;
    font-size: 18px;
    width: 30%;
	}
	.planet-text-cols .lead {
    font-size: 18px;
	}
}
@media (max-width: 1500px){
	.planet-text-cols h2 {
	    font-size: 45px;
	}
}

@media (max-width: 960px){
	.axis{display: none;}
	.planet-text-cols h2{
		font-size: 33px;
		line-height: 1.1;
	}
	.planet-text-cols{
		padding-top: 62%;
		padding-bottom: 30px;
	}
	.planet-text-cols .lead,
	.planet-text-cols header{
		font-size: 18px;
	}
	.planet-text-cols.planet-text-cols header,
	.planet-text-cols .planet-text{
		float: none;
		width: 100%;
		font-size: 16px;
		padding-left:  0px;
		padding-right: 0px;
	}
	.planet-text-cols .marked-list{
		font-size: 15px;
	}

	.planet-text-cols, .planet-text{
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;


	}
	.planet-text-cols .appear-right,
	.planet-text-cols .appear-left{
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		opacity: 1;		
	}
	.planet-text-cols{
		width: 100%;
	}


}



/*
	section 0
*/

.planets-section-00 .bg{background-image: url(../images/index/00_bg.jpg);}

@media (min-width:1900px){
	.planets-section .planet-width {
	    max-width: 1600px;
	}    
}
.planets-section .planet-width{
	max-width: 1800px;
	width: 90%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
-webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
	padding-top: 5%;
}
.planets-section-00 .planet-width{
	padding-top: 0;
}


.planet-text-00{
	font-size: 18px;
	z-index: 25;
}
.planet-text-00 h1{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
}
.planet-text-00 h1 b{
	font-size: 41px;
	display: block;
}

.planets-section-00 .star{
	width: 35%;
	padding-top: 35%;
	position: absolute;
	left: 30%;
	top: 0;
}
.planets-section-00 .star-layer-01{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.planets-section-00 .star-layer-02{width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.planets-section-00.fp-completely .star-layer-02{-webkit-animation: rotate-01 22s infinite linear;-o-animation: rotate-01 22s infinite linear;animation: rotate-01 22s infinite linear;}
.planets-section-00 .star-layer-03{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.planets-section-00.fp-completely .star-layer-03{
-webkit-animation: rotate-02 28s  infinite linear;
-o-animation: rotate-02 28s  infinite linear;
animation: rotate-02 28s  infinite linear;
}


@media (min-width:960px){
	.galaxy-complex{
		background: url(../images/index/00_glow.png) no-repeat center center;
		width: 80%;
		height: 100%;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		position: absolute;
		right: 0;
	}




.galaxy-lines{
	width: 72%;
	position: absolute;
	padding-top: 30%;
	top: 50%;
	right: 2%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.galaxy-lines-itself{
	background: url(../images/index/00_dots.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 2;
}
.planet-small{
	position: absolute;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 3;
}
.planet-01{
	width: 2.1%;
	padding-top: 2.37%;
	top: 0;
	right: 11%;
	background-image: url(../images/index/00_planet_01.png);

}
.planet-02{
	width: 4.3%;
	padding-top: 4.3%;
	top: 46%;
	right: 28.3%;
	background-image: url(../images/index/00_planet_02.png);

}
.planet-03{
	width: 3.2%;
	padding-top: 3.2%;
	top: 33%;
	right: 28.75%;
	background-image: url(../images/index/00_planet_03.png);
}
.planet-04{
	width: 5.9%;
	padding-top: 5.5%;
	top: 30%;
	right: 17.97%;
	background-image: url(../images/index/00_planet_04.png);

}
.planet-05{
	width: 10.6%;
	padding-top: 5.2%;
	top: 11.8%;
	right: 3.358%;
	background-image: url(../images/index/00_planet_05.png);

}
.planet-06{
	width: 7.26%;
	padding-top: 6.11%;
	top: 2.5%;
	right: 20.12%;
	background-image: url(../images/index/00_planet_06.png);

}
.planet-07{
	width: 2.156%;
	padding-top: 2.156%;
	top: 31.5%;
	right: 39%;
	background-image: url(../images/index/00_planet_07.png);
}
}

@media (max-width:960px){

	.header{
		padding-top: 20px;
	}

	.header .width{
		padding-left: 15px;
		padding-right: 15px;
	}
.planets-section .planet-width {
    width: 85%;
}
	.planets-section-00{
		padding-top: 70%;
		padding-bottom: 30px;
	}
	.galaxy-complex{
		position: absolute;
		left: 0;
		top: 0;
	}
.galaxy-lines {
    width: 142%;
    padding-top: 59%;
    top: 13%;
}
	 .planet-text-00{
		font-size: 15px;
	 	left: 0;
	 	padding-left: 0px;
	 	padding-right: 0px;
	 }
	 .planet-text-00 h1 {
    font-size: 13px;
    letter-spacing: 0.8px;
    margin-bottom: 15px;
}
.planet-text-00 h1 b {
    font-size: 25px;
    margin-top: 12px;
    letter-spacing: 1.7px;
}
.marked-list li {
    padding-left: 13px;
    font-weight: normal;
    position: relative;
    margin-bottom: 0.4em;
}
.marked-list li:before {
    content: '';
    width: 4px;
    height: 4px;
    top: 8px;
}


		.planet-text-00 .btn {
		    display: block;
		    width: 100%;
		    margin-left: 0;
		    margin-top: 20px;
		    text-align: center;
		    letter-spacing: 0;
		}
}


/*
	section 1
*/
.planets-section-01 .bg{background-image: url(../images/index/01_bg.jpg);}


.planet-complex{
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.planet-complex .light{
	width: 300%;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0.6;
	z-index: 20;
}
.fp-completely .planet-complex .light{
	animation: light .5s linear infinite;
}
.planet-complex .light:after{
	content: '';
	width: 100%;
	padding-top: 15.4%;
	height: 0;
	background: url(../images/index/planet_light.png) no-repeat left top;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform:perspective(1px)  translate3d(-50%, -50%, 0);
	-ms-transform:perspective(1px)  translate3d(-50%, -50%, 0);
	-o-transform:perspective(1px)  translate3d(-50%, -50%, 0);
	transform: perspective(1px) translate3d(-50%, -50%, 0);
-webkit-backface-visibility: hidden;
}
.planet-complex{
	width: 154%;
	padding-top: 154%;
	top: 10.8%;
	z-index: 20;
	-webkit-backface-visibility: hidden;
	width: 150%;
	padding-top: 150%;
	position: absolute;
	right:-20%;
	top: -20%;
	-webkit-transform:translate(50%, -50%);
	-ms-transform:translate(50%, -50%);
	-o-transform:translate(50%, -50%);
	transform:translate(50%, -50%);

}

@media (max-width:1024px){
	.planet-complex{
		opacity: 1;
		top: 35%;
		left:50%;
	}
	.planet-text-cols .appear-left{opacity: 1;	transform:perspective(1px) 	translateX(0px);}
	.planet-text-cols .appear-right{opacity: 1;	transform:perspective(1px) 	translateX(0px);}
	.planets-section.fp-completely  .planet-complex>*{
		-webkit-animation-duration: 0s;
		 -o-animation-duration: 0s;
		 animation-duration: 0s; 
		 -webkit-animation: none !important;
		 -o-animation: none !important;
		 animation: none !important;
	}

}
@media (max-width:960px){
	.planet-complex{
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

}


.fromBottom{
/*	transform:perspective(1px) translate3d(0, 0%, 0);
	top: 120%;
	left: -25%;*/
}
.current-slide .planet-complex{
	-webkit-backface-visibility: hidden;
/*	top: 35%;
	left: 50%;*/
}

.kill-transition{
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.prev-slide .planet-complex{
/*	transform:perspective(1px) translate3d(14%, -30%, 0);
	opacity: 0.75;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;*/
}

@media (max-width: 960px){
	.planet-complex {
	    width: 68.57%;
	    padding-top: 68.57%;
	    left: 12%;
	    top: -3.2%;

	}
}

@media (min-width: 960px){

.planets-section-01 .planet-complex{
	width: 187%;
	    padding-top: 187%;
}

.planets-section-01 .planet-layer-00{
}
.planets-section-01 .planet-layer-01{z-index: 16;}
.planets-section-01.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 20s linear infinite;
	-o-animation: rotate-01 20s linear infinite;
	animation: rotate-01 20s linear infinite;
}
.planets-section-01 .planet-layer-02{
	background-image: url(../images/index/01_planet_layer_nuke.png);
	width: 25%;
	height: 25%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 17;
}
.planets-section-01.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 7s linear infinite;
	-o-animation: rotate-01 7s linear infinite;
	animation: rotate-01 7s linear infinite;
}
.planets-section-01 .planet-layer-03{}
.planets-section-01 .planet-complex .light{left: 62%;top: 52%;width: 250%;}
.planets-section-02 .planet-complex .light{left: 55%;top: 53%;width: 230%;}
.planets-section-03 .planet-complex .light{left: 56%;top: 52%;width: 255%;}
.planets-section-04 .planet-complex .light{left: 67%;top: 58%;width: 235%;}
.planets-section-05 .planet-complex .light{left: 59%;top: 52%;}
.planets-section-06 .planet-complex .light{left: 51%;top: 48%;}
.planets-section-07 .planet-complex .light{left: 59%;top: 55%;width: 250%;}



/*
	section 2
*/
.planets-section-02 .planet-complex{
  	    width: 200%;
	    padding-top: 200%;
}
.planets-section-02 .bg{background-image: url(../images/index/02_bg.jpg);}


.planets-section-02 .planet-layer-00{}
.planets-section-02 .planet-layer-01{
	background-image: url(../images/index/02_planet_nuke.png);
	width: 21.48%;
	height: 21.48%;
    left: 38%;
    top: 39%;}
.planets-section-02.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-02.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 25s linear infinite;
	-o-animation: rotate-01 25s linear infinite;
	animation: rotate-01 25s linear infinite;
}
.planets-section-02 .planet-layer-03{}


/*
	section 3
*/
.planets-section-03 .planet-complex{
  	    width: 180%;
	    padding-top: 180%;
}

.planets-section-03 .bg{background-image: url(../images/index/03_bg.jpg);}


.planets-section-03 .planet-layer-00{}
.planets-section-03 .planet-layer-01{
	background-image: url(../images/index/03_planet_nuke.png);
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 22.16%;
	height: 22.16%;
}
.planets-section-03.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-03.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 20s linear infinite;
	-o-animation: rotate-01 20s linear infinite;
	animation: rotate-01 20s linear infinite;
}
.planets-section-03 .planet-layer-04{}




/*
	section 4
*/
.planets-section-04 .bg{background-image: url(../images/index/04_bg.jpg);}

.planets-section-04 .planet-complex{
  	    width: 190%;
	    padding-top: 190%;
}

.planets-section-04 .planet-layer-00{
}
.planets-section-04 .planet-layer-01{
	left: 2%;
	top: 1.5%;
}
.planets-section-04.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 20s linear infinite;
	-o-animation: rotate-01 20s linear infinite;
	animation: rotate-01 20s linear infinite;
}
.planets-section-04 .planet-layer-02{
	background-image: url(../images/index/04_planet_nuke.png);
	position: absolute;
	width: 22%;
	height: 22%;
    left: 43%;
    top: 42%;
	z-index: 17;
}
.planets-section-04.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-04 .planet-layer-03{}
.planets-section-04 .planet-layer-04{
	background-repeat: no-repeat;
    background-image: url(../images/index/04_planet_layer_04.png);
    width: 39%;
    height: 8%;
    left: 50%;
    top: 47%;
    -webkit-background-size: contain;
    background-size: contain;
    transform-origin: 0% 50%;
    background-position: right top;
}
.planets-section-04.fp-completely .planet-layer-04{
    -webkit-animation: rotate-01 90s linear infinite;
    -o-animation: rotate-01 90s linear infinite;
    animation: rotate-01 90s linear infinite;
}




/*
	section 5
*/
.planets-section-05 .bg{background-image: url(../images/index/05_bg.jpg);}


.planets-section-05 .planet-layer-00{}
.planets-section-05 .planet-layer-01{
	background-image: url(../images/index/05_planet_nuke.png);
	top: 37%;
	    left: 36%;	width: 30%;
	height: 30%;}
.planets-section-05.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-05 .planet-layer-02{
	transform-origin: 50.1% 48.7%;
}	
.planets-section-05.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 22s linear infinite;
	-o-animation: rotate-01 22s linear infinite;
	animation: rotate-01 22s linear infinite;
}
.planets-section-05 .planet-layer-04{}
.planets-section-05 .planet-layer-05{
	background-image: url(../images/index/05_planet_layer_05.png);
	width: 50%;
	height: 10%;
	left: 50%;
	top: 45%;
	display: block;
	position: absolute;
	-webkit-background-size: contain;
	background-size: contain;
	transform-origin: 0% 50%;
	background-repeat: no-repeat;
	background-position: right top;
}
.planets-section-05.fp-completely .planet-layer-05{
	-webkit-animation: rotate-01 80s linear infinite;
	-o-animation: rotate-01 80s linear infinite;
	animation: rotate-01 80s linear infinite;
}
.planets-section-05 .planet-layer-06{
	background-image: url(../images/index/05_planet_layer_06.png);
	width: 64%;
	height: 4%;
	right: 50%;
	/* right: 3%; */
	top: auto;
	bottom: 48%;
	display: block;
	position: absolute;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}	
.planets-section-05.fp-completely .planet-layer-06{
	-webkit-animation: rotate-01 100s  linear infinite;
	-o-animation: rotate-01 100s  linear infinite;
	animation: rotate-01 100s  linear infinite;
}



/*
	section 6
*/
.planets-section-06 .bg{background-image: url(../images/index/06_bg.jpg);}


.planets-section-06 .planet-layer-00{}
.planets-section-06 .planet-layer-01{
	background-image: url(../images/index/06_planet_nuke.png);
	width: 22%;
	height: 22%;
	left: 34%;
	top: 36%;	margin: auto;
}	
.planets-section-06.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-06.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 20s linear infinite;
	-o-animation: rotate-01 20s linear infinite;
	animation: rotate-01 20s linear infinite;


}
.planets-section-06 .planet-layer-04{}
.planets-section-06 .planet-layer-05{
	background-image: url(../images/index/06_planet_layer_05.png);
	width: 130%;
	height: 49%;
	left: -3.7%;
	top: 27.6%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 20;
}



/*
	section 7
*/
.planets-section-07 .planet-complex{
  	    width: 187%;
	    padding-top: 187%;
}

.planets-section-07 .bg{background-image: url(../images/index/07_bg.jpg);}
.planets-section-07 .planet-layer-00{}
.planets-section-07 .planet-layer-01{
	background-image: url(../images/index/07_planet_nuke.png);
    top:  43%;
    left: 45%;
    width:  20.8%;
    height: 20.8%;
}
.planets-section-07.fp-completely .planet-layer-01{
	-webkit-animation: rotate-01 10s linear infinite;
	-o-animation: rotate-01 10s linear infinite;
	animation: rotate-01 10s linear infinite;
}
.planets-section-07.fp-completely .planet-layer-02{
	-webkit-animation: rotate-01 20s linear infinite;
	-o-animation: rotate-01 20s linear infinite;
	animation: rotate-01 20s linear infinite;
}

.planets-section-07 .planet-layer-04{}
}


.planets-section-01 .planet-text-cols h2{color: #70d463;}
.planets-section-02 .planet-text-cols h2{color: #faeb5e;}
.planets-section-03 .planet-text-cols h2{color: #fea1cc;}
.planets-section-04 .planet-text-cols h2{color: #57daf2;}
.planets-section-05 .planet-text-cols h2{color: #fd995b;}
.planets-section-06 .planet-text-cols h2{color: #a591ff;}
.planets-section-07 .planet-text-cols h2{color: #22cfa6;}

.planets-section-01 .btn-cl{color:rgba(99,189,87,0.5);}
.planets-section-02 .btn-cl{color:rgba(250,235,94,0.5);}
.planets-section-03 .btn-cl{color:rgba(254,161,203,0.5);}
.planets-section-04 .btn-cl{color:rgba(87,218,242,0.5);}
.planets-section-05 .btn-cl{color:rgba(253,153,91,0.5);}
.planets-section-06 .btn-cl{color:rgba(165,145,255,0.5);}
.planets-section-07 .btn-cl{color:rgba(34,207,166,0.5);}
.planets-section-01 .btn-cl:hover{color:rgba(99,189,87,1);}
.planets-section-02 .btn-cl:hover{color:rgba(250,235,94,1);}
.planets-section-03 .btn-cl:hover{color:rgba(254,161,203,1);}
.planets-section-04 .btn-cl:hover{color:rgba(87,218,242,1);}
.planets-section-05 .btn-cl:hover{color:rgba(253,153,91,1);}
.planets-section-06 .btn-cl:hover{color:rgba(165,145,255,1);}
.planets-section-07 .btn-cl:hover{color:rgba(34,207,166,1);}


@media (min-width:1600px){
.prev-slide .bg,
.active .bg{
	-webkit-animation: bg-size 50s linear infinite forwards;
	-o-animation: bg-size 50s linear infinite forwards;
	animation: bg-size 50s linear infinite forwards;
	-webkit-transform-origin: 	right bottom;
	-moz-transform-origin: 	right bottom;
	-ms-transform-origin: 	right bottom;
	-o-transform-origin: 	right bottom;
	transform-origin: 	right bottom;
}

@keyframes bg-size{
	0{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(1.25);
		-ms-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
	}
	100%{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);

	}
}

}


/*
	fixed elements
*/

.icn-go-right{

}

.guidebook-sidenavi a:after{background: rgba(56,56,56,0.2);}

.scroll-down{
	position: fixed;
	bottom: 4%;
	color: rgba(255,255,255,0.2);
	text-align: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 44px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 110;
	font-weight: 900;
	letter-spacing: 1px;

}

.scroll-down:hover{
	color: #fff;
}
.icn-mouse-scroll{
	top: 7px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.icn-mouse-scroll-extra{
	top: 0px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	-webkit-animation: mouse-top 2s infinite linear;
	-o-animation: mouse-top 2s infinite linear;
	animation: mouse-top 2s infinite linear;
}
@keyframes mouse-top{
	0{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}


/*
	footer
*/
.footer{
	position: fixed;
	width: 100%;
	top:100%;
	padding: 30px 60px;
	z-index: 30;
}
.footer { top: auto;bottom: 0;}
.galaxy-link{
	opacity: 0;
	-webkit-transition: all 0.35s 0.5s;
	-o-transition: all 0.35s 0.5s;
	transition: all 0.35s 0.5s;
}
[data-current-slide="8"] .galaxy-link{
	opacity: 0.7;
}

.galaxy-link{
	position: absolute;
	bottom: 0;
	width: 600px;
	height: 148px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	background: url(../images/footer_galaxy.png) no-repeat center bottom;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding-top: 60px;
	opacity: 0;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;

}



[data-current-slide="8"] .galaxy-link:hover{
	opacity: 1;
}

@media (max-width: 960px){
	.axis,
	.galaxy-complex,
	.stars, 
	.stars-2{display: none;}
	.planets-section-00{background: url(../images/index_mobile/00_fg.png) no-repeat left top, url(../images/index_mobile/00_bg.jpg) no-repeat left top;}
	.planets-section-01{background: url(../images/index_mobile/01_fg.png) no-repeat left top, url(../images/index_mobile/01_bg.jpg) no-repeat left top;}
	.planets-section-02{background: url(../images/index_mobile/02_fg.png) no-repeat left top, url(../images/index_mobile/02_bg.jpg) no-repeat left top;}
	.planets-section-03{background: url(../images/index_mobile/03_fg.png) no-repeat left top, url(../images/index_mobile/03_bg.jpg) no-repeat left top;}
	.planets-section-04{background: url(../images/index_mobile/04_fg.png) no-repeat left top, url(../images/index_mobile/04_bg.jpg) no-repeat left top;}
	.planets-section-05{background: url(../images/index_mobile/05_fg.png) no-repeat left top, url(../images/index_mobile/05_bg.jpg) no-repeat left top;}
	.planets-section-06{background: url(../images/index_mobile/06_fg.png) no-repeat left top, url(../images/index_mobile/06_bg.jpg) no-repeat left top;}
	.planets-section-07{background: url(../images/index_mobile/07_fg.png) no-repeat left top, url(../images/index_mobile/07_bg.jpg) no-repeat left top;}
	.info-page:after,
	.info-page:before{display: none;}


	.planets-section:after{width: 100%;height: 3px;position: absolute;content: '';left: 0;bottom: 0;z-index: 2;-webkit-background-size: 100% 3px;background-size: 100% 3px;}
	.planets-section-00:after{background-image: url(../images/index/00_border.png);}
	.planets-section-01:after{background-image: url(../images/index/01_border.png);}
	.planets-section-02:after{background-image: url(../images/index/02_border.png);}
	.planets-section-03:after{background-image: url(../images/index/03_border.png);}
	.planets-section-04:after{background-image: url(../images/index/04_border.png);}
	.planets-section-05:after{background-image: url(../images/index/05_border.png);}
	.planets-section-06:after{background-image: url(../images/index/06_border.png);}


	.planets-section{-webkit-background-size: 100% auto, cover;background-size: 100% auto, cover;}
	.header{z-index: 101;}
	.planets-section:last-child{padding-bottom: 200px;}
	.info-page{position: relative;}
	.footer{padding: 0;position: absolute;margin-top: 0px;top: auto;bottom: 0;display: block;}
	.footer .width{padding-left: 30px;padding-right: 30px;}
	.footer-row{display: block;padding-bottom: 140px;opacity: 1;}
	.footer-r{text-align: left;}
	.done-by a{display: inline;}
	.partners-link,
	.scroll-down{display: none;}
	.galaxy-link{max-width: 100%;background-image: url(../images/index_mobile/go_top.png);-webkit-background-size: 364px auto;background-size: 364px auto;}
	.planets-section .bg{display: none;}
	.header-nav .mobile-only {display: block;}
}