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

/*@font-face {
  font-family: "Futura Medium";
  src: local("Futura"),
  url('/fonts/Futura Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts/futuralt-webfont.eot');
    src: url('../fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-webfont.woff') format('woff'),
         url('../fonts/futuralt-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	


html,body{
	font-family: 'futura_ltregular' !important;
	width:100%;
	height:100%;
	background-color:#000000;
	
	
	overflow-x:hidden; 
}


.slide{
	background-attachment:scroll;
	width:100%;
	position: relative;
	z-index:1;
	font-family: 'futura_ltregular';
	overflow:hidden;
	
}
.large-header {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:2; overflow:hidden;
	

	
}

.title2Small, .title3Small, .title4Small, title5Small, title6Small, title7Small, title8Small, title9Small, title10Small, title11Small, title12Small, title13Small, title14Small 
{ display:none;}

/******************************/


.insider{
/*	margin:0 auto;
	position:absolute;
	width:100%;
	height:200px;
	margin-left:-50%;
	margin-top:-100px;
	border:1px solid red;
	z-index:4;
	top:50%;
	left:50%;
*/	text-align:center;
	color:#7FADC5;
	font-size:2.5em;
	letter-spacing:10px;
	font-family: 'futura_ltregular';

	
}
.insider div{
/*	visibility:hidden;
*/}

.insider .centertextfocused{
	visibility:visible; z-index:10;/*test*/
}

#viewart, #viewartlink{
	z-index:20;
	text-decoration:none;
	color:#7FADC5;
	
	
}
.insider .centertextfocused a{
	z-index:20; /*test*/ 
}

#viewart{ 
	margin-top:20px;
}

#fb{
	margin-left:-35px;
	margin-top:20px;
}

.tech{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-35%;
	margin-top:-5%;


/*height:600px; 
margin-top:-300px; 
padding-top:200px;
background-image:url(../images/tech.png);	
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;	
-o-background-size:  100% 100%;	
background-size:100% 600px; 
background:-clip:border-box; 
background-repeat:no-repeat;
*/}

#intro-tech .insider
{
	margin:0 auto;
	position:relative;
	width:100%;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	/*border:1px solid red;*/
	top:0;
	left:0;
	text-align:center;
	color:#7FADC5;
/*	background-image:url(../images/adobe_icons.png);	
	background-image:url(../images/software_icons.png)
	
	background-image: url(../images/adobe_icons.png), url(../images/software_icons.png);
	background-position: top center, bottom center;
	background-repeat: no-repeat;
*/	
	background-image:url(../images/tech.png);	
	background-position:center center;
	background-repeat:no-repeat;


/*	font-size:1em;
	letter-spacing:20px;
*/}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	padding:0;margin:0; 
	background-image:url(../images/cc/1.jpg); 
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid red;

}

.float1 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat1;
    -webkit-animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat1;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat1 {
    0%   {
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
   			 transform: rotate(0deg);
		}
    100%   {
			-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
   			 transform: rotate(20deg);
		}

}

/*//******************************
 SLIDE 2 
*******************************/
#slide2{
	padding:0;margin:0; 
	background-image:url(../images/cc/2.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float2s{
    -webkit-animation-name: astrofloat2s;
    -webkit-animation-duration: 55s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat2s;
    animation-duration: 55s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;

}

@-webkit-keyframes astrofloat2s {
    0%   {
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
   			 transform: translateY(20px);
		}
    50%   {
			-webkit-transform: rotate(36deg); /* Chrome, Safari, Opera */
   			 transform:translateY(0px);
		}
    100%   {
			-webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
   			 transform: translateY(-20px);
		}

}




.float2 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat2;
    -webkit-animation-duration: 55s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat2;
    animation-duration: 55s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat2 {
    0%   {
			-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-10deg);
		}
    20%   {
			-webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-25deg);
		}
    30%   {
			-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
   			 tra4sform: rotate(-15deg);
		}
    35%   {
			-webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-20deg);
		}
    60%   {
			-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-10deg);
		}
    80%   {
			-webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-25deg);
		}

    100%   {
			-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
   			 transform: rotate(-10deg);
		}

}


