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

@font-face {
	font-family: 'Conv_CoHeadline_W_Rg';
	src: url('fonts/CoHeadline_W_Rg.eot');
	src: local('☺'), url('fonts/CoHeadline_W_Rg.woff') format('woff'), url('fonts/CoHeadline_W_Rg.ttf') format('truetype'), url('fonts/CoHeadline_W_Rg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	position:relative;
	font-family:'Conv_CoHeadline_W_Rg',Sans-Serif !important;
	font-weight: 200;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
	    height: 100%;
    width: 100%;
    margin: 0 auto;
	background-color: #00BE94;
	touch-action: none;
}
.container{
	    margin: 0px auto;
    width: 1000px;
    height: 100%;

}
/* SLIDER STYLES */

.slider-wrapper{
	position:relative;

	width:100%;
	height:100%;
	margin:0px auto;

	background:#00BE94;

	
}

.responisve-container{

    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.slider{
	position:relative;
	width:100%;
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
	height:100%;
	background:#00BE94;
    overflow: hidden;
}
.day-house{
	    height: 80px;
    bottom: 0px;
    width: 100%;
    position: relative;	
	bottom:0px;
}
.day-house img{
	    width: 100%;
    position: absolute;
    bottom:0px;
	}

.day-house-mobile{
	    height: 80px;
    bottom: 0px;
    width: 100%;
    position: relative;	
	bottom:70px;
	display:none;
}
.day-house-mobile img{
	    width: 100%;
    position: absolute;
    bottom:0px;
	display:none;
	}

.day-house-tab{
	height: auto;
    bottom: 0px;
    width: 100%;
    position: absolute;	
	display:none;
	
}

/* ELEMENT STYLES */

p{
	position:absolute;
	top:-200px;

	z-index:8000;
	padding:1% 3%;

	font-size:24px;
	line-height:100%
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
}

.claim{
	line-height:100%
}

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}

.Day-cloud-1{
		-webkit-animation: 100s linear 0s normal none infinite cloud1;
  -moz-animation: 100s linear 0s normal none infinite cloud1;
  -o-animation: 100s linear 0s normal none infinite cloud1;
  -ms-animation: 100s linear 0s normal none infinite cloud1;
  
    animation:  100s linear 0s normal none infinite cloud1;
    width: 10%;
    position: absolute;
    top: 75px;
    opacity: 0.2;
    left: 630px;
	z-index:1111;
	}
	
@-webkit-keyframes cloud1 {
 0% { left:150px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-moz-keyframes cloud1 {
0% { left:150px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-o-keyframes cloud1 {
0% { left:150px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-ms-keyframes cloud1 {
0% { left:150px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}	
	
@keyframes cloud1 {
	0% { left:150px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
.Day-cloud-2{
	-webkit-animation:51s linear 0s normal none infinite cloud2;
  -moz-animation:51s linear 0s normal none infinite cloud2;
  -o-animation: 51s linear 0s normal none infinite cloud2;
  -ms-animation:51s linear 0s normal none infinite cloud2;
  
	animation:  51s linear 0s normal none infinite cloud2;
    width: 13%;
    position: absolute;
    top: 268px;
    opacity: 0.2;
    left: 0px;
	z-index:1111;
	}
	
	@-webkit-keyframes cloud2 {
 0% { left:10px;}
	98%{opacity:0.2;}
	100% { left:800px;}
}
@-moz-keyframes cloud2 {
 0% { left:10px;}
	98%{opacity:0.2;}
	100% { left:800px;}
}
@-o-keyframes cloud2 {
 0% { left:10px;}
	98%{opacity:0.2;}
	100% { left:800px;}
}
@-ms-keyframes cloud2 {
 0% { left:10px;}
	98%{opacity:0.2;}
	100% { left:800px;}
}
@keyframes cloud2 {
	0% { left:10px;}
	98%{opacity:0.2;}
	100% { left:800px;}
}
.Day-cloud-3{
  -webkit-animation:115s linear 0s normal none infinite cloud3;
  -moz-animation:115s linear 0s normal none infinite cloud3;
  -o-animation: 115s linear 0s normal none infinite cloud3;
  -ms-animation: 115s linear 0s normal none infinite cloud3;
  
  animation: 115s linear 0s normal none infinite cloud3;
    width: 28%;
    position: absolute;
    top: 135px;
    opacity: 0.2;
    left: 0px;
	z-index:1111;
	
	}
@-webkit-keyframes cloud3 {
 0% { left:560px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-moz-keyframes cloud3 {
 0% { left:560px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-o-keyframes cloud3 {
 0% { left:560px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
@-ms-keyframes cloud3 {
0% { left:560px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
	@keyframes cloud3 {
	0% { left:560px;}
	98%{opacity:0.2;}
	100% { left:800px; }
}
.Day-cloud-4{
	-webkit-animation:65s linear 0s normal none infinite cloud4;
  -moz-animation:65s linear 0s normal none infinite cloud4;
  -o-animation: 65s linear 0s normal none infinite cloud4;
  -ms-animation: 65s linear 0s normal none infinite cloud4;
  
	animation: 65s linear 0s normal none infinite cloud4;
    width: 19%;
    position: absolute;
    top: 370px;
    opacity: 0.2;
	z-index:1111;
	}
	
	@-webkit-keyframes cloud4 {
 0% { left:250px;}
	98%{opacity:0.2;}
	100% { left:100%; }
}
@-moz-keyframes cloud4 {
  0% { left:250px;}
	98%{opacity:0.2;}
	100% { left:100%; }
}
@-o-keyframes cloud4 {
  0% { left:250px;}
	98%{opacity:0.2;}
	100% { left:100%; }
}
@-ms-keyframes cloud4 {
 0% { left:250px;}
	98%{opacity:0.2;}
	100% { left:100%; }
}
@keyframes cloud4 {
	0% { left:250px;}
	98%{opacity:0.2;}
	100% { left:100%; }
}
.Day-cloud-5{
   -webkit-animation:75s linear 0s normal none infinite cloud5;
  -moz-animation:75s linear 0s normal none infinite cloud5;
  -o-animation: 75s linear 0s normal none infinite cloud5;
  -ms-animation:75s linear 0s normal none infinite cloud5;
  
   animation: 75s linear 0s normal none infinite cloud5;
    width: 10%;
    position: absolute;
    opacity: 0.2;
    top: 500px;
	z-index:1111;
	}
	
	@-webkit-keyframes cloud5 {
 0% { left:10%;}
	98%{opacity:0.2;}
	100% { left:100%;opacity:0; }
}
@-moz-keyframes cloud5 {
  0% { left:10%;}
	98%{opacity:0.2;}
	100% { left:100%;opacity:0; }
}
@-o-keyframes cloud5 {
 0% { left:10%;}
	98%{opacity:0.2;}
	100% { left:100%;opacity:0; }
}
@-ms-keyframes cloud5 {
  0% { left:10%;}
	98%{opacity:0.2;}
	100% { left:100%;opacity:0; }
}
@keyframes cloud5 {
	0% { left:10%;}
	98%{opacity:0.2;}
	100% { left:100%;opacity:0; }
}
.size-img{
	    width: 100%;
  }

.logo{
	width: 100%;
    position: absolute;
    top:-45px;
    opacity: 1;
    left: 0px;
    margin: 0 auto;
	}

.logo-mobile{
	animation: 8s linear 0s normal none infinite logoMob;
	width: 100%;
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    margin: 0px auto;
	display:none;
	}

.logo-tab{
	
	width: 768px;
    position: absolute;
    top: 0px;
    opacity: 1;
    left: -25px;
    margin: 0px auto;
	display:none;
	}	

	.mouse{
	-webkit-animation:10s linear 0s normal none infinite mouse;
  -moz-animation:10s linear 0s normal none infinite mouse;
  -o-animation: 10s linear 0s normal none infinite mouse;
  -ms-animation: 10s linear 0s normal none infinite mouse;
  
	animation: 10s linear 0s normal none infinite mouse;
	  width: 20px;
    height: 20px;
    background-color: #FFF;
    border-radius: 55px;
    opacity: 0.5;
    position: relative;
    left: 250px;
    top: 255px;
    z-index:99999;
	}

@-webkit-keyframes mouse {
 0% { opacity:0.5;left:250px; top:320px;}
	5% { opacity:1.5;left:480px; top:370px;}
	10% { opacity:0.7;left:480px; top:370px;}
	15% { opacity:1.5;left:550px; top:450px;}
	20% { opacity:0.5;left:550px; top:450px;}
	25% { opacity:1.5;left:200px; top:300px;}
	30% {opacity:0.5;left:200px; top:375px;}
	35% {opacity:1.5;left:180px; top:380px;}
	40% {opacity:0.5;left:180px; top:375px;}
	45% {opacity:1.5;left:210px; top:380px;}
	50% {opacity:0.5;left:210px; top:380px;}
	55% {opacity:1.5;left:180px; top:385px;}
	60% {opacity:0.5;left:200px; top:380px;}
	65% {opacity:1.5;left:280px; top:380px;}
	70% {opacity:0.5;left:330px; top:200px;}
	75% {opacity:1.5;left:330px; top:200px;}
	80% {opacity:1.5;left:850px; top:285px;}
	100% {opacity:1.5;left:850px; top:285px;}
}
@-moz-keyframes mouse {
 0% { opacity:0.5;left:250px; top:320px;}
	5% { opacity:1.5;left:480px; top:370px;}
	10% { opacity:0.7;left:480px; top:370px;}
	15% { opacity:1.5;left:550px; top:450px;}
	20% { opacity:0.5;left:550px; top:450px;}
	25% { opacity:1.5;left:200px; top:300px;}
	30% {opacity:0.5;left:200px; top:375px;}
	35% {opacity:1.5;left:180px; top:380px;}
	40% {opacity:0.5;left:180px; top:375px;}
	45% {opacity:1.5;left:210px; top:380px;}
	50% {opacity:0.5;left:210px; top:380px;}
	55% {opacity:1.5;left:180px; top:385px;}
	60% {opacity:0.5;left:200px; top:380px;}
	65% {opacity:1.5;left:280px; top:380px;}
	70% {opacity:0.5;left:330px; top:200px;}
	75% {opacity:1.5;left:330px; top:200px;}
	80% {opacity:1.5;left:850px; top:285px;}
	100% {opacity:1.5;left:850px; top:285px;}
}
@-o-keyframes mouse {
 0% { opacity:0.5;left:250px; top:320px;}
	5% { opacity:1.5;left:480px; top:370px;}
	10% { opacity:0.7;left:480px; top:370px;}
	15% { opacity:1.5;left:550px; top:450px;}
	20% { opacity:0.5;left:550px; top:450px;}
	25% { opacity:1.5;left:200px; top:300px;}
	30% {opacity:0.5;left:200px; top:375px;}
	35% {opacity:1.5;left:180px; top:380px;}
	40% {opacity:0.5;left:180px; top:375px;}
	45% {opacity:1.5;left:210px; top:380px;}
	50% {opacity:0.5;left:210px; top:380px;}
	55% {opacity:1.5;left:180px; top:385px;}
	60% {opacity:0.5;left:200px; top:380px;}
	65% {opacity:1.5;left:280px; top:380px;}
	70% {opacity:0.5;left:330px; top:200px;}
	75% {opacity:1.5;left:330px; top:200px;}
	80% {opacity:1.5;left:850px; top:285px;}
	100% {opacity:1.5;left:850px; top:285px;}
}
@-ms-keyframes mouse {
  0% { opacity:0.5;left:250px; top:320px;}
	5% { opacity:1.5;left:480px; top:370px;}
	10% { opacity:0.7;left:480px; top:370px;}
	15% { opacity:1.5;left:550px; top:450px;}
	20% { opacity:0.5;left:550px; top:450px;}
	25% { opacity:1.5;left:200px; top:300px;}
	30% {opacity:0.5;left:200px; top:375px;}
	35% {opacity:1.5;left:180px; top:380px;}
	40% {opacity:0.5;left:180px; top:375px;}
	45% {opacity:1.5;left:210px; top:380px;}
	50% {opacity:0.5;left:210px; top:380px;}
	55% {opacity:1.5;left:180px; top:385px;}
	60% {opacity:0.5;left:200px; top:380px;}
	65% {opacity:1.5;left:280px; top:380px;}
	70% {opacity:0.5;left:330px; top:200px;}
	75% {opacity:1.5;left:330px; top:200px;}
	80% {opacity:1.5;left:850px; top:285px;}
	100% {opacity:1.5;left:850px; top:285px;}
}
@keyframes mouse {
	0% { opacity:0.5;left:250px; top:320px;}
	5% { opacity:1.5;left:480px; top:370px;}
	10% { opacity:0.7;left:480px; top:370px;}
	15% { opacity:1.5;left:550px; top:450px;}
	20% { opacity:0.5;left:550px; top:450px;}
	25% { opacity:1.5;left:200px; top:300px;}
	30% {opacity:0.5;left:200px; top:375px;}
	35% {opacity:1.5;left:180px; top:380px;}
	40% {opacity:0.5;left:180px; top:375px;}
	45% {opacity:1.5;left:210px; top:380px;}
	50% {opacity:0.5;left:210px; top:380px;}
	55% {opacity:1.5;left:180px; top:385px;}
	60% {opacity:0.5;left:200px; top:380px;}
	65% {opacity:1.5;left:280px; top:380px;}
	70% {opacity:0.5;left:330px; top:200px;}
	75% {opacity:1.5;left:330px; top:200px;}
	80% {opacity:1.5;left:850px; top:285px;}
	100% {opacity:1.5;left:850px; top:285px;}
}

.FirstText{
	/*-webkit-animation:10s linear 0s normal none infinite Text1;
  -moz-animation: 10s linear 0s normal none infinite Text1;
  -o-animation: 10s linear 0s normal none infinite Text1;
  -ms-animation: 10s linear 0s normal none infinite Text1;
  
	animation: 10s linear 0s normal none infinite Text1;
    width: 100%;
    height: auto;
    position: relative;
    margin:0 auto;
	bottom:20px;
	*/}

	@-webkit-keyframes Text1 {
  0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;}
	15% { opacity:2.5;}
	20% { opacity:0.0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes Text1 {
 0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;}
	15% { opacity:2.5;}
	20% { opacity:0.0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes Text1 {
 0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;}
	15% { opacity:2.5;}
	20% { opacity:0.0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes Text1 {
 0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;}
	15% { opacity:2.5;}
	20% { opacity:0.0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }
}

@keyframes Text1 {
	0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;}
	15% { opacity:2.5;}
	20% { opacity:0.0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }
	
	
}
	
	
.screen1{
	animation: 10s linear 0s normal none infinite Text1;
    width: 100%;
    height: auto;
    position: relative;
    margin:0 auto;
	display:none;
}

.screen1a{
	position:absolute;
	top:0px;	
	display:none;
}
.screen1b{
	position:absolute;
	top:0px;
display:none;	
}
.screen1c{
	position:absolute;
	top:0px;	
	display:none;
}

.screen1d{
	position:absolute;
	top:0px;	
	display:none;
}

.screen1-tb{
	animation: 8s linear 0s normal none infinite running mobile1;
height: auto;
position: relative;
margin: 0px auto;
width:100%;
left: 0px;	
display:none;
	}
	
@keyframes mobile1 {
	0% { opacity:2.0;}
	5% { opacity:2.0;}
	10% { opacity:2.5;  -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); }
	15% { opacity:2.5; -o-transform: translateX(-350px); -moz-transform: translateX(-350px); -webkit-transform: translateX(-350px); }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	50% { opacity:0; }
	55% { opacity:0; }
	60% { opacity:0; }
	65% { opacity:0; }
	100% { opacity:0; }	
}

.screen1a-tb{
	animation: 8s linear 0s normal none infinite running mobile2;
position: absolute;
top: 0px;
z-index: 1111;
left: -55px;
display:none;
}
.screen1b-tb{
	animation: 8s linear 0s normal none infinite rate;
	position:absolute;
	top:0px;	
	z-index:3333;
left: -55px;
display:none;
}

@keyframes rate{
	0% { opacity:0;}
	5% { opacity:0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;-o-transform: translateX(250px); -moz-transform: translateX(250px); -webkit-transform: translateX(250px);}
	25% { opacity:2.5;-o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px);-o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	30% { opacity:2.5;-o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	35% { opacity:2.5;-o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	40%{opacity:2.5;-o-transform: translateY(-65px); -moz-transform: translateY(-65px); -webkit-transform: translateY(-65px);}
	45%{opacity:2.5;-o-transform: translateY(-65px); -moz-transform: translateY(-65px); -webkit-transform: translateY(-65px);}
	50% {opacity:2.5;-o-transform: translateY(-65px); -moz-transform: translateY(-65px); -webkit-transform: translateY(-65px);}
	55% { opacity:2.5;-o-transform: translateY(-65px); -moz-transform: translateY(-65px); -webkit-transform: translateY(-65px); }
	60% { opacity:2.5;-o-transform: translateY(-65px); -moz-transform: translateY(-65px); -webkit-transform: translateY(-65px);}
	65% { opacity:0; }
	70% { opacity:0; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	90% { opacity:0; }
	100% { opacity:0; }	
}

.screen1c-tb{
	animation: 8s linear 0s normal none infinite mobile2;
	position:absolute;
	top:0px;	
	z-index:1111;
left: -55px;
display:none;
}


@keyframes mobile2 {
	0% { opacity:0;}
	5% { opacity:0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;-o-transform: translateX(250px); -moz-transform: translateX(250px); -webkit-transform: translateX(250px);}
	25% { opacity:2.5;-o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	51% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:0; }
	100% { opacity:0; }	
}


.screen2{
	animation: 15s linear 0s normal none infinite mobile3;
	position:absolute;
	top:20px;	
	display:none;
	z-index:1111;	
}
.screen2a{
	animation: 15s linear 0s normal none infinite mobile3;
	position:absolute;
	top:20px;	
	display:none;
	z-index:1111;	
}
.screen2b{
	animation: 15s linear 0s normal none infinite mobile3;
	position:absolute;
	top:20px;	
	display:none;
	z-index:1111;	
}
.screen2c{
	animation: 15s linear 0s normal none infinite mobile3;
	position:absolute;
	top:20px;	
	z-index:1111;	
	display:none;
}

.screen2c1{
	animation: 8s linear 0s normal none infinite mobile3;
	position:absolute;
	top:150px;	
	z-index:1111;	
left: 0px;
width: 400px;
display:none;
}


.screen2-tb{
	animation: 8s linear 0s normal none infinite tab-3;
	position:absolute;
	top:20px;	
	z-index:1111;
	left: 0px;
	width: 100%;
	display:none;
}

.screen2a-tb{
	animation: 8s linear 0s normal none infinite tab-3;
	position:absolute;
	top:20px;	
	z-index:1111;
	left: 0px;
	width: 100%;
	display:none;
}


.screen2b-tb{
	animation: 8s linear 0s normal none infinite tab-3;
	position:absolute;
	top:20px;	
	z-index:1111;
	left: 0px;
	width: 100%;
	display:none;
}


.screen2c-tb{
	animation: 8s linear 0s normal none infinite tab-3;
	position:absolute;
	top:20px;	
	z-index:1111;
	left: 0px;
	width: 100%;
	display:none;
}


.screen2d-tb{
	animation: 8s linear 0s normal none infinite tab-3;
	position:absolute;
	top:20px;	
	z-index:1111;
	left: 0px;
	width: 100%;
	display:none;
}





.screen3{
	display:none;
}

.screen3-tb{
	animation: 8s linear 0s normal none infinite tab-4;
	position:absolute;
	top:20px;	
	z-index:1111;
	width: 100%;
	display:none;
}

.screen3a-tb{
	animation: 8s linear 0s normal none infinite tab-4;
	position:absolute;
	top:20px;	
	z-index:1111;
	width: 100%;
	display:none;
}

.screen3b-tb{
	animation: 8s linear 0s normal none infinite tab-4;
	position:absolute;
	top:20px;	
	z-index:1111;
	width: 100%;
	display:none;
}

.screen3c-tb{
	animation: 8s linear 0s normal none infinite tab-4;
	position:absolute;
	top:20px;	
	z-index:1111;
	width: 100%;
	display:none;
}



.AnswerText{
	-webkit-animation:  10s linear 0s normal none infinite text2;
  -moz-animation:  10s linear 0s normal none infinite text2;
  -o-animation:  10s linear 0s normal none infinite text2;
  -ms-animation: 10s linear 0s normal none infinite text2;
  
    animation: 10s linear 0s normal none infinite text2;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top:0px;
	}

@-webkit-keyframes text2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:1.5;}
	15% { opacity:1.5;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	100% { opacity:0; }
}
@-moz-keyframes text2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:1.5;}
	15% { opacity:1.5;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	100% { opacity:0; }
}
@-o-keyframes text2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:1.5;}
	15% { opacity:1.5;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	100% { opacity:0; }
}
@-ms-keyframes text2 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:1.5;}
	15% { opacity:1.5;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	100% { opacity:0; }
}
@keyframes text2 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:1.5;}
	15% { opacity:1.5;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:0;}
	100% { opacity:0; }
}

.content1-header{
	-webkit-animation: 10s linear 0s normal none infinite running headerQ;
  -moz-animation:10s linear 0s normal none infinite running headerQ;
  -o-animation: 10s linear 0s normal none infinite running headerQ;
  -ms-animation: 10s linear 0s normal none infinite running headerQ;
  
	animation: 10s linear 0s normal none infinite running headerQ;
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 0px;
	}
	
@-webkit-keyframes headerQ {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:2.5; }
	80% { opacity:2.5; }
	85% { opacity:2.5; }
	90% { opacity:2.5; }
	100% { opacity:0; }
}
@-moz-keyframes headerQ {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:2.5; }
	80% { opacity:2.5; }
	85% { opacity:2.5; }
	90% { opacity:2.5; }
	100% { opacity:0; }
}
@-o-keyframes headerQ {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:2.5; }
	80% { opacity:2.5; }
	85% { opacity:2.5; }
	90% { opacity:2.5; }
	100% { opacity:0; }
}
@-ms-keyframes headerQ {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:2.5; }
	80% { opacity:2.5; }
	85% { opacity:2.5; }
	90% { opacity:2.5; }
	100% { opacity:0; }
}
	
@keyframes headerQ {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:2.5; }
	80% { opacity:2.5; }
	85% { opacity:2.5; }
	90% { opacity:2.5; }
	100% { opacity:0; }
}


.content1-amount{
	-webkit-animation: 10s linear 0s normal none infinite running fillup;
  -moz-animation: 10s linear 0s normal none infinite running fillup;
  -o-animation: 10s linear 0s normal none infinite running fillup;
  -ms-animation: 10s linear 0s normal none infinite running fillup;
  
	animation: 10s linear 0s normal none infinite running fillup;
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 0px;
	}
	
	@-webkit-keyframes fillup {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes fillup {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes fillup {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes fillup {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@keyframes fillup {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}


.content1-amount2{
	-webkit-animation: 10s linear 0s normal none infinite running fillup2;
  -moz-animation: 10s linear 0s normal none infinite running fillup2;
  -o-animation:  10s linear 0s normal none infinite running fillup2;
  -ms-animation: 10s linear 0s normal none infinite running fillup2;
	
animation: 10s linear 0s normal none infinite running fillup2;
   width: 100%;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 0px;
	}

	
	@-webkit-keyframes fillup2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes fillup2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes fillup2 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes fillup2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}
@keyframes fillup2 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	100% { opacity:0; }
}


.content1-1{
	-webkit-animation:10s linear 0s normal none infinite running text3;
  -moz-animation: 10s linear 0s normal none infinite running text3;
  -o-animation: 10s linear 0s normal none infinite running text3;
  -ms-animation:10s linear 0s normal none infinite running text3;
  
    animation: 10s linear 0s normal none infinite running text3;
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: 0px;
}
@-webkit-keyframes text3 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;-o-transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px);}
	30% { opacity:2.5; -o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes text3 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes text3 {
0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes text3 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:0; }
}

@keyframes text3 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;  -o-transform: translateY(-20px); -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px);}
	25% { opacity:2.5; -o-transform: translateY(-0px); -moz-transform: translateY(-0px); -webkit-transform: translateY(-0px);}
	30% { opacity:2.5;}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:0; }
}


.content1-2{
	-webkit-animation:  10s linear 0s normal none infinite running text3-1;
  -moz-animation: 10s linear 0s normal none infinite running text3-1;
  -o-animation: 10s linear 0s normal none infinite running text3-1;
  -ms-animation: 10s linear 0s normal none infinite running text3-1;
  
	animation: 10s linear 0s normal none infinite running text3-1;
    width: 100%;
    height: auto;
    margin: 0px auto;
    left: 0px;
    position: absolute;
    top: 0px;
	}
@-webkit-keyframes text3-1 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;  -o-transform: translateY(-20px);}
	30% { opacity:2.5;  -o-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; top:0px;}
	70% { opacity:2.5; top: 0px;}
	80% { opacity:2.5; top: -50px;}
	100% { opacity:2.5; top:-50px;}
}
@-moz-keyframes text3-1 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;  -o-transform: translateY(-20px);}
	30% { opacity:2.5;  -o-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; top:0px;}
	70% { opacity:2.5; top: 0px;}
	80% { opacity:2.5; top: -50px;}
	100% { opacity:2.5; top:-50px;}
}
@-o-keyframes text3-1 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;  -o-transform: translateY(-20px);}
	30% { opacity:2.5;  -o-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; top:0px;}
	70% { opacity:2.5; top: 0px;}
	80% { opacity:2.5; top: -50px;}
	100% { opacity:2.5; top:-50px;}
}
@-ms-keyframes text3-1 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;  -o-transform: translateY(-20px);}
	30% { opacity:2.5;  -o-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; top:0px;}
	70% { opacity:2.5; top: 0px;}
	80% { opacity:2.5; top: -50px;}
	100% { opacity:2.5; top:-50px;}
}

