body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: grayscale !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	background-color: black;
	
}
.background{
	width: 100%;
}
.colorbackred,.colorbackblue,.colorbackorange,.colorbackgreen{
	position: absolute;
	height: 100px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #C23C97;
	opacity: 0;
	animation-name: colorback;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 2s;
	    animation-iteration-count: infinite;
}
.colorbackblue{
	background-color: #229DD2;
	animation-name: colorback;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 22s;
	    animation-iteration-count: infinite;
}
.colorbackorange{
	background-color: #f58c00;
	animation-name: colorback;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 42s;
	    animation-iteration-count: infinite;
}
.colorbackgreen{
	background-color: #75B726;
	animation-name: colorback;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 62s;
	    animation-iteration-count: infinite;
}
.jumbotron.full{
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
.firstframe{
	position: relative;
	height: 60%;
	top: 50%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform:    translate3d(0,-50%,0);
	-ms-transform:     translateY(-50%);
	-o-transform:      translate3d(0,-50%,0);
	transform:         translate3d(0,-50%,0);
}


@keyframes transrot {
	0% {
		transform:         scale3D(0,0,0) rotateZ(0);
	}
	100% {
		transform:         scale3D(1,1,1) rotateZ(90deg);
	}
	

}
@keyframes transrot2 {
	0% {
		transform:         scale3D(0,0,0) rotateZ(0);
/*		background-color: #383838;*/
		opacity: 0;
	}
	15% {
		transform:         scale3D(0,0,0) rotateZ(0);
	}
	33% {
/*		background-color: #10c1fc;*/
	}
	90% {
		opacity: 0.8;
	}
	100% {
		transform:         scale3D(1,1,1) rotateZ(90deg);
/*		background-color: #f35dec;*/
	}
	

}

@keyframes colorback {
	0%  {
		opacity: 0;
	}
	8%  {
		opacity: 0;
	}
	10%  {
		opacity: 1;
	}
	28%  {
		opacity: 1;
	}
	30%  {
		opacity: 0;
	}
	100%  {
		opacity: 0;
	}
	
	
}
@keyframes innerblue {
		0% {
			transform:         scale3D(0,0,0) rotateZ(0);
			opacity: 0;
		}
		1% {
			transform:         scale3D(0,0,0) rotateZ(0);
			opacity: 0.5;
		}
		10% {
			transform:         scale3D(1,1,1) rotateZ(90deg);
			opacity: 1;
		}
		18% {
			transform:         scale3D(0,0,0) rotateZ(0);
			opacity: 0.5;
		}
		100% {
			transform:         scale3D(0,0,0) rotateZ(0);
			opacity: 0;
		}
}
@keyframes transrot6 {
	0% {
			transform:         scale3D(1,1,1) rotateZ(0);
	/*		background-color: #383838;*/
			opacity: 0;
		}
		15% {
			opacity: 1;
			
		}
		33% {
	/*		background-color: #10c1fc;*/
		}
		85% {
			transform:         scale3D(0,0,0) rotateZ(0);
		}
		100% {
			opacity: 1;
			transform:         scale3D(0,0,0) rotateZ(90deg);
	/*		background-color: #f35dec;*/
		}
}


/*@keyframes transrot3 {
	20%  {
		background-color: #C23C97;
	}
	40%  {
		background-color: #229DD2;
	}
	60%  {
		background-color: #75B726;
	}
	80%  {
		background-color: #C78123;
	}
	100%  {
		background-color: #000000;
	}
}*/

.first{
	position: absolute;
	height: 400%;
	width: 400%;
	top: -150%;
	left: -150%;
	transform:         scale3D(0,0,0) rotateZ(0);
	
	animation-name: transrot;
	    animation-duration: 10s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 2s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
}
.circlepair1,.circlepair2,.circlepair3,.circlepair4,.circlepair5{
	position: absolute;
	width: 50%;
	height: 100%;
	left: 25%;
}
.circlepair1{
	
}
.circlepair2{
	-webkit-transform: rotateZ(36deg);
	-moz-transform:    rotateZ(36deg);
	-ms-transform:     rotateZ(36deg);
	-o-transform:      rotateZ(36deg);
	transform:         rotateZ(36deg);
}
.circlepair3{
	-webkit-transform: rotateZ(72deg);
	-moz-transform:    rotateZ(72deg);
	-ms-transform:     rotateZ(72deg);
	-o-transform:      rotateZ(72deg);
	transform:         rotateZ(72deg);
}
.circlepair4{
	-webkit-transform: rotateZ(108deg);
	-moz-transform:    rotateZ(108deg);
	-ms-transform:     rotateZ(108deg);
	-o-transform:      rotateZ(108deg);
	transform:         rotateZ(108deg);
}
.circlepair5{
	-webkit-transform: rotateZ(144deg);
	-moz-transform:    rotateZ(144deg);
	-ms-transform:     rotateZ(144deg);
	-o-transform:      rotateZ(144deg);
	transform:         rotateZ(144deg);
}
.circle1,.circle2,.circle3,.circle4,.circle5,
.circle6,.circle7,.circle8,.circle9,.circle10{
	position: absolute;
	border-radius: 100%;
	width: 100%;
	height: 50%;
}
.circle1,.circle3,.circle5,.circle7,.circle9{
	top: 0;
	left: 0;
}
.circle2,.circle4,.circle6,.circle8,.circle10{
	bottom: 0;
	left: 0;
}
.circle1{
	background-color: rgba(0, 159, 31, 0.4);
}
.circle2{
	background-color: rgba(255,0,235, 0.4);
}
.circle3{
	background-color: rgba(0, 255,181, 0.4);
}
.circle4{
	background-color: rgba(255,0,0, 0.4);
}
.circle5{
	background-color: rgba(0, 226,255, 0.4);
}
.circle6{
	background-color: rgba(255,118,0, 0.4);
}
.circle7{
	background-color: rgba(0, 78,255, 0.4);
}
.circle8{
	background-color: rgba(255,250,0, 0.4);
}
.circle9{
	background-color: rgba(142,0,255, 0.4);
}
.circle10{
	background-color: rgba(128,255,0, 0.4);
}
@media (min-width: 768px) and (orientation: landscape){
	.first{
		/*background-color: #111;*/
	}
}
.blakk{
	background-color: black !important;
}
.blackshadow{
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
}
/*.second{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 100%;
	display: none;
	animation-name: transrot2;
	    animation-duration: 10s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 2s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
	
}*/
.secondchangeblue,.secondchangegreen,.secondchangered,.secondchangeorange,.secondchangegrey{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 100%;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.16);
}
.secondchangeblue{
	background-color: #229DD2;
	opacity: 0;
	animation-name: innerblue;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 3s;
	    animation-iteration-count: infinite;
}
.secondchangeorange{
		background-color: #f58c00;
	opacity: 0;
	animation-name: innerblue;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 23s;
	    animation-iteration-count: infinite;
}
.secondchangegreen{
		background-color: #75B726;
	opacity: 0;
	animation-name: innerblue;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 43s;
	    animation-iteration-count: infinite;
}
.secondchangered{
		background-color: #C23C97;
	opacity: 0;
	animation-name: innerblue;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 63s;
	    animation-iteration-count: infinite;
}
.secondchangegrey{
		background-color: #4a4a4a;
	opacity: 0;
	animation-name: innerblue;
	    animation-duration: 100s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 83s;
	    animation-iteration-count: infinite;
}