/******************************
 SLIDE 3 
*******************************/
#slide3{
	padding:0;margin:0; 
	background-image:url(../images/cc/3.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float3 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat3;
    -webkit-animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat3;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat3 {
 0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  
  80% {
    transform: rotate(0deg);
  }
  
  90% {
    transform: rotate(5deg);
  }
  
  100% {
    transform: rotate(0deg);
  }
}


/******************************
 SLIDE 4 
*******************************/
#slide4{
	padding:0;margin:0; 
	background-image:url(../images/cc/4.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}


.float4 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat4;
    -webkit-animation-duration: 20s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat4;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat4 {
 0% {
    transform: rotate(+5deg);
  }
  
  
 50% {
    transform: rotate(-5deg);
  }
 100% {
    transform: rotate(+5deg);
  }
  
}




/******************************
 SLIDE 5 
*******************************/
#slide5{
	padding:0;margin:0; 
	background-image:url(../images/cc/5.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}


.float5 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat5;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat5;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat5 {
 0% {
	transform:scale(1,1)	;

  }
  25% {
	transform:scale(1.1,1.1)	;
  }
  
  50% {
	transform:scale(1,1)	;
  }
  
  75% {
	transform: rotate(5deg);

  }

  100% {
	transform: rotate(0deg);
  }
  

}


/******************************
 SLIDE 6 
*******************************/
#slide6{
	padding:0;margin:0; 
	background-image:url(../images/cc/6.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float6 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat6;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat6;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat6 {
 0% {
	transform:scale(1,1)	;

  }
  25% {
	transform:scale(.9,.9)	;
  }
  
  50% {
	transform:scale(1.2,1.2)	;
	transform: rotate(5deg);
  }
  
  75% {
	transform:scale(1.2,1.2)	;
  }

  100% {
	transform:scale(1.1,1.1)	;
  }

}



/******************************
 SLIDE 7 
*******************************/
#slide7{
	padding:0;margin:0; 
	background-image:url(../images/cc/7.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float7 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat7;
    -webkit-animation-duration: 20s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat7;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat7{
 0% {
 	transform-origin: 20% 30%;
	transform: rotate(0deg);

  }
  25% {
 	transform-origin: 30% 30%;
	transform: rotate(10deg);
  }
  
  50% {
   	transform-origin: 30% 30%;
	transform: rotate(0deg);
  }
  
  75% {
   	transform-origin: 30% 30%;

	transform: rotate(-10deg);
	}
	
  100% {
   	transform-origin: 30% 30%;
	transform: rotate(0deg);

  }

}



/******************************
 SLIDE 8 
*******************************/
#slide8{
	padding:0;margin:0; 
	background-image:url(../images/cc/8.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 9 
*******************************/
#slide9{
	padding:0;margin:0; 
	background-image:url(../images/cc/9.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 10 
*******************************/
#slide10{
	padding:0;margin:0; 
	background-image:url(../images/cc/10.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}


.float10 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat10;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat10;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat10{
 0% {
	transform:scale(.9,.9)	;

  }
  25% {
	transform:scale(1.1,1.1)	;
  }
  
  50%{
	transform: rotate(5deg);
  }
  75% {
	transform: rotate(0deg);
  }
  
  100% {
	transform:scale(1.2,1.2)	;
  }
}

/******************************
 SLIDE 11 
*******************************/

#slide11{
	padding:0;margin:0; 
	background-image:url(../images/cc/11.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}


.float11 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat11;
    -webkit-animation-duration: 35s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat11;
    animation-duration: 35s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat11{
 0% {
	transform:scale(1.1,1.1)	;
	transform: translateY(10px)	;
  }
  25% {
	transform: translateY(-5px)	;
  }
  
  50% {
	transform: translateY(20px)	;
  }
  
  75% {
	transform: translateY(-20px)	;

  }

  85% {
	/*transform:scale(.8,.8)	;*/
	transform: translateY(5px)	;
  }
  100% {
	/*transform:scale(.8,.8)	;*/
	transform:scale(.9,.9)	;
  }
}


/******************************
 SLIDE 12
*******************************/

#slide12{
	padding:0;margin:0; 
	background-image:url(../images/cc/12.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float12 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat12;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat12;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat12{
 0% {
	 -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera  */
    transform: rotate(0deg);
  }
  25% {
	 -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera  */
    transform: rotate(5deg);
  }
  100% {
	 -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera  */
    transform: rotate(-5deg);
  }

}





/******************************
 SLIDE 13
*******************************/

#slide13{
	padding:0;margin:0; 
	background-image:url(../images/cc/13.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float13 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat13;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat13;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}



@-webkit-keyframes astrofloat13{
 0% {
	 -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera  */
    transform: rotate(0deg);
  }
  25% {
	 -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera  */
    transform: rotate(-10deg);
  }
  100% {
	 -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera  */
    transform: rotate(10deg);
  }

}


/******************************
 SLIDE 14
*******************************/

#slide14{
	padding:0;margin:0; 
	background-image:url(../images/cc/14.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float14 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat14;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat14;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}



@-webkit-keyframes astrofloat14{
 0% {
	 -webkit-transform: scale(1,1); /* Chrome, Safari, Opera  */
    transform: scale(1,1);
  }
  25% {
	 -webkit-transform:  scale(1.3,1.3); /* Chrome, Safari, Opera  */
    transform:  scale(1.3,1.3);
  }
  100% {
	 -webkit-transform:  scale(1,1); /* Chrome, Safari, Opera  */
    transform:  scale(1,1);
  }

}


/******************************
 SLIDE 15
*******************************/

#slide15{
	padding:0;margin:0; 
	background-image:url(../images/cc/15.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 16
*******************************/

#slide16{
	padding:0;margin:0; 
	background-image:url(../images/cc/16.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 17
*******************************/

#slide17{
	padding:0;margin:0; 
	background-image:url(../images/cc/17.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 18
*******************************/

#slide18{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/18.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 19
*******************************/

#slide19{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/19.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 20
*******************************/

#slide20{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/20.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 21
*******************************/

#slide21{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/21.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 22
*******************************/

#slide22{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/22.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 23
*******************************/

#slide23{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/23.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 24
*******************************/

#slide24{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/24.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 25
*******************************/

#slide25{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/25.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 26
*******************************/

#slide26{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/26.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 27
*******************************/

#slide27{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/27.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 28
*******************************/

#slide28{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/28.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 29
*******************************/

#slide29{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/29.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 30
*******************************/

#slide30{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/30.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 31
*******************************/

#slide31{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/31.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 32
*******************************/

/*#slide32{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/32.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
*/
/******************************
 SLIDE 33
*******************************/

#slide33{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/33.jpg);

	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 33
*******************************/

#slide33{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/33.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 34
*******************************/

#slide34{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/34.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 35
*******************************/

#slide35{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/35.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 36
*******************************/

#slide36{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/36.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 37
*******************************/

#slide37{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/37.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

/******************************
 SLIDE 38
*******************************/

#slide38{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/38.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 39
*******************************/

#slide39{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/39.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 40
*******************************/

#slide40{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/40.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}
/******************************
 SLIDE 41
*******************************/

#slide41{
	padding:0;margin:0; 
	 
	background-image:url(../images/cc/41.jpg);
	background-repeat:no-repeat;
		-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size:  cover;
	background-size:   cover;
	border:0px solid blue;
}

.float41 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat41;
    -webkit-animation-duration: 120s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat41;
    animation-duration: 120s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat41{
 0% {
	transform:scale(1,1)	;

  }
  25% {
	transform:scale(.5,.5)	;
  }
  
  30%{
	transform: rotate(360deg);
  }
  50% {
	transform:scale(.8,.8)	;
  }
  
  75% {
	transform:scale(.9,.9)	;

  }

  100% {
	/*transform:scale(.8,.8)	;*/
	transform: rotate(360deg);
  }

}















/*--------------------------------------------------------*/

#contact{
	background:url(../images/contact_12.jpg)  no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size:  100% 100%;
	background-size:  100% 100%;

 
}

#contact .insider
{
	margin:0 auto;
	position:relative;
	width:100%;
	height:100%;
	margin-left:0px;
	margin-top:0px;
	/*border:1px solid red;*/
	z-index:10;
	top:0;
	left:0;
	text-align:center;
	color:#7FADC5;
	font-size:12px;
	letter-spacing:20px;
}

#contact .insider h1{
		font-size:1.5em;
		padding-top:20px;
		display:block;
/*		border:1px solid red; color:#99FF66;
*/}

#contact .insider #cccontact{
}

#leftcc, #rightcc{
text-align:left;
	width:45%;
	float:left;
	z-index:10;
/*	border:1px solid red; 
*/	/*min-height:200px;*/
	visibility:visible;
	font-size:1em;
	font-family: 'futura_ltregular';
	letter-spacing:8px;
	padding-left:6%;
	overflow:hidden;
}
#rightcc{
padding-left:3%;
}


#leftcc ul{ 
/*	list-style-type:circle;
	list-style-image:url(../images/dot.png); 
*/}
#leftcc ul li{
	margin:30px 0px	;
	list-style-type:none;
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left:28px;
/*	list-style-image:url(../images/dot.png); border:1px solid red;
*/	
}

#leftcc ul .notopmargin{
	margin-top:8px;
}
#leftcc ul li span{
	display:inline-block;
	margin-left:15px;
	line-height:18px;