@keyframes text3-1 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;  -o-transform: translateY(-20px);}
	30% { opacity:2.5;  -o-transform: translateY(-0px);}
	35% { opacity:2.5;}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; top:0px;}
	70% { opacity:2.5; top: 0px;}
	80% { opacity:2.5; top: -50px;}
	100% { opacity:2.5; top:-50px;}
}

.content1-3{
	-webkit-animation:10s linear 0s normal none infinite running text3-2;
  -moz-animation: 10s linear 0s normal none infinite running text3-2;
  -o-animation: 10s linear 0s normal none infinite running text3-2;
  -ms-animation:10s linear 0s normal none infinite running text3-2;
  
	    animation: 10s linear 0s normal none infinite running text3-2;
    height: auto;
    margin: 0px auto;
    width: 100%;
    position: absolute;
    top: 0px;
	}

@-webkit-keyframes text3-2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0; }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;  -o-transform: translateY(-20px);}
	35% { opacity:2.5;-o-transform: translateY(-0px);}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes text3-2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0; }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;  -o-transform: translateY(-20px);}
	35% { opacity:2.5;-o-transform: translateY(-0px);}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes text3-2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0; }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;  -o-transform: translateY(-20px);}
	35% { opacity:2.5;-o-transform: translateY(-0px);}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes text3-2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0; }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;  -o-transform: translateY(-20px);}
	35% { opacity:2.5;-o-transform: translateY(-0px);}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }
}
@keyframes text3-2 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0; }
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;  -o-transform: translateY(-20px);}
	35% { opacity:2.5;-o-transform: translateY(-0px);}
	40%{opacity:2.5;}
	45%{opacity:2.5;}
	50% { opacity:2.5; }
	55% { opacity:2.5; }
	60% { opacity:2.5; }
	65% { opacity:2.5; }
	70% { opacity:2.5; }
	75% { opacity:0; }
	80% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }
}