.third{
	position: absolute;
	top: 0;
	background-color: transparent;
/*	display: none;*/
}
/*@media only screen  and (orientation: landscape){
	.first{
		background-size: auto 60%;
	}
}
@media only screen  and (orientation: portrait){
	.first{
		background-size: 80% auto;
	}
}*/

.starttext{
	position: absolute;
	width: 60%;
	height: 60%;
	top: 21%;
	left: 20%;
	fill: #fff;
	-webkit-filter: drop-shadow(0 0 6px rgba(0,0,0, 0.3));
	           filter: drop-shadow(0 0 6px rgba(0,0,0, 0.3));
}
.content1{
	position: absolute;
	margin-top: 120% !important;
}
.content1 p{
	font-size: 120px;
	background-color: #000000;
}
.transformscalerotateZNULLSECOND{
	-webkit-transform: scale3D(0,0,0);
	-moz-transform:    scale3D(0,0,0);
	-ms-transform:     scale3D(0,0,0);
	-o-transform:      scale3D(0,0,0);
	transform:         scale3D(0,0,0);
}
.transformscalerotateZNULL{
	-webkit-transform: scale3D(0,0,0) rotateZ(-90deg);
	-moz-transform:    scale3D(0,0,0) rotateZ(-90deg);
	-ms-transform:     scale3D(0,0,0) rotateZ(-90deg);
	-o-transform:      scale3D(0,0,0) rotateZ(-90deg);
	transform:         scale3D(0,0,0) rotateZ(-90deg);
}
.transformscalerotateZSTART{
	-webkit-transform: scale3D(1,1,1) rotateZ(0deg) !important;
	-moz-transform:    scale3D(1,1,1) rotateZ(0deg) !important;
	-ms-transform:     scale3D(1,1,1) rotateZ(0deg) !important;
	-o-transform:      scale3D(1,1,1) rotateZ(0deg) !important;
	transform:         scale3D(1,1,1) rotateZ(0deg) !important;
}