/*	border:1px solid red;
*/	
}
#leftcc  .pno{
	width:16%;
	display: inline-block;
	background-image:url(../images/phone.png);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	padding:2px 30px;
	font-size:1.2em;
}

#leftcc .big{
	font-size:16px;
	margin-left:48px;

}
#leftcc h3{
	font-size:14px;
	padding-left: 45px;
	margin-bottom:0px; 
}


#leftcc .indent{
	padding-left: 60px;
}

#rightcc span{ 
	display:inline-block;
	width:40%;
	text-align:center;
	margin-right:5%;
	margin-top:2%;
	color:#7FADC5;
/*	 border:1px solid yellow;
*/}	

#rightcc input{
 	width:90%;
	background-color:#000000;
	border:1px solid #7FADC5;
	color:#7FADC5;
	z-index:10px;
	height:30px;
}
#submit{
		width:120px;
		display:inline-block;
		background-color:#000000;
		border:1px solid #7FADC5;
		color:#7FADC5;
		padding:8px 5px;
		letter-spacing:8px;
		font-size:1em;
		font-family: 'futura_ltregular';


}
#submit:hover{
		font-size:.8em;
}

#rightcc .full{
	width:90%;
}

#rightcc #message{

	background-color:#000000;
	border:1px solid #7FADC5;
	width:92%;
	color:#7FADC5;
	margin-top:0px;
}
#rightcc .error{
	font-size:1em;
	color:#FF0000;
	width:90%;
}
#rightcc .success{
	font-size:1em;
	color:#00FF33;
	width:90%;
}