.content1-4{
	-webkit-animation:  10s linear 0s normal none infinite running text3-3;
  -moz-animation:  10s linear 0s normal none infinite running text3-3;
  -o-animation:  10s linear 0s normal none infinite running text3-3;
  -ms-animation: 10s linear 0s normal none infinite running text3-3;
  
    animation: 10s linear 0s normal none infinite running text3-3;
    width: 100%;
    height: auto;
    margin: 0px auto;
    top: -15px;
    position: absolute;
    left: 0px;
	}

@-webkit-keyframes text3-3 {
0% { opacity:0.0; top: -15px;}
	5% { opacity:0.0; top: -15px;}
	10% { opacity:0; top: -25px;}
	15% { opacity:0; top: -25px;}
	20% { opacity:0;top: -25px;}
	25% { opacity:0;top: -25px;}
	30% { opacity:0;top: -25px;}
	35% { opacity:0;top: -25px;}
	40%{opacity:2.5;top: 0px;}
	45%{opacity:2.5;top: 0px;}
	50% { opacity:2.5;top:60px;}
	55% { opacity:2.5;top:60px;}
	60% { opacity:2.5;top:60px; }
	65% { opacity:2.5;top:0px; }
	70% { opacity:2.5;top:0px; }
	75% { opacity:2.5;top:0px; }
	80% { opacity:2.5;top:-95px; }
	85% { opacity:2.5;top:-95px; }
	100% { opacity:2.5;top:-95px;}
}
@-moz-keyframes text3-3 {
  0% { opacity:0.0; top: -15px;}
	5% { opacity:0.0; top: -15px;}
	10% { opacity:0; top: -25px;}
	15% { opacity:0; top: -25px;}
	20% { opacity:0;top: -25px;}
	25% { opacity:0;top: -25px;}
	30% { opacity:0;top: -25px;}
	35% { opacity:0;top: -25px;}
	40%{opacity:2.5;top: 0px;}
	45%{opacity:2.5;top: 0px;}
	50% { opacity:2.5;top:60px;}
	55% { opacity:2.5;top:60px;}
	60% { opacity:2.5;top:60px; }
	65% { opacity:2.5;top:0px; }
	70% { opacity:2.5;top:0px; }
	75% { opacity:2.5;top:0px; }
	80% { opacity:2.5;top:-95px; }
	85% { opacity:2.5;top:-95px; }
	100% { opacity:2.5;top:-95px;}
}
@-o-keyframes text3-3 {
  0% { opacity:0.0; top: -15px;}
	5% { opacity:0.0; top: -15px;}
	10% { opacity:0; top: -25px;}
	15% { opacity:0; top: -25px;}
	20% { opacity:0;top: -25px;}
	25% { opacity:0;top: -25px;}
	30% { opacity:0;top: -25px;}
	35% { opacity:0;top: -25px;}
	40%{opacity:2.5;top: 0px;}
	45%{opacity:2.5;top: 0px;}
	50% { opacity:2.5;top:60px;}
	55% { opacity:2.5;top:60px;}
	60% { opacity:2.5;top:60px; }
	65% { opacity:2.5;top:0px; }
	70% { opacity:2.5;top:0px; }
	75% { opacity:2.5;top:0px; }
	80% { opacity:2.5;top:-95px; }
	85% { opacity:2.5;top:-95px; }
	100% { opacity:2.5;top:-95px;}
}
@-ms-keyframes text3-3 {
  0% { opacity:0.0; top: -15px;}
	5% { opacity:0.0; top: -15px;}
	10% { opacity:0; top: -25px;}
	15% { opacity:0; top: -25px;}
	20% { opacity:0;top: -25px;}
	25% { opacity:0;top: -25px;}
	30% { opacity:0;top: -25px;}
	35% { opacity:0;top: -25px;}
	40%{opacity:2.5;top: 0px;}
	45%{opacity:2.5;top: 0px;}
	50% { opacity:2.5;top:60px;}
	55% { opacity:2.5;top:60px;}
	60% { opacity:2.5;top:60px; }
	65% { opacity:2.5;top:0px; }
	70% { opacity:2.5;top:0px; }
	75% { opacity:2.5;top:0px; }
	80% { opacity:2.5;top:-95px; }
	85% { opacity:2.5;top:-95px; }
	100% { opacity:2.5;top:-95px;}
}
@keyframes text3-3 {
	0% { opacity:0.0; top: -15px;}
	5% { opacity:0.0; top: -15px;}
	10% { opacity:0; top: -25px;}
	15% { opacity:0; top: -25px;}
	20% { opacity:0;top: -25px;}
	25% { opacity:0;top: -25px;}
	30% { opacity:0;top: -25px;}
	35% { opacity:0;top: -25px;}
	40%{opacity:2.5;top: 0px;}
	45%{opacity:2.5;top: 0px;}
	50% { opacity:2.5;top:60px;}
	55% { opacity:2.5;top:60px;}
	60% { opacity:2.5;top:60px; }
	65% { opacity:2.5;top:0px; }
	70% { opacity:2.5;top:0px; }
	75% { opacity:2.5;top:0px; }
	80% { opacity:2.5;top:-95px; }
	85% { opacity:2.5;top:-95px; }
	100% { opacity:2.5;top:-95px;}
}