.transformscalerotateZ{
	-webkit-transform: scale3D(4,4,4) rotateZ(90deg) !important;
	-moz-transform:    scale3D(4,4,4) rotateZ(90deg) !important;
	-ms-transform:     scale3D(4,4,4) rotateZ(90deg) !important;
	-o-transform:      scale3D(4,4,4) rotateZ(90deg) !important;
	transform:         scale3D(4,4,4) rotateZ(90deg) !important;
}
.transition500easeinout{
	-webkit-transition: all 500ms ease-in-out; 
	     -o-transition: all 500ms ease-in-out; 
	        transition: all 500ms ease-in-out; /* easeOutExpo */
	   -moz-transition: all 500ms ease-in-out; 
}
.transition500200easeinout{
	-webkit-transition: all 500ms 200ms ease-in-out; 
	     -o-transition: all 500ms 200ms ease-in-out; 
	        transition: all 500ms 200ms ease-in-out; /* easeOutExpo */
	   -moz-transition: all 500ms 200ms ease-in-out; 
}
.transition1000easeout{
	-webkit-transition: all 1000ms ease-out; 
	     -o-transition: all 1000ms ease-out;
	        transition: all 1000ms ease-out;
	   -moz-transition: all 1000ms ease-out;
}
.transition11800easeout{
	-webkit-transition: all 11800ms ease-out; 
	     -o-transition: all 11800ms ease-out;
	        transition: all 11800ms ease-out;
	   -moz-transition: all 11800ms ease-out;
}
.transition1200easeout{
	-webkit-transition: all 1200ms ease-out; 
	     -o-transition: all 1200ms ease-out;
	   -moz-transition: all 1200ms ease-out;
	        transition: all 1200ms ease-out;
}
.transition1000easeinout{
	-webkit-transition: all 1000ms ease-in-out; 
	     -o-transition: all 1000ms ease-in-out;
	        transition: all 1000ms ease-in-out;
	   -moz-transition: all 1000ms ease-in-out;
}
.transition900ease{
	-webkit-transition: all 900ms ease;
	     -o-transition: all 900ms ease;
	        transition: all 900ms ease;
	   -moz-transition: all 900ms ease;
}
.transition850easeout{
	-webkit-transition: all 850ms ease-out;
	     -o-transition: all 850ms ease-out;
	   -moz-transition: all 850ms ease-out; 
	        transition: all 850ms ease-out;
}
.transition850sine{
	-webkit-transition: all 850ms cubic-bezier(.47,0,.74,.71) 0s;
	     -o-transition: all 850ms cubic-bezier(.47,0,.74,.71) 0s;
	   -moz-transition: all 850ms cubic-bezier(.47,0,.74,.71) 0s; 
	        transition: all 850ms cubic-bezier(.47,0,.74,.71) 0s;
}
.transition800easeinout{
	-webkit-transition: all 800ms ease-in-out;
	     -o-transition: all 800ms ease-in-out;
	        transition: all 800ms ease-in-out;
	   -moz-transition: all 800ms ease-in-out;
}
.transition700easeinout{
	-webkit-transition: all 700ms ease-in-out;
	     -o-transition: all 700ms ease-in-out;
	        transition: all 700ms ease-in-out;
	   -moz-transition: all 700ms ease-in-out; 
}
.transition700easeout{
	-webkit-transition: all 700ms ease-out;
	     -o-transition: all 700ms ease-out;
	        transition: all 700ms ease-out;
	   -moz-transition: all 700ms ease-out; 
}
.transition600easeinout{
	-webkit-transition: all 600ms ease-in-out;
	     -o-transition: all 600ms ease-in-out;
	        transition: all 600ms ease-in-out;
	   -moz-transition: all 600ms ease-in-out; 
}
.transition700800easeinout{
	-webkit-transition: all 700ms 800ms ease-in-out;
	     -o-transition: all 700ms 800ms ease-in-out;
	        transition: all 700ms 800ms ease-in-out;
	   -moz-transition: all 700ms 800ms ease-in-out; 
}
.transition10002300easeout{
	-webkit-transition: all 1000ms 2300ms ease-out; 
	     -o-transition: all 1000ms 2300ms ease-out; 
	        transition: all 1000ms 2300ms ease-out;
	   -moz-transition: all 1000ms 2300ms ease-out; 
}
.transition30002300easeout{
	-webkit-transition: all 3000ms 2300ms ease-out; 
	     -o-transition: all 3000ms 2300ms ease-out; 
	        transition: all 3000ms 2300ms ease-out;
	   -moz-transition: all 3000ms 2300ms ease-out; 
}
.transition30002300ease{
	-webkit-transition: all 3000ms 2300ms ease; 
	     -o-transition: all 3000ms 2300ms ease; 
	        transition: all 3000ms 2300ms ease;
	   -moz-transition: all 3000ms 2300ms ease; 
}
.transition400easeinout{
	-webkit-transition: all 400ms ease-in-out; 
	     -o-transition: all 400ms ease-in-out; 
	        transition: all 400ms ease-in-out;
	   -moz-transition: all 400ms ease-in-out; 
}
.transition300easeinout{
	-webkit-transition: all 300ms ease-in-out; 
	     -o-transition: all 300ms ease-in-out; 
	        transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out; 
}
.transition200easeinout{
	-webkit-transition: all 200ms ease-in-out; 
	     -o-transition: all 200ms ease-in-out; 
	        transition: all 200ms ease-in-out;
	   -moz-transition: all 200ms ease-in-out; 
}
.transition400easeout{
	-webkit-transition: all 400ms ease-out; 
	     -o-transition: all 400ms ease-out; 
	        transition: all 400ms ease-out;
	   -moz-transition: all 400ms ease-out; 
}
.transition150easeout{
	-webkit-transition: all 150ms ease-out; 
	     -o-transition: all 150ms ease-out; 
	        transition: all 150ms ease-out;
	   -moz-transition: all 150ms ease-out; 
}
.transition150easein{
	-webkit-transition: all 150ms ease-in; 
	     -o-transition: all 150ms ease-in; 
	        transition: all 150ms ease-in;
	   -moz-transition: all 150ms ease-in; 
}
.transition150easeinout{
	-webkit-transition: all 150ms ease-in-out; 
	     -o-transition: all 150ms ease-in-out; 
	        transition: all 150ms ease-in-out;
	   -moz-transition: all 150ms ease-in-out; 
}
.transition100easeinout{
	-webkit-transition: all 100ms ease-in-out; 
	     -o-transition: all 100ms ease-in-out;
	        transition: all 100ms ease-in-out;
	   -moz-transition: all 100ms ease-in-out; 
}
.transition150linear{
	-webkit-transition: all 150ms linear; 
	     -o-transition: all 150ms linear; 
	        transition: all 150ms linear;
	   -moz-transition: all 150ms linear; 
}
.transition300linear{
	-webkit-transition: all 300ms linear; 
	     -o-transition: all 300ms linear; 
	        transition: all 300ms linear;
	   -moz-transition: all 300ms linear; 
}
.transition0{
	-webkit-transition: none; 
	     -o-transition: none; 
	        transition: none;
	   -moz-transition: none; 
}
.transition600bounce{
	-webkit-transition: all 1000ms cubic-bezier(0.5400,1.2800,0.6500,1.0000);
	     -o-transition: all 1000ms cubic-bezier(0.5400,1.2800,0.6500,1.0000);
	        transition: all 1000ms cubic-bezier(0.5400,1.2800,0.6500,1.0000);
	   -moz-transition: all 1000ms cubic-bezier(0.5400,1.2800,0.6500,1.0000); 
}