@charset "utf-8";
/* CSS Document */

.animated .no-animation{animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation:none !important; opacity: 1 !important;}
.animated .no-animation span{ opacity:1; animation: none !important;}
.animated .no-animation .rw-words span{ opacity:0;}
.animated .width-ani.no-animation{width:100%;}
.animated .height-ani.no-animation{height:100%;}
.animated .disc-ani.no-animation{top: 52px !important; left: 45px !important;}

/*@keyframes inFromRight{0%{margin:0 0 0 100%; opacity: 0.6;}to{margin:0 2px 0 0;opacity: 1;}}
@-webkit-keyframes inFromRight{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 2px 0 0;opacity: 1;}}
@-moz-keyframes inFromRight{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 2px 0 0;opacity: 1;}}
@-ms-keyframes inFromRight{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 2px 0 0;opacity: 1;}}
@-o-keyframes inFromRight{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 2px 0 0;opacity: 1;}}

@keyframes inFromRight1{0%{margin:0 0 0 100%; opacity: 0.6;}to{margin:0 -98px 0 0;opacity: 1;}}
@-webkit-keyframes inFromRight1{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 -98px 0 0;opacity: 1;}}
@-moz-keyframes inFromRight1{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 -98px 0 0;opacity: 1;}}
@-ms-keyframes inFromRight1{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 -98px 0 0;opacity: 1;}}
@-o-keyframes inFromRight1{0%{margin:0 0 0 100%;opacity: 0.6;}to{margin:0 -98px 0 0;opacity: 1;}}*/

@keyframes inFromRight{0%{transform:translate3d(505%,0,0); opacity: 0.6;}to{transform:translateZ(0); opacity: 1;}}


.sap-slide{ opacity: 0;}
.loaded .slide1{
	animation:inFromRight 1s 1s forwards;
    }
.loaded .slide2{
	animation:inFromRight 1s 1.4s forwards;
    }
.loaded .slide3{
	animation:inFromRight 1s 2s forwards;
    }
.loaded .slide4{
	animation:inFromRight 1s 2.4s forwards;
    }
.loaded .slide5{
	animation:inFromRight 1s 3s forwards;
    }
.loaded .slide6{
	animation:inFromRight 1s 3.4s forwards;
    }
.loaded .slide7{
	animation:inFromRight 1s 3.8s forwards;
    }

/* Fade */
.sap-slide:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.sap-slide:hover:before {
  background: rgba(0,0,0,0.4);
  color: white;
}
/* Sweep To Right */
.hvr-sweep-to-right {  
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; border-radius: 0px;
  background: #f0ab00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.btn-ornage a.hvr-shutter-out-vertical:before{ border-radius: 14px;}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Rectangle Out */
.hvr-rectangle-out {  
  -webkit-transform: translateZ(0);
  transform: translateZ(0);  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.75);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@keyframes spin1 {
    from {   transform:rotate(0deg);   }
    to {     transform:rotate(360deg);  }
}

.active .spin-animation1 {animation: spin1 1600ms 1 0s linear;}
.active .height-animation01{
	-webkit-animation: height1 1s 1 1.6s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 0.3s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 0.3s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 0.3s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 1.6s; animation-fill-mode: forwards;
}
.active .height-animation02{
	-webkit-animation: height1 1s 1 2.4s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 0.3s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 0.3s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 0.3s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 2.4s; animation-fill-mode: forwards;
}
.active .ltr-cloud1{animation:slide-to-rightcloud 10s 0s forwards; }
.active .ttb-cloud2{animation:slide-to-ttbcloud 10s 0s forwards; }
.active .rtl-cloud3{animation:slide-to-leftcloud 10s 0s forwards; }

@keyframes slide-to-rightcloud{0%{transform:translate3d(-55%,0,0)}to{transform:translateZ(0)}}
@keyframes slide-to-ttbcloud{0%{transform:translate3d(0,-44%,0)}to{transform:translateZ(0)}}
@keyframes slide-to-leftcloud{0%{transform:translate3d(85%,0,0)}to{transform:translateZ(0)}}
body{
	background:#eee;
}
.signal {	
		position:absolute; left:0; top:0;
	-webkit-animation: lefts 2s linear infinite;
	-moz-animation: lefts 2s linear infinite;
	-o-animation: lefts 2s linear infinite;
	animation: lefts 2s linear infinite;
}

.signal3 {-webkit-animation-delay:.3s;
							-moz-animation-delay:.3s;
-o-animation-delay:.3s;
animation-delay:.3s;}
.signal2 { -webkit-animation-delay:.2s;
								-moz-animation-delay:.2s;
-o-animation-delay:.2s;
animation-delay:.2s;}
.signal1 {-webkit-animation-delay:.1s;
									-moz-animation-delay:.1s;
-o-animation-delay:.1s;
animation-delay:.1s;}

@-webkit-keyframes lefts{
	0% { opacity: 1;}
	100% {opacity: 0;}
}

	@-moz-keyframes lefts{
	0% { opacity: 1;}
	100% {opacity: 0;}
}
	@-o-keyframes lefts{
	0% { opacity: 1;}
	100% {opacity: 0;}
}
	@keyframes lefts{
	0% { opacity: 1;}
	100% {opacity: 0;}
}




@keyframes slide-to-left{0%{transform:translate3d(5%,0,0)}to{transform:translateZ(0)}}
@keyframes slide-to-right{0%{transform:translate3d(-5%,0,0)}to{transform:translateZ(0)}}
@keyframes slide-to-up{0%{bottom:-10%; opacity: 0;}to{bottom:0;opacity: 1;}}

.active .slide-to-right{animation:slide-to-right 1s 0s forwards;}
.active .slide-to-left{animation:slide-to-left 1s 0s forwards; }

@keyframes fadein1{0%{opacity:0;}100%{ opacity:1;}}
@-webkit-keyframes fadein1{0%{ -khtml-opacity:0;opacity:0;}100%{-khtml-opacity:1;opacity:1;}}
@-moz-keyframes fadein1{0%{ -moz-opacity:0;opacity:0;}100%{-moz-opacity:1;opacity:1;}}
@-ms-keyframes fadein1{0%{ filter: alpha(opacity=0);opacity:0;}100%{filter: alpha(opacity=1);opacity:1;}}
@-o-keyframes fadein1{0%{ opacity:0;}100%{opacity:1;}}

.fadeani {  opacity: 0;}
.active .fadein1{
	-webkit-animation: fadein1 200ms linear 0s both;
    -moz-animation: fadein1 200ms linear 0s both;
    -o-animation: fadein1 200ms linear 0s both;
    -ms-animation: fadein1 200ms linear 0s both;
    animation: fadein1 200ms linear 0s both; }

@-webkit-keyframes rotateWord {
    0% {   opacity: 0; }
    2% {   opacity: 0;  -webkit-transform: translateY(-1px);    }
    5% {   opacity: 1;   -webkit-transform: translateY(0px);    }
    17% { opacity: 1;   -webkit-transform: translateY(0px);   }
    20% {     opacity: 0;    -webkit-transform: translateY(1);  }
    80% { opacity: 0; }
    100% {   opacity: 0;    }
}
@-ms-keyframes rotateWord {
    0% {opacity: 0; }
    2% {opacity: 0;-ms-transform: translateY(-1px);    }
    5% {opacity: 1;-ms-transform: translateY(0px);    }
    17% {opacity: 1; -ms-transform: translateY(0px);    }
    20% { opacity: 0; -ms-transform: translateY(1px);    }
    80% { opacity: 0; }
    100% {    opacity: 0;   }
}
@-o-keyframes rotateWord {
    0% {opacity: 0; }
    2% {opacity: 0; -o-transform: translateY(-1px); }
    5% { opacity: 1; -o-transform: translateY(0px);    }
    17% {  opacity: 1; -o-transform: translateY(0px);    }
    20% {  opacity: 0; -o-transform: translateY(1px);    }
    80% {  opacity: 0;  }
    100% { opacity: 0;}
}
@keyframes rotateWord {
    0% { opacity: 0;}
    2% { opacity: 0;-webkit-transform: translateY(-1px); transform: translateY(-1px);    }
    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    17% {opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    20% { opacity: 0; -webkit-transform: translateY(1px); transform: translateY(1px); }
    80% {   opacity: 0;  }
	100% {  opacity: 0;  }
}

.rw-words{ position:relative; display:inline;    margin: 0 0 0 0px;}
.rw-words-1 span {  position: absolute;  opacity: 0; overflow: hidden; margin: 0px 0 0 0;  /*left:0; top:6px;*/}
.fp-slide .rw-words-1 span{margin:10px 0 0 0;}
.active .word0{
    -webkit-animation: fadein1 200ms linear 0s both;
    -moz-animation: fadein1 200ms linear 0s both;
    -o-animation: fadein1 200ms linear 0s both;
    -ms-animation: fadein1 200ms linear 0s both;
    animation: fadein1 200ms linear 0s both;}

.active .number1 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 0s;
    -moz-animation: rotateWord 1s linear 1 0s;
    -o-animation: rotateWord 1s linear 1 0s;
    -ms-animation: rotateWord 1s linear 1 0s;
    animation: rotateWord 1s linear 1 0s;
}

.active .number1 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.active .number1 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.active .number1 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay:  0.3s;
    -o-animation-delay:  0.3s;
    -ms-animation-delay:  0.3s;
    animation-delay:  0.3s;
}
.active .number1 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.active .number1 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.active .number1 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.active .number1 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.active .number1 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay:  0.8s;
    -o-animation-delay:  0.8s;
    -ms-animation-delay:  0.8s;
    animation-delay:  0.8s;
}
.active .number1 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.active .number1 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}
.active .word1{
    -webkit-animation: fadein1 200ms linear 1.1s both;
    -moz-animation: fadein1 200ms linear 1.1s both;
    -o-animation: fadein1 200ms linear 1.1s both;
    -ms-animation: fadein1 200ms linear 1.1s both;
    animation: fadein1 200ms linear 1.1s both;}