.content1-amount2{
	-webkit-animation:10s linear 0s normal none infinite running textPrice2;
  -moz-animation:10s linear 0s normal none infinite running textPrice2;
  -o-animation: 10s linear 0s normal none infinite running textPrice2;
  -ms-animation: 10s linear 0s normal none infinite running textPrice2;
  
       animation: 10s linear 0s normal none infinite running textPrice2;
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: absolute;
    top: -2px;
    left: 0px;
	}
	
	
@-webkit-keyframes textPrice2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	70% { opacity:0;}
	75% { opacity:2.5;}
	80% { opacity:2.5;}
	85% { opacity:2.5;}
	100% { opacity:0;}
}
@-moz-keyframes textPrice2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	70% { opacity:0;}
	75% { opacity:2.5;}
	80% { opacity:2.5;}
	85% { opacity:2.5;}
	100% { opacity:0;}
}
@-o-keyframes textPrice2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	70% { opacity:0;}
	75% { opacity:2.5;}
	80% { opacity:2.5;}
	85% { opacity:2.5;}
	100% { opacity:0;}
}
@-ms-keyframes textPrice2 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	70% { opacity:0;}
	75% { opacity:2.5;}
	80% { opacity:2.5;}
	85% { opacity:2.5;}
	100% { opacity:0;}
}

