@media screen and (max-width: 1199px) {



.cy_fwBanner {overflow:hidden;position:relative;}


.cy_annualAnimate {overflow:hidden;position:position:absolute;z-index:0;}
.cy_annualAnimate {background:#091337;height:100%;width:100%;}


.cy_default {display:none;}


/* ----- cy_layer-fw ----- */

.cy_layer-ac, .cy_layer-ac img, .cy_layer-fw, .cy_layer-fw img {height:100%;display:block;width:100%;}

.cy_layer-ac, .cy_layer-fw {left:0;position:absolute;top:0;}


.cy_layer-dots {z-index:11;}



/* ----- cy_layer-ac ----- */


.cy_layer-logo, .cy_layer-earth, .cy_layer-titleA, .cy_layer-titleB, .cy_layer-titleC, .cy_layer-titleD {opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}


.cy_layer-logo {background-image:url(../../img/annual/animate/logo.png);z-index:28;}

.cy_playing .cy_layer-logo {
	-webkit-animation-name:animate-fadeIn;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:1s;
	animation-name:animate-fadeIn;animation-duration:1s;animation-timing-function:ease;animation-delay:1s;
}
.cy_playing .cy_layer-earth {
	-webkit-animation-name:animate-fadeIn;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:2s;
	animation-name:animate-fadeIn;animation-duration:1s;animation-timing-function:ease;animation-delay:2s;
}

.cy_playing .cy_layer-titleA {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:3s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:1s;
	}
.cy_playing .cy_layer-titleB {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:4s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:2s;
	}
.cy_playing .cy_layer-titleC {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:5s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:3s;
	}
.cy_playing .cy_layer-titleD {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:6s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:4s;
}



.cy_layer-titleA {z-index:20;}
.cy_layer-titleB {z-index:19;}
.cy_layer-titleC {z-index:18;}
.cy_layer-titleD {z-index:17;}

.cy_layer-wind {/* background-image:url(../../img/annual/animate/whirlwind.png);z-index:5; */display:none;}

.cy_layer-earth {z-index:15;}
.cy_playing .cy_layer-earth {-webkit-animation:animate-twinkle 3s .1s ease infinite;animation:animate-twinkle 3s .1s ease infinite;top:0;}


.cy_layer-fgp {background:#091337;background:linear-gradient(to right, #091337 0%, #083482 25%, #0950bf 50%, #083482 75%, #091337 100%);top:0;z-index:10;}

.cy_particles {height:100%;position:absolute;top:0;width:33.3331%;z-index:11;}
#particles-js1 {left:0;}
#particles-js2 {right:0;}


/* ----- cy_layer-fix ----- */
.cy_layer-whirl {display:none;}
.cy_layer-whirl {position:absolute;}
.cy_layer-whirl {height:auto;left:50%;margin-left:-13%;top:-53%;width:88%;z-index:16;}

.cy_layer-whirl, .cy_layer-whirl img {-webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0);}

.cy_layer-whirl {
	animation-name:animate-rotate;
	animation-duration:30s;
	-webkit-animation-delay:0;
	animation-timing-function:linear;
	animation-iteration-count:1;
	
	-webkit-animation-name:animate-rotate;
	-webkit-animation-duration:30s;
	-webkit-animation-delay:0;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	
	
}

.cy_layer-whirl {}




@keyframes animate-rotate {
	0%{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);     /* IE 9 */
		-moz-transform:rotate(0deg);     /* Firefox */
		-webkit-transform:rotate(0deg); /* Safari ºÍ Chrome */
        -o-transform:rotate(0deg); 
    }
    100%{
		transform:rotate(-1800deg);
        -ms-transform:rotate(-1800deg);     /* IE 9 */
        -moz-transform:rotate(-1800deg);     /* Firefox */
        -webkit-transform:rotate(-1800deg); /* Safari ºÍ Chrome */
        -o-transform:rotate(-1800deg); 
    }
}




/* ===== ends ===== */
}