.insidercontent{
	position:absolute; 
	left:0; 
	top:0;
}

.insidercontentcenter{
	position:absolute; 
	left:50%; 
	top:0;
	
}

.txtbottom{
	position:absolute;
	top:85%;
	left:5%;
	font-size:.5em;
}
/*
#ccTest{ width:100%; position:absolute; bottom:0%; left:0%; z-index:9999;} 
.dummyDiv{}
*/
#ccTest{ width:90%; position:relative; bottom:0em; top:-15em; left:0%; z-index:999999999999999999999999; overflow:visible;  } 

.dummyDiv{ position:absolute; bottom:-5em; left:0px; width:90%; margin-top:0em; z-index:99999999999999 !important;  margin-bottom:0em;  display:block; font-size:1em; border:0px solid #f00; overflow:hidden; }


.dummyDiv span.contact{ font-size:1.2em; margin:0em 0em 0em -1.5em; padding-top:2em; position:relative; line-height:2em; text-align:center;}



@media only screen and (max-device-width: 480px) {
.txtbottom{
	position:absolute;
	top:85%;
	left:5%;
	font-size:.5em;
	visibility:visible;
	z-index:10;
}
.ccbox{ line-height:0.2em; font-size:60%;   }
.ccboxOuter{ display:block; z-index:999999999999999; width:100%; overflow:hidden;  }

#ccTest{ width:90%; position:relative; bottom:0em; top:-1em; left:-5%; z-index:999999999999999999999999; overflow:visible;  } 

.dummyDiv{ position:absolute; bottom:-9em; left:0px; width:100%; margin-top:0em; z-index:99999999999999 !important;  margin-bottom:0em;  display:block; font-size:2em; border:0px solid #f00; overflow:visible; }

#leftcc  .pno{
	width:16%;
	display: inline-block;
	background-image:test.png;
	background:none !important;

}

.pno{ padding: 2px 5px; max-width:70%; font-size:0.8em; margin-left:0%;  }


.dummyDiv span.contact{ font-size:0.8em; margin:0em 0em 0em 0em; padding-top:2em; position:relative; line-height:2em; text-align:center;}

img.image33{ margin-top:5em; margin-bottom:0em; position:relative; min-width:140%; height:auto; display:block;}
img.image34{ margin-top:0em; margin-bottom:0em; position:relative; min-width:140%; height:auto; display:block;}

}
/*

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	

.txtbottom{
	position:absolute;
	top:85%;
	left:5%;
	font-size:.5em;
	visibility:visible;
	z-index:10;
}

}


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

.txtbottom{
	position:absolute;
	top:85%;
	left:5%;
	font-size:.5em;
	visibility:hidden;
}

}

*/





.checkpoint{
	position:absolute; 
	top:0; 
	left:0;
}

.txtbottomshow{
	position:absolute;
	top:70%;
	left:10%;
	font-size:.5em;
	color:red;
}

.conlist li{

	font-size:.8em;
	text-align:left;
	margin:.5em .5em;
}

.pno {
display: inline-block;
background-image: url(../images/phone.png);
background-size: 30px;
line-height:30px;
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 2px 35px;
}

/* for background circle animation in slide texts*/


.circletext {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	/*color:#FF0033;*/
	text-decoration: none;
	text-transform: uppercase; 
	background:none;
	z-index:55555;
	animation: circleText 2s alternate;
	-moz-animation: circlesAni 2s inifinite;
	
	/*letter-spacing: 1px;
	font-weight: 400;*/
	/*text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
	/*font-size: 1.35em;*/
}

/* Effect 12: circle */
.circletext::before,
.circletext::after {
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index:-20;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid#7FADC5  ; /* #0000FF;*/
	border-radius: 50%;

	content: '';
	opacity: 1;



	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);

	-moz-animation: circleanim 2s infinite;

    -webkit-animation: circleanim 2s; 
	
    animation: circleanim 2s;
    -webkit-animation-iteration-count: infinite;


}