@keyframes textPrice2 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	70% { opacity:0;}
	75% { opacity:2.5;}
	80% { opacity:2.5;}
	85% { opacity:2.5;}
	100% { opacity:0;}
}



.closeBtn	{
	-webkit-animation: 10s linear 0s normal none infinite running Text4;
  -moz-animation:10s linear 0s normal none infinite running Text4;
  -o-animation: 10s linear 0s normal none infinite running Text4;
  -ms-animation:10s linear 0s normal none infinite running Text4;
  
       animation: 10s linear 0s normal none infinite running Text4;
    height: auto;
    position: absolute;
    margin: 0px auto;
    top: 0px;
    left: 0px;
    z-index: 8888;
    width: 100%;
    }

	@-webkit-keyframes Text4 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:2.5;}
	50% { opacity:2.5;}
	55% { opacity:2.5;}
	60% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes Text4 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:2.5;}
	50% { opacity:2.5;}
	55% { opacity:2.5;}
	60% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes Text4 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:2.5;}
	50% { opacity:2.5;}
	55% { opacity:2.5;}
	60% { opacity:0; }
	100% { opacity:0; }
}
@-ms-keyframes Text4 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:2.5;}
	50% { opacity:2.5;}
	55% { opacity:2.5;}
	60% { opacity:0; }
	100% { opacity:0; }
}