@media screen and (min-width: 1200px) {




.cy_annualAnimate {overflow:hidden;position:relative;z-index:0;}
.cy_annualAnimate {background:#091337;height:500px;min-width:1200px;width:100%;}
.cy_annualAnimate img {display:none;}

.cy_default {background-image:url(../../img/annual/animate/default.jpg);display:none;z-index:999;}


/* ----- cy_layer-fw ----- */
.cy_layer-fw {position:absolute;}
.cy_layer-fw {height:500px;left:50%;margin-left:-960px;width:1920px;}


.cy_layer-dots {background-image:url(../../img/annual/animate/dots.png);z-index:11;}
.cy_layer-dots {-webkit-animation-name:animate-fadeIn;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;
	animation-name:animate-fadeIn;animation-duration:1s;animation-timing-function:ease;}


/* ----- cy_layer-ac ----- */
.cy_layer-ac {position:absolute;}
.cy_layer-ac {background-position:50% 50%;height:500px;left:50%;margin-left:-960px;width:1920px;}

.cy_layer-logo, .cy_layer-earth, .cy_layer-titleA, .cy_layer-titleB, .cy_layer-titleC, .cy_layer-titleD {opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}


.cy_layer-logo {background-image:url(../../img/annual/animate/logo.png);z-index:28;}

.cy_playing .cy_layer-logo {
	-webkit-animation-name:animate-fadeIn;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:1s;
	animation-name:animate-fadeIn;animation-duration:1s;animation-timing-function:ease;animation-delay:1s;
}
.cy_playing .cy_layer-earth {
	-webkit-animation-name:animate-fadeIn;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:2s;
	animation-name:animate-fadeIn;animation-duration:1s;animation-timing-function:ease;animation-delay:2s;
}

.cy_playing .cy_layer-titleA {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:3s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:1s;
	}
.cy_playing .cy_layer-titleB {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:4s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:2s;
	}
.cy_playing .cy_layer-titleC {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:5s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:3s;
	}
.cy_playing .cy_layer-titleD {
	-webkit-animation-name:animate-fadeUp;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:6s;
	animation-name:animate-fadeUp;animation-duration:1s;animation-timing-function:ease;animation-delay:4s;
}



.cy_layer-titleA {background-image:url(../../img/annual/animate/titles.png);z-index:20;}
.cy_layer-titleB {background-image:url(../../img/annual/animate/title_2.png);z-index:19;}
.cy_layer-titleC {background-image:url(../../img/annual/animate/title_3.png);z-index:18;}
.cy_layer-titleD {background-image:url(../../img/annual/animate/title_4.png);z-index:17;}

.cy_layer-wind {/* background-image:url(../../img/annual/animate/whirlwind.png);z-index:5; */display:none;}

.cy_layer-earth {background-image:url(../../img/annual/animate/earth.png);top:0;z-index:15;}
.cy_playing .cy_layer-earth {-webkit-animation:animate-twinkle 3s .1s ease infinite;animation:animate-twinkle 3s .1s ease infinite;top:0;}


.cy_layer-fgp {background-image:url(../../img/annual/animate/fgp.png);top:0;z-index:10;}

.cy_particles {height:500px;position:absolute;top:0;width:100%;z-index:5;}
#particles-js1 {left:0;}
#particles-js2 {right:0;}


/* ----- cy_layer-fix ----- */
.cy_layer-whirl {display:none;}
.cy_layer-whirl {position:absolute;}
.cy_layer-whirl {background-image:url(../../img/annual/animate/whirls.png);height:960px;left:50%;margin-left:-138px;top:-216px;width:960px;z-index:16;}

.cy_layer-whirl {-webkit-animation:animate-rotate 15s .5s linear infinite;animation:animate-rotate 15s .5s linear infinite;}





@keyframes animate-rotate {
	0%{
		transform:rotate(0deg) skew(0deg) scale(1);
		-ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
		-moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
		-webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
        -o-transform:rotate(0deg) skew(0deg) scale(1); 
    }
    100%{
		transform:rotate(-360deg) skew(0deg) scale(1);
        -ms-transform:rotate(-360deg) skew(0deg) scale(1);     /* IE 9 */
        -moz-transform:rotate(-360deg) skew(0deg) scale(1);     /* Firefox */
        -webkit-transform:rotate(-360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
        -o-transform:rotate(-360deg) skew(0deg) scale(1); 
    }
}




/* ===== ends ===== */
}



@keyframes animate-fadeIn { 0% {opacity:0;} 100% {opacity:1;} }

@keyframes animate-fadeUp { 0% {opacity:0;top:30px;} 100% {opacity:1;top:0;} }

@keyframes animate-twinkle {
	0%{ opacity:1; }
    50%{ opacity:0.38; }
    100%{ opacity:1; }
}