.circletext::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	}







@keyframes circlesAni{
	0%{ transform:scale(1);}
	50%{ transform:scale(1.8);}
	75%{ transform:scale(1.8);}
	100%{ transform:scale(1);}
}


/*
@keyframes test{
	0%{ transform:scale(0) }	
	50%{ transform:scale(1) }	
	75%{ transform:scale(0.5) }	
	100%{ transform:scale(1);}
}
*/


/* Chrome, Safari, Opera */
@-webkit-keyframes circleanim {
   0%{
			-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
			transform: translateX(-50%) translateY(-50%) scale(0.2);
			-moz-transform: scale(1);
	}
    50% {
			-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
			-moz-transform: scale(1.5);
			transform: translateX(-50%) translateY(-50%) scale(1);

	}
	
  100%{
			-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
			-moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
			transform: translateX(-50%) translateY(-50%) scale(1.2);

	}
}

/* for background circle animation in slide texts-- END*/

.circletextblue::before,
.circletextblue::after {
	 border-color:#0000FF  ; /* #0000FF;*/
	
}

.circletextorange::before,
.circletextorange::after {
	border-color:#bda78f ; /* #0000FF; B93D00*/
	
}
.circletextbrown::before,
.circletextbrown::after {
	border-color:#febda1 ; /* #0000FF;*/
}
.circletextpurple::before,
.circletextpurple::after {
	border-color:#311a27 /* #0000FF;*/
}
.circletextgray::before,
.circletextgray::after {
	border-color:#333333 ; /* #0000FF;*/
}

.circletextgreenish::before,
.circletextgreenish::after {
	border-color:#ba782e ; /* #0000FF; #074339 ; */
}

.circletextwhite::before,
.circletextwhite::after {
	border-color:#FFFFFF; /* #0000FF;*/
}



/* Chrome, Safari, Opera */
@-webkit-keyframes circleanim {
   0%{
			-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
			-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
			transform: translateX(-50%) translateY(-50%) scale(0.2);
	}
    50% {
			-webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
			-moz-transform: translateX(-50%) translateY(-50%) scale(.8);
			transform: translateX(-50%) translateY(-50%) scale(.8);
	}
	
  100%{
			-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
			-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
			transform: translateX(-50%) translateY(-50%) scale(0.2);
	}
}

/* for background circle animation in slide texts-- END*/

.circletextblue::before,
.circletextblue::after {
	 border-color:#0000FF  ; /* #0000FF;*/
	
}

.circletextorange::before,
.circletextorange::after {
	border-color:#bda78f ; /* #0000FF; B93D00*/
	
}
.circletextbrown::before,
.circletextbrown::after {
	border-color:#febda1 ; /* #0000FF;*/
}
.circletextpurple::before,
.circletextpurple::after {
	border-color:#311a27 /* #0000FF;*/
}
.circletextgray::before,
.circletextgray::after {
	border-color:#333333 ; /* #0000FF;*/
}

.circletextgreenish::before,
.circletextgreenish::after {
	border-color:#ba782e ; /* #0000FF; #074339 ; */
}