@keyframes Text4 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{opacity:2.5;}
	50% { opacity:2.5;}
	55% { opacity:2.5;}
	60% { opacity:0; }
	100% { opacity:0; }
}

.apply-btn	{
	-webkit-animation:  10s linear 0s normal none infinite running apply-1;
  -moz-animation:  10s linear 0s normal none infinite running apply-1;
  -o-animation:  10s linear 0s normal none infinite running apply-1;
  -ms-animation:  10s linear 0s normal none infinite running apply-1;
  
       animation: 10s linear 0s normal none infinite running apply-1;
    height: auto;
    position: absolute;
    margin: 0px auto;
    z-index: 8888;
    top: 239px;
    left: 801px;
    width: 11%;

    }

	@-webkit-keyframes apply-1 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	70%{opacity:0;}
	75%{opacity:0;}
	80% { opacity:0;}
	85% { opacity:2.5;}
	90% { opacity:2.5;; }
	100% { opacity:2.5;; }
}
@-moz-keyframes apply-1 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	70%{opacity:0;}
	75%{opacity:0;}
	80% { opacity:0;}
	85% { opacity:2.5;}
	90% { opacity:2.5;; }
	100% { opacity:2.5;; }
}
@-o-keyframes apply-1 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	70%{opacity:0;}
	75%{opacity:0;}
	80% { opacity:0;}
	85% { opacity:2.5;}
	90% { opacity:2.5;; }
	100% { opacity:2.5;; }
}
@-ms-keyframes apply-1 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	70%{opacity:0;}
	75%{opacity:0;}
	80% { opacity:0;}
	85% { opacity:2.5;}
	90% { opacity:2.5;; }
	100% { opacity:2.5;; }
}