.active .fadein2{
	-webkit-animation: fadein1 200ms linear 1.2s both;
    -moz-animation: fadein1 200ms linear 1.2s both;
    -o-animation: fadein1 200ms linear 1.2s both;
    -ms-animation: fadein1 200ms linear 1.2s both;
    animation: fadein1 200ms linear 1.2s both; }
.active .fadein3{
	-webkit-animation: fadein1 200ms linear 1.4s both;
    -moz-animation: fadein1 200ms linear 1.4s both;
    -o-animation: fadein1 200ms linear 1.4s both;
    -ms-animation: fadein1 200ms linear 1.4s both;
    animation: fadein1 200ms linear 1.4s both; }

.active .number2 .rw-words-1 span{
    -webkit-animation: rotateWord 1s linear 1 1.4s;
    -moz-animation: rotateWord 1s linear 1 1.4s;
    -o-animation: rotateWord 1s linear 1 1.4s;
    -ms-animation: rotateWord 1s linear 1 1.4s;
    animation: rotateWord 1s linear 1 1.4s;
}

.active .number2 .rw-words-1 span:nth-child(2){
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.active .number2 .rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.active .number2 .rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay:  1.7s;
    -o-animation-delay:  1.7s;
    -ms-animation-delay:  1.7s;
    animation-delay:  1.7s;
}
.active .number2 .rw-words-1 span:nth-child(5) {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.active .number2 .rw-words-1 span:nth-child(6) {
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
    -ms-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.active .number2 .rw-words-1 span:nth-child(7) {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s;
}
.active .number2 .rw-words-1 span:nth-child(8) {
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    -o-animation-delay: 2.1s;
    -ms-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.active .number2 .rw-words-1 span:nth-child(9) {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay:  2.2s;
    -o-animation-delay:  2.2s;
    -ms-animation-delay:  2.2s;
    animation-delay:  2.2s;
}
.active .number2 .rw-words-1 span:nth-child(10) {
    -webkit-animation-delay:  2.3s;
    -moz-animation-delay: 2.3s;
    -o-animation-delay: 2.3s;
    -ms-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.active .number2 .rw-words-1 span:nth-child(11) {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay:  2.4s;
    -o-animation-delay:  2.4s;
    -ms-animation-delay:  2.4s;
    animation-delay:  2.4s;
}
.active .word2{
    -webkit-animation: fadein1 200ms linear 2.5s both;
    -moz-animation: fadein1 200ms linear 2.5s both;
    -o-animation: fadein1 200ms linear 2.5s both;
    -ms-animation: fadein1 200ms linear 2.5s both;
    animation: fadein1 200ms linear 2.5s both;}

.active .fadein4{
	-webkit-animation: fadein1 200ms linear 2.6s both;
    -moz-animation: fadein1 200ms linear 2.6s both;
    -o-animation: fadein1 200ms linear 2.6s both;
    -ms-animation: fadein1 200ms linear 2.6s both;
    animation: fadein1 200ms linear 2.6s both; }

.active .slide-to-up{animation:slide-to-up 1s 2.8s forwards; }

.active .fade1{
	-webkit-animation: fadein1 200ms linear 0s both;
    -moz-animation: fadein1 200ms linear 0s both;
    -o-animation: fadein1 200ms linear 0s both;
    -ms-animation: fadein1 200ms linear 0s both;
    animation: fadein1 200ms linear 0s both; }
.active .fade2{
	-webkit-animation: fadein1 200ms linear 0.2s both;
    -moz-animation: fadein1 200ms linear 0.2s both;
    -o-animation: fadein1 200ms linear 0.2s both;
    -ms-animation: fadein1 200ms linear 0.2s both;
    animation: fadein1 200ms linear 0.2s both; }
.active .fade3{
	-webkit-animation: fadein1 200ms linear 0.4s both;
    -moz-animation: fadein1 200ms linear 0.4s both;
    -o-animation: fadein1 200ms linear 0.4s both;
    -ms-animation: fadein1 200ms linear 0.4s both;
    animation: fadein1 200ms linear 0.4s both; }
.active .fade4{
	-webkit-animation: fadein1 200ms linear 0.6s both;
    -moz-animation: fadein1 200ms linear 0.6s both;
    -o-animation: fadein1 200ms linear 0.6s both;
    -ms-animation: fadein1 200ms linear 0.6s both;
    animation: fadein1 200ms linear 0.6s both; }
.active .fade4a{
	-webkit-animation: fadein1 200ms linear 0.65s both;
    -moz-animation: fadein1 200ms linear 0.65s both;
    -o-animation: fadein1 200ms linear 0.65s both;
    -ms-animation: fadein1 200ms linear 0.65s both;
    animation: fadein1 200ms linear 0.65s both; }
.active .fade4b{
	-webkit-animation: fadein1 200ms linear 0.7s both;
    -moz-animation: fadein1 200ms linear 0.7s both;
    -o-animation: fadein1 200ms linear 0.7s both;
    -ms-animation: fadein1 200ms linear 0.7s both;
    animation: fadein1 200ms linear 0.7s both; }
.active .fade4c{
	-webkit-animation: fadein1 200ms linear 0.75s both;
    -moz-animation: fadein1 200ms linear 0.75s both;
    -o-animation: fadein1 200ms linear 0.75s both;
    -ms-animation: fadein1 200ms linear 0.75s both;
    animation: fadein1 200ms linear 0.75s both; }
.active .fade4d{
	-webkit-animation: fadein1 200ms linear 0.8s both;
    -moz-animation: fadein1 200ms linear 0.8s both;
    -o-animation: fadein1 200ms linear 0.8s both;
    -ms-animation: fadein1 200ms linear 0.8s both;
    animation: fadein1 200ms linear 0.8s both; }

.active .fade5{
	-webkit-animation: fadein1 200ms linear 0.8s both;
    -moz-animation: fadein1 200ms linear 0.8s both;
    -o-animation: fadein1 200ms linear 0.8s both;
    -ms-animation: fadein1 200ms linear 0.8s both;
    animation: fadein1 200ms linear 0.8s both; }
.active .fade6{
	-webkit-animation: fadein1 200ms linear 1s both;
    -moz-animation: fadein1 200ms linear 1s both;
    -o-animation: fadein1 200ms linear 1s both;
    -ms-animation: fadein1 200ms linear 1s both;
    animation: fadein1 200ms linear 1s both; }
.active .fade7{
	-webkit-animation: fadein1 200ms linear 1.2s both;
    -moz-animation: fadein1 200ms linear 1.2s both;
    -o-animation: fadein1 200ms linear 1.2s both;
    -ms-animation: fadein1 200ms linear 1.2s both;
    animation: fadein1 200ms linear 1.2s both; }
.active .disc-ani{
	-webkit-animation: disc1 1.5s 1 1.2s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: disc1 1.5s 1 1.2s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: disc1 1.5s 1 1.2s;   -ms-animation-fill-mode: forwards; 
	-o-animation: disc1 1.5s 1 1.2s;   -o-animation-fill-mode: forwards; 
    animation: disc1 1.5s 1 1.2s;  animation-fill-mode: forwards;}

.active .fade8{
	-webkit-animation: fadein1 200ms linear 1.4s both;
    -moz-animation: fadein1 200ms linear 1.4s both;
    -o-animation: fadein1 200ms linear 1.4s both;
    -ms-animation: fadein1 200ms linear 1.4s both;
    animation: fadein1 200ms linear 1.4s both; }
.active .fade9{
	-webkit-animation: fadein1 200ms linear 1.6s both;
    -moz-animation: fadein1 200ms linear 1.6s both;
    -o-animation: fadein1 200ms linear 1.6s both;
    -ms-animation: fadein1 200ms linear 1.6s both;
    animation: fadein1 200ms linear 1.6s both; }
.active .fade10{
	-webkit-animation: fadein1 200ms linear 1.8s both;
    -moz-animation: fadein1 200ms linear 1.8s both;
    -o-animation: fadein1 200ms linear 1.8s both;
    -ms-animation: fadein1 200ms linear 1.8s both;
    animation: fadein1 200ms linear 1.8s both; }
.active .fade11{
	-webkit-animation: fadein1 200ms linear 2s both;
    -moz-animation: fadein1 200ms linear 2s both;
    -o-animation: fadein1 200ms linear 2s both;
    -ms-animation: fadein1 200ms linear 2s both;
    animation: fadein1 200ms linear 2s both; }
.active .fade12{
	-webkit-animation: fadein1 200ms linear 2.2s both;
    -moz-animation: fadein1 200ms linear 2.2s both;
    -o-animation: fadein1 200ms linear 2.2s both;
    -ms-animation: fadein1 200ms linear 2.2s both;
    animation: fadein1 200ms linear 2.2s both; }
.active .fade13{
	-webkit-animation: fadein1 200ms linear 2.4s both;
    -moz-animation: fadein1 200ms linear 2.4s both;
    -o-animation: fadein1 200ms linear 2.4s both;
    -ms-animation: fadein1 200ms linear 2.4s both;
    animation: fadein1 200ms linear 2.4s both; }
.active .fade14{
	-webkit-animation: fadein1 200ms linear 2.6s both;
    -moz-animation: fadein1 200ms linear 2.6s both;
    -o-animation: fadein1 200ms linear 2.6s both;
    -ms-animation: fadein1 200ms linear 2.6s both;
    animation: fadein1 200ms linear 2.6s both; }
.active .fade15{
	-webkit-animation: fadein1 200ms linear 2.8s both;
    -moz-animation: fadein1 200ms linear 2.8s both;
    -o-animation: fadein1 200ms linear 2.8s both;
    -ms-animation: fadein1 200ms linear 2.8s both;
    animation: fadein1 200ms linear 2.8s both; }
.active .fade16{
	-webkit-animation: fadein1 200ms linear 3s both;
    -moz-animation: fadein1 200ms linear 3s both;
    -o-animation: fadein1 200ms linear 3s both;
    -ms-animation: fadein1 200ms linear 3s both;
    animation: fadein1 200ms linear 3s both; }
.active .fade17{
	-webkit-animation: fadein1 200ms linear 3.2s both;
    -moz-animation: fadein1 200ms linear 3.2s both;
    -o-animation: fadein1 200ms linear 3.2s both;
    -ms-animation: fadein1 200ms linear 3.2s both;
    animation: fadein1 200ms linear 3.2s both; }
.active .fade18{
	-webkit-animation: fadein1 200ms linear 3.4s both;
    -moz-animation: fadein1 200ms linear 3.4s both;
    -o-animation: fadein1 200ms linear 3.4s both;
    -ms-animation: fadein1 200ms linear 3.4s both;
    animation: fadein1 200ms linear 3.4s both; }
.active .fade19{
	-webkit-animation: fadein1 200ms linear 3.6s both;
    -moz-animation: fadein1 200ms linear 3.6s both;
    -o-animation: fadein1 200ms linear 3.6s both;
    -ms-animation: fadein1 200ms linear 3.6s both;
    animation: fadein1 200ms linear 3.6s both; }
.active .fade20{
	-webkit-animation: fadein1 200ms linear 3.8s both;
    -moz-animation: fadein1 200ms linear 3.8s both;
    -o-animation: fadein1 200ms linear 3.8s both;
    -ms-animation: fadein1 200ms linear 3.8s both;
    animation: fadein1 200ms linear 3.8s both; }
.active .fade21{
	-webkit-animation: fadein1 200ms linear 4s both;
    -moz-animation: fadein1 200ms linear 4s both;
    -o-animation: fadein1 200ms linear 4s both;
    -ms-animation: fadein1 200ms linear 4s both;
    animation: fadein1 200ms linear 4s both; }
.active .fade22{
	-webkit-animation: fadein1 200ms linear 4.2s both;
    -moz-animation: fadein1 200ms linear 4.2s both;
    -o-animation: fadein1 200ms linear 4.2s both;
    -ms-animation: fadein1 200ms linear 4.2s both;
    animation: fadein1 200ms linear 4.2s both; }
.active .fade23{
	-webkit-animation: fadein1 200ms linear 4.4s both;
    -moz-animation: fadein1 200ms linear 4.4s both;
    -o-animation: fadein1 200ms linear 4.4s both;
    -ms-animation: fadein1 200ms linear 4.4s both;
    animation: fadein1 200ms linear 4.4s both; }
    .active .fade24{
	-webkit-animation: fadein1 200ms linear 4.6s both;
    -moz-animation: fadein1 200ms linear 4.6s both;
    -o-animation: fadein1 200ms linear 4.6s both;
    -ms-animation: fadein1 200ms linear 4.6s both;
    animation: fadein1 200ms linear 4.6s both; }
    .active .fade25{
	-webkit-animation: fadein1 200ms linear 4.8s both;
    -moz-animation: fadein1 200ms linear 4.8s both;
    -o-animation: fadein1 200ms linear 4.8s both;
    -ms-animation: fadein1 200ms linear 4.8s both;
    animation: fadein1 200ms linear 4.8s both; }
    .active .fade26{
	-webkit-animation: fadein1 200ms linear 5s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 5s both; }
    .active .fade27{
	-webkit-animation: fadein1 200ms linear 5.2s both;
    -moz-animation: fadein1 200ms linear 5.2s both;
    -o-animation: fadein1 200ms linear 5.2s both;
    -ms-animation: fadein1 200ms linear 5.2s both;
    animation: fadein1 200ms linear 5.2s both; }
.active .fade28{
	-webkit-animation: fadein1 200ms linear 5.4s both;
    -moz-animation: fadein1 200ms linear 5.4s both;
    -o-animation: fadein1 200ms linear 5.4s both;
    -ms-animation: fadein1 200ms linear 5.4s both;
    animation: fadein1 200ms linear 5.4s both; }
.active .fade29{
	-webkit-animation: fadein1 200ms linear 5.6s both;
    -moz-animation: fadein1 200ms linear 5.6s both;
    -o-animation: fadein1 200ms linear 5.6s both;
    -ms-animation: fadein1 200ms linear 5.6s both;
    animation: fadein1 200ms linear 5.6s both; }
.active .fade30{
	-webkit-animation: fadein1 200ms linear 5.8s both;
    -moz-animation: fadein1 200ms linear 5.8s both;
    -o-animation: fadein1 200ms linear 5.8s both;
    -ms-animation: fadein1 200ms linear 5.8s both;
    animation: fadein1 200ms linear 5.8s both; }
.active .fade31 {
  -webkit-animation: fadein1 200ms linear 6s both;
  -moz-animation: fadein1 200ms linear 6s both;
  -o-animation: fadein1 200ms linear 6s both;
  -ms-animation: fadein1 200ms linear 6s both;
  animation: fadein1 200ms linear 6s both;
}
.active .fade32 {
  -webkit-animation: fadein1 200ms linear 6.2s both;
  -moz-animation: fadein1 200ms linear 6.2s both;
  -o-animation: fadein1 200ms linear 6.2s both;
  -ms-animation: fadein1 200ms linear 6.2s both;
  animation: fadein1 200ms linear 6.2s both;
}
.active .fade33 {
  -webkit-animation: fadein1 200ms linear 6.4s both;
  -moz-animation: fadein1 200ms linear 6.4s both;
  -o-animation: fadein1 200ms linear 6.4s both;
  -ms-animation: fadein1 200ms linear 6.4s both;
  animation: fadein1 200ms linear 6.4s both;
}
.active .fade34 {
  -webkit-animation: fadein1 200ms linear 6.6s both;
  -moz-animation: fadein1 200ms linear 6.6s both;
  -o-animation: fadein1 200ms linear 6.6s both;
  -ms-animation: fadein1 200ms linear 6.6s both;
  animation: fadein1 200ms linear 6.6s both;
}
.active .fade35 {
  -webkit-animation: fadein1 200ms linear 6.8s both;
  -moz-animation: fadein1 200ms linear 6.8s both;
  -o-animation: fadein1 200ms linear 6.8s both;
  -ms-animation: fadein1 200ms linear 6.8s both;
  animation: fadein1 200ms linear 6.8s both;
}
.active .fade36 {
  -webkit-animation: fadein1 200ms linear 7s both;
  -moz-animation: fadein1 200ms linear 7s both;
  -o-animation: fadein1 200ms linear 7s both;
  -ms-animation: fadein1 200ms linear 7s both;
  animation: fadein1 200ms linear 7s both;
}
.active .fade37 {
  -webkit-animation: fadein1 200ms linear 7.2s both;
  -moz-animation: fadein1 200ms linear 7.2s both;
  -o-animation: fadein1 200ms linear 7.2s both;
  -ms-animation: fadein1 200ms linear 7.2s both;
  animation: fadein1 200ms linear 7.2s both;
}


.active .slide-to-right2{animation:slide-to-right 1s 1.2s forwards;}

@-webkit-keyframes disc1 {
    0% {top: 17px; left: 18px;}
	50% {top: 17px; left: 45px;}
   100% {top: 52px;  left: 45px; }
}
@-moz-keyframes disc1 {
    0% {top: 17px; left: 18px;}
	50% {top: 17px; left: 45px;}
   100% {top: 52px;  left: 45px; }
}
@-ms-keyframes disc1 {
    0% {top: 17px; left: 18px;}
	50% {top: 17px; left: 45px;}
   100% {top: 52px; left: 45px;}
}
@-o-keyframes disc1 {
    0% {top: 17px; left: 18px;}
	50% {top: 17px; left: 45px;}
   100% {top: 52px; left: 45px; }
}
@keyframes disc1 {
    0% {top: 17px; left: 18px;}
	50% {top: 17px; left: 45px;}
    100% {top: 52px; left: 45px; }
}

@-webkit-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-moz-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-ms-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@-o-keyframes width1 {
    0% {width: 0px;}
   100% {width: 100%; }
}
@keyframes width1 {
    0% {width: 0px;}
    100% {width: 100%; }
}

@-webkit-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-moz-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-ms-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@-o-keyframes height1 {
    0% {height: 0px;}
   100% {height: 100%; }
}
@keyframes height1 {
   0% {height: 0px;}
   100% {height: 100%; }
}

@-webkit-keyframes scale1 {
    0% {-webkit-transform: scale(0);}
    100% {-webkit-transform: scale(1); }
   
}
@-moz-keyframes scale1 {
    0% {-moz-transform: scale(0);}
   100% {-moz-transform: scale(1); }
}
@-ms-keyframes scale1 {
    0% {-ms-transform: scale(0);}
   100% {-ms-transform: scale(1); }
}
@-o-keyframes scale1 {
    0% {-o-transform: scale(0);}
   100% {-o-transform: scale(1); }
}
@keyframes scale1 {
   0% {transform: scale(0);}
   100% {transform: scale(1); }
}


.active .width-animation1{
	-webkit-animation: width1 1.9s 1 0s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1.9s 1 0s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1.9s 1 0s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1.9s 1 0s;   -o-animation-fill-mode: forwards; 
    animation: width1 1.9s 1 0s;  animation-fill-mode: forwards;}

.active .f-fanimation2{
	-webkit-animation: fadein1 200ms linear 0.3s both;
    -moz-animation: fadein1 200ms linear 0.3s both;
    -o-animation: fadein1 200ms linear 0.3s both;
    -ms-animation: fadein1 200ms linear 0.3s both;
    animation: fadein1 200ms linear 0.3s both;
}

.active .height-animation2{
	-webkit-animation: height1 1s 1 0.3s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 0.3s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 0.3s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 0.3s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 0.3s; animation-fill-mode: forwards;
}	
.active .f-fanimation3{
	-webkit-animation: fadein1 200ms linear 0.7s both;
    -moz-animation: fadein1 200ms linear 0.7s both;
    -o-animation: fadein1 200ms linear 0.7s both;
    -ms-animation: fadein1 200ms linear 0.7s both;
    animation: fadein1 200ms linear 0.7s both;
}
.active .width-animation_f2{
	-webkit-animation: width1 2.5s 1 0.9s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 2.5s 1 0.9s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 2.5s 1 0.9s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 2.5s 1 0.9s;   -o-animation-fill-mode: forwards; 
    animation: width1 2.5s 1 0.9s;  animation-fill-mode: forwards;}
.active .height-animation3{
	-webkit-animation: height1 1s 1 0.7s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 0.7s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 0.7s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 0.7s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 0.7s; animation-fill-mode: forwards;
}
.active .f-fanimation4{
	-webkit-animation: fadein1 200ms linear 1.1s both;
    -moz-animation: fadein1 200ms linear 1.1s both;
    -o-animation: fadein1 200ms linear 1.1s both;
    -ms-animation: fadein1 200ms linear 1.1s both;
    animation: fadein1 200ms linear 1.1s both;
}
.active .scale_animation4{
	-webkit-animation: scale1 0.9s 1 1.1s both;     
	-moz-animation: scale1 0.9s 1 1.1s both;   
	-ms-animation: scale1 0.9s 1 1.1s both;   
	-o-animation: scale1 0.9s 1 1.1s both;   
    animation: scale1 0.9s 1 1.1s both; 
}
.active .f-fanimation5{
	-webkit-animation: fadein1 200ms linear 1.2s both;
    -moz-animation: fadein1 200ms linear 1.2s both;
    -o-animation: fadein1 200ms linear 1.2s both;
    -ms-animation: fadein1 200ms linear 1.2s both;
    animation: fadein1 200ms linear 1.2s both;
}
.active .f-fanimation6{
	-webkit-animation: fadein1 200ms linear 1.3s both;
    -moz-animation: fadein1 200ms linear 1.3s both;
    -o-animation: fadein1 200ms linear 1.3s both;
    -ms-animation: fadein1 200ms linear 1.3s both;
    animation: fadein1 200ms linear 1.3s both;
}
.active .height-animation6{
	-webkit-animation: height1 2s 1 1.3s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 2s 1 1.3s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 2s 1 1.3s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 2s 1 1.3s; -o-animation-fill-mode: forwards; 
            animation: height1 2s 1 1.3s; animation-fill-mode: forwards;
}
.active .f-fanimation7{
	-webkit-animation: fadein1 200ms linear 1.7s both;
    -moz-animation: fadein1 200ms linear 1.7s both;
    -o-animation: fadein1 200ms linear 1.7s both;
    -ms-animation: fadein1 200ms linear 1.7s both;
    animation: fadein1 200ms linear 1.7s both;
}

.active .f-fanimation7a{
	-webkit-animation: fadein1 200ms linear 1.9s both;
    -moz-animation: fadein1 200ms linear 1.9s both;
    -o-animation: fadein1 200ms linear 1.9s both;
    -ms-animation: fadein1 200ms linear 1.9s both;
    animation: fadein1 200ms linear 1.9s both;
}
.active .f-fanimation8{
	-webkit-animation: fadein1 200ms linear 1.9s both;
    -moz-animation: fadein1 200ms linear 1.9s both;
    -o-animation: fadein1 200ms linear 1.9s both;
    -ms-animation: fadein1 200ms linear 1.9s both;
    animation: fadein1 200ms linear 1.9s both;
}

.active .f-fanimation8a{
	-webkit-animation: fadein1 200ms linear 2.2s both;
    -moz-animation: fadein1 200ms linear 2.2s both;
    -o-animation: fadein1 200ms linear 2.2s both;
    -ms-animation: fadein1 200ms linear 2.2s both;
    animation: fadein1 200ms linear 2.2s both;
}
.active .f-fanimation9{
	-webkit-animation: fadein1 200ms linear 2.2s both;
    -moz-animation: fadein1 200ms linear 2.2s both;
    -o-animation: fadein1 200ms linear 2.2s both;
    -ms-animation: fadein1 200ms linear 2.2s both;
    animation: fadein1 200ms linear 2.2s both;
}

.active .f-fanimation9a{
	-webkit-animation: fadein1 200ms linear 2.4s both;
    -moz-animation: fadein1 200ms linear 2.4s both;
    -o-animation: fadein1 200ms linear 2.4s both;
    -ms-animation: fadein1 200ms linear 2.4s both;
    animation: fadein1 200ms linear 2.4s both;
}
.active .f-fanimation10{
	-webkit-animation: fadein1 200ms linear 2.5s both;
    -moz-animation: fadein1 200ms linear 2.5s both;
    -o-animation: fadein1 200ms linear 2.5s both;
    -ms-animation: fadein1 200ms linear 2.5s both;
    animation: fadein1 200ms linear 2.5s both;
}
.active .rightarrow .width-animation10{
	-webkit-animation: width1 0.5s 1 2.5s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.5s 1 2.5s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.5s 1 2.5s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.5s 1 2.5s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.5s 1 2.5s;  animation-fill-mode: forwards;
}
.active .f-fanimation10a{
	-webkit-animation: fadein1 200ms linear 2.7s both;
    -moz-animation: fadein1 200ms linear 2.7s both;
    -o-animation: fadein1 200ms linear 2.7s both;
    -ms-animation: fadein1 200ms linear 2.7s both;
    animation: fadein1 200ms linear 2.7s both;
}
.active .height-animation_f1{
	-webkit-animation: height1 1s 1 2.6s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1s 1 2.6s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1s 1 2.6s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1s 1 2.6s; -o-animation-fill-mode: forwards; 
            animation: height1 1s 1 2.6s; animation-fill-mode: forwards;
}

.active .width-animation_f1{
	-webkit-animation: width1 1s 1 3.55s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1s 1 3.55s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1s 1 3.55s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1s 1 3.55s;   -o-animation-fill-mode: forwards; 
    animation: width1 1s 1 3.55s;  animation-fill-mode: forwards;}

.active .f-fanimation11{
	-webkit-animation: fadein1 200ms linear 2.8s both;
    -moz-animation: fadein1 200ms linear 2.8s both;
    -o-animation: fadein1 200ms linear 2.8s both;
    -ms-animation: fadein1 200ms linear 2.8s both;
    animation: fadein1 200ms linear 2.8s both;
}
.active .f-fanimation12{
	-webkit-animation: fadein1 200ms linear 2.9s both;
    -moz-animation: fadein1 200ms linear 2.9s both;
    -o-animation: fadein1 200ms linear 2.9s both;
    -ms-animation: fadein1 200ms linear 2.9s both;
    animation: fadein1 200ms linear 2.9s both;
}
.active .width-animation12{
	-webkit-animation: width1 1.2s 1 2.9s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 1.2s 1 2.9s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 1.2s 1 2.9s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 1.2s 1 2.9s;   -o-animation-fill-mode: forwards; 
    animation: width1 1.2s 1 2.9s;  animation-fill-mode: forwards;
}
.active .f-fanimation13{
	-webkit-animation: fadein1 200ms linear 3.2s both;
    -moz-animation: fadein1 200ms linear 3.2s both;
    -o-animation: fadein1 200ms linear 3.2s both;
    -ms-animation: fadein1 200ms linear 3.2s both;
    animation: fadein1 200ms linear 3.2s both;
}

.active .f-fanimation13a{
	-webkit-animation: fadein1 200ms linear 3.3s both;
    -moz-animation: fadein1 200ms linear 3.3s both;
    -o-animation: fadein1 200ms linear 3.3s both;
    -ms-animation: fadein1 200ms linear 3.3s both;
    animation: fadein1 200ms linear 3.3s both;
}
.active .f-fanimation14{
	-webkit-animation: fadein1 200ms linear 3.3s both;
    -moz-animation: fadein1 200ms linear 3.3s both;
    -o-animation: fadein1 200ms linear 3.3s both;
    -ms-animation: fadein1 200ms linear 3.3s both;
    animation: fadein1 200ms linear 3.3s both;
}
.active .f-fanimation14a{
	-webkit-animation: fadein1 200ms linear 3.4s both;
    -moz-animation: fadein1 200ms linear 3.4s both;
    -o-animation: fadein1 200ms linear 3.4s both;
    -ms-animation: fadein1 200ms linear 3.4s both;
    animation: fadein1 200ms linear 3.4s both;
}
.active .f-fanimation15{
	-webkit-animation: fadein1 200ms linear 3.4s both;
    -moz-animation: fadein1 200ms linear 3.4s both;
    -o-animation: fadein1 200ms linear 3.4s both;
    -ms-animation: fadein1 200ms linear 3.4s both;
    animation: fadein1 200ms linear 3.4s both;
}
.active .f-fanimation15a{
	-webkit-animation: fadein1 200ms linear 3.5s both;
    -moz-animation: fadein1 200ms linear 3.5s both;
    -o-animation: fadein1 200ms linear 3.5s both;
    -ms-animation: fadein1 200ms linear 3.5s both;
    animation: fadein1 200ms linear 3.5s both;
}
.active .f-fanimation16{
	-webkit-animation: fadein1 200ms linear 3.5s both;
    -moz-animation: fadein1 200ms linear 3.5s both;
    -o-animation: fadein1 200ms linear 3.5s both;
    -ms-animation: fadein1 200ms linear 3.5s both;
    animation: fadein1 200ms linear 3.5s both;
}
.active .f-fanimation16a{
	-webkit-animation: fadein1 200ms linear 3.6s both;
    -moz-animation: fadein1 200ms linear 3.6s both;
    -o-animation: fadein1 200ms linear 3.6s both;
    -ms-animation: fadein1 200ms linear 3.6s both;
    animation: fadein1 200ms linear 3.6s both;
}
.active .f-fanimation17 {
	-webkit-animation: fadein1 200ms linear 3.6s both;
    -moz-animation: fadein1 200ms linear 3.6s both;
    -o-animation: fadein1 200ms linear 3.6s both;
    -ms-animation: fadein1 200ms linear 3.6s both;
    animation: fadein1 200ms linear 3.6s both;
}
.active .f-fanimation18 {
	-webkit-animation: fadein1 200ms linear 3.7s both;
    -moz-animation: fadein1 200ms linear 3.7s both;
    -o-animation: fadein1 200ms linear 3.7s both;
    -ms-animation: fadein1 200ms linear 3.7s both;
    animation: fadein1 200ms linear 3.7s both;
}
.active .slide-down{animation:slide-to-ttbcloud 1s 3.7s forwards; }
.active .height-animation18{
	-webkit-animation: height1 1.3s 1 3.7s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 1.3s 1 3.7s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 1.3s 1 3.7s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 1.3s 1 3.7s; -o-animation-fill-mode: forwards; 
            animation: height1 1.3s 1 3.7s; animation-fill-mode: forwards;
}
.active .f-fanimation19{
	-webkit-animation: fadein1 200ms linear 4s both;
    -moz-animation: fadein1 200ms linear 4s both;
    -o-animation: fadein1 200ms linear 4s both;
    -ms-animation: fadein1 200ms linear 4s both;
    animation: fadein1 200ms linear 4s both;
}

.active .f-fanimation19a{
	-webkit-animation: fadein1 200ms linear 4.1s both;
    -moz-animation: fadein1 200ms linear 4.1s both;
    -o-animation: fadein1 200ms linear 4.1s both;
    -ms-animation: fadein1 200ms linear 4.1s both;
    animation: fadein1 200ms linear 4.1s both;
}
.active .f-fanimation20{
	-webkit-animation: fadein1 200ms linear 4.2s both;
    -moz-animation: fadein1 200ms linear 4.2s both;
    -o-animation: fadein1 200ms linear 4.2s both;
    -ms-animation: fadein1 200ms linear 4.2s both;
    animation: fadein1 200ms linear 4.2s both;
}
.active .f-fanimation20a{
	-webkit-animation: fadein1 200ms linear 4.3s both;
    -moz-animation: fadein1 200ms linear 4.3s both;
    -o-animation: fadein1 200ms linear 4.3s both;
    -ms-animation: fadein1 200ms linear 4.3s both;
    animation: fadein1 200ms linear 4.3s both;
}
.active .f-fanimation21{
	-webkit-animation: fadein1 200ms linear 4.4s both;
    -moz-animation: fadein1 200ms linear 4.4s both;
    -o-animation: fadein1 200ms linear 4.4s both;
    -ms-animation: fadein1 200ms linear 4.4s both;
    animation: fadein1 200ms linear 4.4s both;
}
.active .f-fanimation21a{
	-webkit-animation: fadein1 200ms linear 4.5s both;
    -moz-animation: fadein1 200ms linear 4.5s both;
    -o-animation: fadein1 200ms linear 4.5s both;
    -ms-animation: fadein1 200ms linear 4.5s both;
    animation: fadein1 200ms linear 4.5s both;
}
.active .f-fanimation22{
	-webkit-animation: fadein1 200ms linear 5s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 5s both;
}
.active .width-animation7{
	-webkit-animation: width1 0.3s 1 5s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.3s 1 5s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.3s 1 5s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.3s 1 5s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.3s 1 5s;  animation-fill-mode: forwards;
}
.active .f-fanimation22a{
	-webkit-animation: fadein1 200ms linear 5.2s both;
    -moz-animation: fadein1 200ms linear 5.2s both;
    -o-animation: fadein1 200ms linear 5.2s both;
    -ms-animation: fadein1 200ms linear 5.2s both;
    animation: fadein1 200ms linear 5.2s both;
}
.active .f-fanimation23{
	-webkit-animation: fadein1 200ms linear 5.4s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 5.4s both;
}
.active .width-animation8{
	-webkit-animation: width1 0.3s 1 5.4s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.3s 1 1.9s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.3s 1 1.9s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.3s 1 1.9s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.3s 1 5.4s;  animation-fill-mode: forwards;
}
.active .f-fanimation23a{
	-webkit-animation: fadein1 200ms linear 5.6s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 5.6s both;
}
.active .f-fanimation24{
	-webkit-animation: fadein1 200ms linear 5.8s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 5.8s both;
}
.active .width-animation9{
	-webkit-animation: width1 0.5s 1 5.8s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.5s 1 2.2s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.5s 1 2.2s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.5s 1 2.2s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.5s 1 5.8s;  animation-fill-mode: forwards;
}
.active .f-fanimation24a{
	-webkit-animation: fadein1 200ms linear 6s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 6s both;
}
.active .f-fanimation25{
	-webkit-animation: fadein1 200ms linear 6.2s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 6.2s both;
}
.active .width-animation10{
	-webkit-animation: width1 0.5s 1 6.2s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.5s 1 2.5s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.5s 1 2.5s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.5s 1 2.5s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.5s 1 6.2s;  animation-fill-mode: forwards;
}
.active .f-fanimation25a{
	-webkit-animation: fadein1 200ms linear 6.4s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 6.4s both;
}
.active .f-fanimation26{
	-webkit-animation: fadein1 200ms linear 6.6s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 6.6s both;
}
.active .height-animation13{
	-webkit-animation: height1 0.3s 1 6.6s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 0.3s 1 3.2s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 0.3s 1 3.2s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 0.3s 1 3.2s; -o-animation-fill-mode: forwards; 
            animation: height1 0.3s 1 6.6s; animation-fill-mode: forwards;
}
.active .f-fanimation26a{
	-webkit-animation: fadein1 200ms linear 6.8s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 6.8s both;
}
.active .f-fanimation27{
	-webkit-animation: fadein1 200ms linear 7s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 7s both;
}
.active .height-animation14{
	-webkit-animation: height1 0.3s 1 7s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 0.3s 1 3.3s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 0.3s 1 3.3s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 0.3s 1 3.3s; -o-animation-fill-mode: forwards; 
            animation: height1 0.3s 1 7s; animation-fill-mode: forwards;
}
.active .f-fanimation27a{
	-webkit-animation: fadein1 200ms linear 7.2s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 7.2s both;
}
.active .f-fanimation28{
	-webkit-animation: fadein1 200ms linear 7.4s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 7.4s both;
}
.active .height-animation15{
	-webkit-animation: height1 0.3s 1 7.4s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 0.3s 1 3.4s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 0.3s 1 3.4s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 0.3s 1 3.4s; -o-animation-fill-mode: forwards; 
            animation: height1 0.3s 1 7.4s; animation-fill-mode: forwards;
}
.active .f-fanimation28a{
	-webkit-animation: fadein1 200ms linear 7.6s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 7.6s both;
}
.active .f-fanimation29{
	-webkit-animation: fadein1 200ms linear 7.8s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 7.8s both;
}
.active .height-animation16{
	-webkit-animation: height1 0.3s 1 7.8s; -webkit-animation-fill-mode: forwards; 
	   -moz-animation: height1 0.3s 1 3.5s; -moz-animation-fill-mode: forwards; 
	    -ms-animation: height1 0.3s 1 3.5s; -ms-animation-fill-mode: forwards; 
	     -o-animation: height1 0.3s 1 3.5s; -o-animation-fill-mode: forwards; 
            animation: height1 0.3s 1 7.8s; animation-fill-mode: forwards;
}
.active .f-fanimation29a{
	-webkit-animation: fadein1 200ms linear 8s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 8s both;
}
.active .f-fanimation30{
	-webkit-animation: fadein1 200ms linear 8.2s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 8.2s both;
}
.active .width-animation19{
	-webkit-animation: width1 0.3s 1 8.2s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.3s 1 4s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.3s 1 4s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.3s 1 4s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.3s 1 8.2s;  animation-fill-mode: forwards;
}
.active .f-fanimation30a{
	-webkit-animation: fadein1 200ms linear 8.4s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 8.4s both;
}
.active .f-fanimation31{
	-webkit-animation: fadein1 200ms linear 8.6s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 8.6s both;
}
.active .width-animation20{
	-webkit-animation: width1 0.3s 1 8.6s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.3s 1 4.2s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.3s 1 4.2s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.3s 1 4.2s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.3s 1 8.6s;  animation-fill-mode: forwards;
}
.active .f-fanimation31a{
	-webkit-animation: fadein1 200ms linear 8.8s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 8.8s both;
}
.active .f-fanimation32{
	-webkit-animation: fadein1 200ms linear 9s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 9s both;
}
.active .width-animation21{
	-webkit-animation: width1 0.3s 1 9s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: width1 0.3s 1 4.4s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: width1 0.3s 1 4.4s;   -ms-animation-fill-mode: forwards; 
	-o-animation: width1 0.3s 1 4.4s;   -o-animation-fill-mode: forwards; 
    animation: width1 0.3s 1 9s;  animation-fill-mode: forwards;
}
.active .f-fanimation32a{
	-webkit-animation: fadein1 200ms linear 9.2s both;
    -moz-animation: fadein1 200ms linear 5s both;
    -o-animation: fadein1 200ms linear 5s both;
    -ms-animation: fadein1 200ms linear 5s both;
    animation: fadein1 200ms linear 9.2s both;
}
.active .slide-up1{animation:slide-to-up 1s 4.5s forwards; }
@-webkit-keyframes leftani2 {
    0% {left: -100%;}
   100% {left: 0%; }
}
@-moz-keyframes leftani2 {
    0% {left: -100%;}
   100% {left: 0%; }
}
@-ms-keyframes leftani2 {
    0% {left: -100%;}
   100% {left: 0%; }
}
@-o-keyframes leftani2 {
    0% {left: -100%;}
   100% {left: 0%; }
}
@keyframes leftani2 {
    0% {left: -100%;}
   100% {left: 0%; }
}	
.active .slidein-left{
	-webkit-animation: leftani2 0.7s 1 0s;      -webkit-animation-fill-mode: forwards; 
	-moz-animation: leftani2 0.7s 1 0s;    -moz-animation-fill-mode: forwards; 
	-ms-animation: leftani2 0.7s 1 0s;   -ms-animation-fill-mode: forwards; 
	-o-animation: leftani2 0.7s 1 0s;   -o-animation-fill-mode: forwards; 
    animation: leftani2 0.7s 1 0s;  animation-fill-mode: forwards;}