.circletextwhite::before,
.circletextwhite::after {
	border-color:#FFFFFF; /* #0000FF;*/
}


/* for background circle animation in slide texts*/

/*page 1 star effect
*/
/*
.floatupdown {
    
    -webkit-animation-name: updown;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    
    animation-name: updown;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
	-moz-animation-name: updown 2s infinite;
}
*/


/* Chrome, Safari, Opera */
@-webkit-keyframes updown {
    0%   {
  	-ms-transform: translateY(10px); 
    -webkit-transform: translateY(10px); 
    transform: translateY(10px); 
	-moz-transform: translateY(10px); 
    -moz-transform: translateY(10px); 

}
		
    100%   {
 	-ms-transform: translateY(0px); 
    -webkit-transform: translateY(0px); 
    transform: translateY(0px); /* Standard syntax */
	-moz-transform: translateY(0px); 
    -moz-transform: translateY(0px); 

		}
}






/* float style*/
/*float style*/


.zoom2 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominout2;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominout2;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominout2{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(1.2,1.2)	;
  }
  

}


.zoom {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominout;
    -webkit-animation-duration: 26s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominout;
    animation-duration: 26s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominout{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(.9,.9)	;
  }
  

}

.zoomfast {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominoutfast;
    -webkit-animation-duration: 20s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominoutfast;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominoutfast{
 0% {
	transform:scale(.9,.9)	;

  }
  100% {
	transform:scale(1.1,1.1);
  }
  

}

.zoommedium {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominoutmedium;
    -webkit-animation-duration: 20s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominoutmedium;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominoutmedium{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(.9,.9)	;
  }
  

}


.zoommfaster{
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominoutfaster;
    -webkit-animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominoutfaster;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominoutfaster{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(.8,.8)	;
  }
  

}



/* for slide 1*/

.float_rotate {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: anim_rotate;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
/*    -webkit-animation-direction: alternate;
*/    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name:  anim_rotate;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
   /* animation-direction: alternate;*/
    animation-play-state: running;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes anim_rotate {
    0%   {
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
   			 transform: rotate(0deg);
		}
    100%   {
			-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
   			 transform: rotate(360deg);
		}

}

.float8 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat8;
    -webkit-animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat8;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat8 {
    0%   {
			-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
   			 transform: rotate(0deg);
			 
			 
		}
    100%   {
			-webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
   			 transform: rotate(20deg);
		}

}


.float9 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat9;
    -webkit-animation-duration: 60s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat9;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat9 {
 0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(100deg);
  }
  
  80% {
    transform: rotate(0deg);
  }
  
  90% {
    transform: rotate(-5deg);
  }
  
  100% {
    transform: rotate(0deg);
  }
}

.zoom3 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominout3;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominout3;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominout3{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(1.1,1.1)	;
  }
  

}

.zoom4 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominout4;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominout4;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominout4{
 0% {
	transform:scale(1,1)	;

  }
  100% {
	transform:scale(.9,.9)	;
  }
  

}

.zoom5 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: zoominout5;
    -webkit-animation-duration: 8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: zoominout5;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes zoominout5{
 0% {
	transform:scale(.9,.9)	;

  }
  100% {
	transform:scale(1,1)	;
  }
  

}


.shakeit {
	-webkit-animation-name: shakeit;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-name: shakeit;

 }