@keyframes apply-1 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	70%{opacity:0;}
	75%{opacity:0;}
	80% { opacity:0;}
	85% { opacity:2.5;}
	90% { opacity:2.5;; }
	100% { opacity:2.5;; }
}


.details	{
	-webkit-animation: 10s linear 0s normal none infinite running Text5;
  -moz-animation: 10s linear 0s normal none infinite running Text5;
  -o-animation: 10s linear 0s normal none infinite running Text5;
  -ms-animation: 10s linear 0s normal none infinite running Text5;
  
      animation: 10s linear 0s normal none infinite running Text5;
    position: absolute;
    top: 0px;
    margin: 0px auto;
    z-index: 9999;
    width: 100%;
    left: 0px;
    }

@-webkit-keyframes Text5 {
 0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{ opacity:0; -o-transform: translateY(-20px);}
	50% {  opacity:2.5; -o-transform: translateY(0px); }
	55%{opacity:2.5;  }
	60%{opacity:2.5; -o-transform: translateY(0px);}
	65%{opacity:0;  -o-transform: translateY(-20px);}
	100%{opacity:0;}
}
@-moz-keyframes Text5 {
0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{ opacity:0; -o-transform: translateY(-20px);}
	50% {  opacity:2.5; -o-transform: translateY(0px); }
	55%{opacity:2.5;  }
	60%{opacity:2.5; -o-transform: translateY(0px);}
	65%{opacity:0;  -o-transform: translateY(-20px);}
	100%{opacity:0;}
}
@-o-keyframes Text5 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{ opacity:0; -o-transform: translateY(-20px);}
	50% {  opacity:2.5; -o-transform: translateY(0px); }
	55%{opacity:2.5;  }
	60%{opacity:2.5; -o-transform: translateY(0px);}
	65%{opacity:0;  -o-transform: translateY(-20px);}
	100%{opacity:0;}
}
@-ms-keyframes Text5 {
  0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{ opacity:0; -o-transform: translateY(-20px);}
	50% {  opacity:2.5; -o-transform: translateY(0px); }
	55%{opacity:2.5;  }
	60%{opacity:2.5; -o-transform: translateY(0px);}
	65%{opacity:0;  -o-transform: translateY(-20px);}
	100%{opacity:0;}
}

@keyframes Text5 {
	0% { opacity:0.0;}
	5% { opacity:0.0;}
	10% { opacity:0;}
	15% { opacity:0;}
	20% { opacity:0;}
	25% { opacity:0;}
	30% { opacity:0;}
	35% { opacity:0;}
	40%{opacity:0;}
	45%{ opacity:0; -o-transform: translateY(-20px);}
	50% {  opacity:2.5; -o-transform: translateY(0px); }
	55%{opacity:2.5;  }
	60%{opacity:2.5; -o-transform: translateY(0px);}
	65%{opacity:0;  -o-transform: translateY(-20px);}
	100%{opacity:0;}
	
}