@-moz-keyframes shakeit {
	0% { -moz-transform: rotate(0deg) translate(2px, 1px); }
	10% { -moz-transform: rotate(2deg) translate(1px, 2px); }
	20% { -moz-transform: rotate(-2deg) translate(3px, 0px) ; }
	30% { -moz-transform: rotate(0deg) translate(0px, -2px); }
	40% { -moz-transform: rotate(-2deg) translate(-1px, 1px); }
	50% { -moz-transform: rotate(2deg) translate(1px, -2px); }
	60% { -moz-transform: rotate(0deg) translate(3px, -1px); }
	70% { -moz-transform: rotate(2deg) translate(-2px, -1px); }
	80% { -moz-transform: rotate(-2deg) translate(1px, 1px); }
	90% { -moz-transform: rotate(0deg) translate(-2px, -2px); }
	100% { -moz-transform: rotate(2deg) translate(-1px, 2px); }
}
@-webkit-keyframes shakeit {
	0% { -webkit-transform: rotate(0deg) translate(2px, 1px); }
	10% { -webkit-transform: rotate(2deg) translate(1px, 2px); }
	20% { -webkit-transform: rotate(-2deg) translate(3px, 0px) ; }
	30% { -webkit-transform: rotate(0deg) translate(0px, -2px); }
	40% { -webkit-transform: rotate(-2deg) translate(-1px, 1px); }
	50% { -webkit-transform: rotate(2deg) translate(1px, -2px); }
	60% { -webkit-transform: rotate(0deg) translate(3px, -1px); }
	70% { -webkit-transform: rotate(2deg) translate(-2px, -1px); }
	80% { -webkit-transform: rotate(-2deg) translate(1px, 1px); }
	90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); }
	100% { -webkit-transform: rotate(2deg) translate(-1px, 2px); }
}
@keyframes shakeit {
	0% { transform: rotate(0deg) translate(2px, 1px); }
	10% { transform: rotate(2deg) translate(1px, 2px); }
	20% { transform: rotate(-2deg) translate(3px, 0px) ; }
	30% { transform: rotate(0deg) translate(0px, -2px); }
	40% { transform: rotate(-2deg) translate(-1px, 1px); }
	50% { transform: rotate(2deg) translate(1px, -2px); }
	60% { transform: rotate(0deg) translate(3px, -1px); }
	70% { transform: rotate(2deg) translate(-2px, -1px); }
	80% { transform: rotate(-2deg) translate(1px, 1px); }
	90% { transform: rotate(0deg) translate(-2px, -2px); }
	100% { transform: rotate(2deg) translate(-1px, 2px); }
}

/* 
 effect*/
.drawer{
    -webkit-animation: bounce 20s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}
/* end of bounce effect*/

.greydout {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
-webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
}


.fadein {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  }
  
  .bouncy{
    -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
-webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;

}

.bounce{
/*grade out*/
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}


@media only screen
and (min-width : 1224px) {
/* Styles */
.bounce{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
    -webkit-animation: bounce1 1s;
    -webkit-animation-iteration-count: 1;
}

}

@media only screen and (max-device-width: 480px) {
.bounce{
/*grade out*/
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
/*grade out*/
.bounce{
/*grade out*/
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;

}
}







@-webkit-keyframes bounce1 {
    0%, 20%, 50%, 80%, 100% {
	transform:scale(1,1)	;
    }
    40% {
	transform:scale(.5,.5)	;
    }
    60% {
	transform:scale(1.2,1.2)	;
    }
}
.float41 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat41;
    -webkit-animation-duration: 35s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat41;
    animation-duration: 35s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes float41{
 0% {
	transform:scale(.9,.9)	;

  }
  25% {
	transform:scale(1.1,1.1)	;
  }
  
  50%{
	transform: rotate(1deg);
  }
  75% {
	transform: rotate(0deg);
  }
  
  100% {
	transform:scale(1.2,1.2)	;
  }
}

.smallfont{
	font-size:8px;
	letter-spacing:5px;
}
.hightop{
	top:40%;
	}
	


.float41 {
    /* Chrome, Safari, Opera */
    -webkit-animation-name: astrofloat41;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: astrofloat41;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alertnate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes astrofloat41{


 0% {
        -webkit-transform: translateX(30px);
		transform: translateX(30px);
		left:10%;

  }
  25% {
        -webkit-transform: translateX(40px);
		transform: translateX(30px);
		left:20%;
  }
  
  50%{
        -webkit-transform: translateX(50px);
		transform: translateX(30px);
  }
  75% {
        -webkit-transform: translateX(60px);
		transform: translateX(30px);
  }
  
  100% {
        -webkit-transform: translateX(70px);
		transform: translateX(30px);
  }
}


/* for loading*/

/* DEMO 3 */

.preloader2{ display:block;}
.preloader2 .links{ width:100%; position:absolute; top:230px; left:0px; color:#fff; background:none; height:100px; display:block; z-index:999999; padding:60px 3%; text-align:center; }

.preloader2 .links a{ text-align:center; clear:both; line-height:80px;   text-transform:uppercase; color:#7FADC5; letter-spacing:0.7em; text-decoration:none; font-size:0.8em; font-family: 'futura_ltregular'; }

.preloader2 .links a:hover{ color: #fff; }

.demo-text {color:#7FADC5;font-family: 'futura_ltregular' !important; text-transform:uppercase; letter-spacing:5px; margin-top:0px; font-size:0.85em; width:100%; float:left;  }
.demo-3{ 
	position: fixed ;  z-index:1000; border:0px solid red; margin:0px; text-align:center; margin:0 auto; top:40%; height:250px; margin-top:-150px; width:100%;font-family: 'futura_ltregular' !important;

}

.demo-3:after {
    background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
}

.demo-3 .bokeh {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    margin: 50px auto;
    border-radius: 50%;
    border: .01em solid rgba(150,150,150,0.1);
    list-style: none;
}

.demo-3 .bokeh li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.demo-3 .bokeh li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #7FADC5;
    -webkit-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: 
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
    animation: 
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
}

.demo-3 .bokeh li:nth-child(2) {
    top: 50%; 
    right: 0;
    margin: -.1em 0 0 0;
    background: #7FADC5;
    -webkit-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation: 
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
    animation: 
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
}

.demo-3 .bokeh li:nth-child(3) {
    left: 50%; 
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #7FADC5;
    -webkit-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation: 
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
    animation: 
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
}

.demo-3 .bokeh li:nth-child(4) {
    top: 50%; 
    left: 0;
    margin: -.1em 0 0 0;
    background: #7FADC5;
    -webkit-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation: 
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
    animation: 
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    from { }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes rota {
    from { }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

/* end css for loading*/



.loader {
  font-size: 20px;
  margin: 5em auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute; top:40%; left:50%; z-index:1000;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}

/*big counter progress styles*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;

  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.19999999999999996);
}
/* big counter progree styles ends*/



/* Effect 11: Big counter */

.la-anim-11 {
	position: fixed;
	right: 20px;
	z-index: -1;
	display: inline-block;
	visibility: hidden;
	overflow: hidden;
	height: 1em;
	text-align: right;
	font-weight: 300;
	font-size: 10em;
	line-height: 1em;
	pointer-events: none;
}

.la-anim-11.la-animate {
	visibility: visible;
}

.la-anim-11::after {
	position: relative;
	width: 100%;
	color:#666666;
	content: "5%\A 10%\A 22%\A 36%\A 48%\A 53%\A 64%\A 71%\A 83%\A 100%\A";
	white-space: pre;
}

.la-anim-11.la-animate::after {
	-webkit-animation: counter 90s steps(10);
	animation: counter 90s steps(10);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

}


@keyframes counter { 
	0% { top: 0; } 
	100% { top: -10em; opacity: 0;} 
}
@-webkit-keyframes counter {
	0% { top: 0; } 
	100% { top: -10em; opacity: 0;} 
}

.normfont{
	font-size:1em;
	z-index:34; 
	margin-left:-25%; 
	left:50%; 
}
.ccclogo{
	display:block;
	top:13%; 
	z-index:35; 
	left:42%
}
.smallccbg{
	width:10%;
	top:5%;
	
}

.smallhead{
	font-size:.3em;
	left:0;right:0; margin:0; visibility:hidden;
	
	
}
.simform{


}

.simform-small{
font-size:.3em; 
left:10%;
margin-left:0;
width:90%;
top:52%;
}

.ccboxOuterMobile{ display:block;}
.ccbox{
position:absolute; 
bottom:20%; 
left:12%; 

width:100%; 
text-align:center; 
border:0px solid red; 
color:#7FADC5; letter-spacing:0.24em; font-size:1.4em;
}
.ccbox-small{
position:absolute; 
top:66%; 
left:0; 
right:0;
margin-left:0; 
width:400px; 
}

.indentsmall
{
font-size:.4em; 
}

.gap{
margin-top:4px;
}
.smalgap{
margin-top:2px;
}

.smallbig{
font-size:.4em;
}



/******************************
Media Queries
*******************************/
@media only screen and (max-width:768px){
.preloader2{ display:block; width:100%; height:1200px; position:absolute; top:0px; left:0px; background:#000; z-index:999999;}
.preloader2 .links{ top:28%; }

.ccbox{ float:none; clear:both; text-align:center; width:100%; margin-top:-15%;  left:12%; line-height:0.12em; font-size:60%;   }
.ccboxOuter{ display:block;}
.ccboxOuterMobile{ position:absolute; display:block; width:90%; float:left; left:-10%; clear:both; top:62%; font-size:70%;   }
.demo-text { position:absolute; width:80%; left:10%; magin-top:0%;     }
.pno{ padding: 2px 35px; max-width:100%; background:none;  }


}