.sunny img{
    position: absolute;
    bottom:0px;
	width:105px;
	height:105px;
	}

.sunny {
	-webkit-animation: 8s linear 0s normal none infinite running sunny;
  -moz-animation:  8s linear 0s normal none infinite running sunny;
  -o-animation:  8s linear 0s normal none infinite running sunny;
  -ms-animation: 8s linear 0s normal none infinite running sunny;
  animation: 8s linear 0s normal none infinite running sunny;
  margin-left: -15px;
    position: absolute;
    float: right;
    top: 30px;
    right: 80px;
    margin-top: 0px;
    height:105px;
	width: 105px;
}

@-webkit-keyframes sunny {
  0% {-webkit-transform: rotate(0deg); }
	100% {-webkit-transform: rotate(360deg); }
}
@-moz-keyframes sunny {
  0% {-moz-transform: rotate(0deg); }
	100% {-moz-transform: rotate(360deg); }
}
@-o-keyframes sunny {
 0% {-o-transform: rotate(0deg); }
	100% {-o-transform: rotate(360deg); }
}
@-ms-keyframes sunny {
0% {-ms-transform: rotate(0deg); }
	100% {-ms-transform: rotate(360deg); }
}
@keyframes sunny {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.day-car img{
	    width: 100%;
    position: absolute;
    bottom:0px;
	}

.day-car {
	-webkit-animation: 10s linear 0s normal none infinite carD;
  -moz-animation: 10s linear 0s normal none infinite carD;
  -o-animation: 10s linear 0s normal none infinite carD;
  -ms-animation: 10s linear 0s normal none infinite carD;
  
  
    animation: 10s linear 0s normal none infinite carD;
		width:100%;
    margin-left: -15px;
    position: relative;
    float: left;
    bottom:0px;
}

@-webkit-keyframes carD {
  0% { left:-10%;}
	98%{opacity:1.5;}
	100% { left:100%;opacity:0; }
}
@-moz-keyframes carD {
  0% { left:-10%;}
	98%{opacity:1.5;}
	100% { left:100%;opacity:0; }
}
@-o-keyframes carD {
  0% { left:-10%;}
	98%{opacity:1.5;}
	100% { left:100%;opacity:0; }
}
@-ms-keyframes carD {
 0% { left:-10%;}
	98%{opacity:1.5;}
	100% { left:100%;opacity:0; }
}

@keyframes carD {
	0% { left:-10%;}
	98%{opacity:1.5;}
	100% { left:100%;opacity:0; }
}


.day-car-mobile img{
	width: 100%;
    position: absolute;
    bottom:0px;
	display:none;
	}

.day-car-mobile {
    animation: 8s linear 0s normal none infinite carD;
	width:100%;
    margin-left: -15px;
    position: absolute;
    float: left;
    bottom: 0px;
	display:none;
}

.day-car-tab img{
	width: 100%;
    position: absolute;
    bottom:0px;
	display:none;
	}

.day-car-tab {
    animation: 8s linear 0s normal none infinite carD;
	width:100%;
    margin-left: -15px;
    position: absolute;
    float: left;
    bottom: 0px;
	display:none;
}

.FirstText{ width:100%; min-height:590px; text-align:center;}
.home-text{ padding-top:166px; color:#fff; font-size:50px; text-align:center; max-width:800px; margin:auto; line-height:50px; position:relative; z-index:9999;}
.home-text input[type='number'], .home-text input[type='text']{ background:none; border:0; outline:0; border-bottom:#fff 2px solid; padding-bottom:0px; width:200px; height:45px; font-size:30px;}
.text-margin { padding:0 0 15px 0px;}
.home-text input[type='submit'] { background:#ffba00; border:0; outline:0; font-size:18px; text-align:center; width:180px; height:50px; margin-top:20px;}

.home-text-m { display:none;}

.search-result { padding-top:26px;  max-width:850px; margin:auto;  position:relative; z-index:9999; text-align:left; }
.search-row { padding:5px;}
.result-head{ font-size:20px; color:#fff; padding:0 5px;}
.result-head input[type='text'] {background:none; border:0; outline:0; border-bottom:#fff 2px solid; padding-bottom:3px; width:60px; height:32px; text-align:center; }
.result-text{ font-size:14px; color:#fff; padding:0 5px;}

.search-row-result { background:#ffffff; margin-top:8px; padding:5px; }
.search-row-result td { padding:5px 3px; vertical-align:middle;}
.logo-name { font-weight:bold; text-transform:uppercase; font-size:12px;}
.logo-text { font-size:11px; padding-right:20px;}
.strong-text { font-weight:bold; color:#888; font-size:13px;}
.apply-now { display:block; border:#fdb82b 3px solid; padding:5px; color:#fdb82b; text-align:center; font-size:16px; text-transform:uppercase;}
.apply-now:hover { background:#fdb82b; color:#fff; border:#fdb82b 3px solid;  text-decoration:none; }
.result-detail{ background:#defef7; padding:8px; font-size:11px; color:#222; display:none;}
.search-result-m { display:none;}
}

.logo-anchor{margin:20px auto; max-width:190px;}
.logo-anchor img { width:100%;}
.logo-anchor a{ display:block;   }
.result-head img{ float:none; margin-left:7px; }
.main-wrap{ height:100%;}

.main-re{
    height: 100%;
    max-height: 600px;
    overflow-y: scroll;
    padding-right: 0px;
    margin: 10px 0 0 0;}

.main-re .result-box-m{ margin-top:0; margin-bottom:10px;}

@media(max-width:800px){
	.logo-anchor{margin: 0 auto; max-width:170px; max-height: 100px}
	}

@media(max-width:480px){
	.logo-anchor{margin: 0 auto; max-width:145px;}
	}






/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 240px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}