/*Finger Print*/
.fppathmove{
	fill-rule:evenodd;
	fill: transparent;
	stroke: transparent;
	stroke-width: 0px;
	stroke-dashoffset: 200%;
	stroke-dasharray: 200%;
	-webkit-animation: fingerprints 2s ease-in-out infinite;
	-moz-animation: fingerprints 2s ease-in-out infinite;
	-o-animation: fingerprints 2s ease-in-out infinite;
	-ms-animation: fingerprints 2s ease-in-out infinite;
	animation: fingerprints 2s ease-in-out infinite;
	animation-delay:8s;
}

@keyframes fingerprints {
  0%{
	  stroke: #fff;
	  stroke-width: 0px;
	  fill: transparent;
	  stroke-dashoffset: 200%;
	  opacity:0;
  }
  80%{
	  stroke: #fff;
	  stroke-width: 10px;
	  fill: transparent;
	  stroke-dashoffset: 0;
	  opacity:1;
  }
  100% {
	  stroke: #fff;
	  stroke-width: 10px;
	  fill: transparent;
	  stroke-dashoffset: 0;
	  opacity:0;
  }
}

@keyframes fingerprintmove {
  0%{
	  bottom:20px;
  }
  75%{
	  bottom:20px;
  }
  100% {
	  bottom:200px;
  }
}


/* Spider Background */
.eyebackground{
	fill-rule:evenodd;
	fill:#ffffff;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	animation-delay:0s;
}
.eyebackground-animation{
	fill-rule:evenodd;
	fill:#ffffff;
	-webkit-animation: spidereyesbackground 2s ease-in-out forwards;
	-moz-animation: spidereyesbackground 2s ease-in-out forwards;
	-o-animation: spidereyesbackground 2s ease-in-out forwards;
	-ms-animation: spidereyesbackground 2s ease-in-out forwards;
	animation: spidereyesbackground 2s ease-in-out forwards;
	animation-delay:0s;
}
@-webkit-keyframes spidereyesbackground { 
 0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}
@-moz-keyframes spidereyesbackground { 
0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}
@-o-keyframes spidereyesbackground { 
 0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}
@keyframes spidereyesbackground {
  0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}



.bodybackground {
	stroke: transparent;
	stroke-width: 0px;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	fill: transparent;
	animation-delay:0.2s;
	fill-rule:evenodd;
	filter: none;
}
.bodybackground-animation {
	stroke: transparent;
	stroke-width: 0px;
	-webkit-animation: spiderbodybackground 2s ease-in-out forwards;
	-moz-animation: spiderbodybackground 2s ease-in-out forwards;
	-o-animation: spiderbodybackground 2s ease-in-out forwards;
	-ms-animation: spiderbodybackground 2s ease-in-out forwards;
	animation: spiderbodybackground 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:0.2s;
	fill-rule:evenodd;
}
@-webkit-keyframes spiderbodybackground { 
 0%{
	  opacity:0;
	  fill: #ffffff;
  }
  100% {
	  opacity:1;
	  fill: #efefef;
  }
}
@-moz-keyframes spiderbodybackground { 
0%{
	  opacity:0;
	  fill: #ffffff;
  }
  100% {
	  opacity:1;
	  fill: #efefef;
  }
}
@-o-keyframes spiderbodybackground { 
 0%{
	  opacity:0;
	  fill: #ffffff;
  }
  100% {
	  opacity:1;
	  fill: #efefef;
  }
}
@keyframes spiderbodybackground {
  0%{
	  opacity:0;
	  fill: #ffffff;
  }
  100% {
	  opacity:1;
	  fill: #efefef;
  }
}

.rightleg4background {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	fill: transparent;
	animation-delay:1.6s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg4background-animation {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdrawbackground 2s ease-in-out forwards;
	-moz-animation: rightdrawbackground 2s ease-in-out forwards;
	-o-animation: rightdrawbackground 2s ease-in-out forwards;
	-ms-animation: rightdrawbackground 2s ease-in-out forwards;
	animation: rightdrawbackground 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.6s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg3background {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	fill: transparent;
	animation-delay:1.4s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg3background-animation {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdrawbackground 2s ease-in-out forwards;
	-moz-animation: rightdrawbackground 2s ease-in-out forwards;
	-o-animation: rightdrawbackground 2s ease-in-out forwards;
	-ms-animation: rightdrawbackground 2s ease-in-out forwards;
	animation: rightdrawbackground 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.4s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg2background {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	fill: transparent;
	animation-delay:1.2s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg2background-animation {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdrawbackground 2s ease-in-out forwards;
	-moz-animation: rightdrawbackground 2s ease-in-out forwards;
	-o-animation: rightdrawbackground 2s ease-in-out forwards;
	-ms-animation: rightdrawbackground 2s ease-in-out forwards;
	animation: rightdrawbackground 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.2s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg1background {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	fill: transparent;
	animation-delay:1s;
	fill-rule:evenodd;
	opacity:0;
}
.rightleg1background-animation {
	stroke: #fff;
	stroke-width: 500px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdrawbackground 2s ease-in-out forwards;
	-moz-animation: rightdrawbackground 2s ease-in-out forwards;
	-o-animation: rightdrawbackground 2s ease-in-out forwards;
	-ms-animation: rightdrawbackground 2s ease-in-out forwards;
	animation: rightdrawbackground 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1s;
	fill-rule:evenodd;
	opacity:0;
}


@keyframes rightdrawbackground {
  0%{
	  stroke: #efefef;
	  fill: transparent;
	  stroke-dashoffset: 0;
	  opacity:0;
  }
  90% {
  }
  100% {
	  stroke: #efefef;
	  fill: #efefef;
	  stroke-dashoffset: 0;
	  opacity:1;
  }
}





/* Web Animation */

#Web1 {
  stroke: transparent;
  fill: transparent;
}
.webleg{
	stroke-miterlimit:10;
}
.webleg-animation {
	stroke: #999;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 90s linear 1 forwards;
	-moz-animation: web 90s linear 1 forwards;
	-o-animation: web 90s linear 1 forwards;
	-ms-animation: web 90s linear 1 forwards;
	animation: web 90s linear 1 forwards;
	fill: transparent;
}
.webarm1{
	stroke-miterlimit:10; 
}
.webarm1-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:1s;
	fill: transparent;
}
.webarm2{
	stroke-miterlimit:10; 
}
.webarm2-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:2s;
	fill: transparent;
}
.webarm3{
	stroke-miterlimit:10; 
}
.webarm3-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:3s;
	fill: transparent;
}
.webarm4{
	stroke-miterlimit:10; 
}
.webarm4-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:4s;
	fill: transparent;
}
.webarm5{
	stroke-miterlimit:10; 
}
.webarm5-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:5s;
	fill: transparent;
}
.webarm6{
	stroke-miterlimit:10; 
}
.webarm6-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:6s;
	fill: transparent;
}
.webarm7{
	stroke-miterlimit:10; 
}
.webarm7-animation {
	stroke: #ddd;
	stroke-width: 5px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: web 30s linear 1 forwards;
	-moz-animation: web 30s linear 1 forwards;
	-o-animation: web 30s linear 1 forwards;
	-ms-animation: web 30s linear 1 forwards;
	animation: web 30s linear 1 forwards;
	animation-delay:7s;
	fill: transparent;
}

@keyframes web {
    0%{
	  stroke-dashoffset: 250%;
  }
  100% {
	  stroke-dashoffset: 0;
  }
}


/* Phone Home Logo */
.textpitphone{
	font-size:125.51px;
	font-family:Pittsburgh;
	fill:#44ef44;
	-webkit-animation: pitttextphone 2s ease-in-out forwards;
	-moz-animation: pitttextphone 2s ease-in-out forwards;
	-o-animation: pitttextphone 2s ease-in-out forwards;
	-ms-animation: pitttextphone 2s ease-in-out forwards;
	animation: pitttextphone 2s ease-in-out forwards;
	animation-delay:5.5s;
	opacity:0;
}
@keyframes pitttextphone {
    0% {
		stroke: #44ef44;
		opacity:0;
		fill: #44ef44;
    	}
	100% {
		stroke: #44ef44;
		opacity:1;
		fill:#44ef44;
    	}
}

/* Spider Logo Animation */

.textweb{
	font-size:220.19px;
	font-family:WebDesigns;
	fill:transparent;
	stroke-dashoffset: 125%;
  stroke-dasharray: 125%;
	-webkit-animation: webdesigns 4s ease-in-out forwards;
	-moz-animation: webdesigns 4s ease-in-out forwards;
	-o-animation: webdesigns 4s ease-in-out forwards;
	-ms-animation: webdesigns 4s ease-in-out forwards;
	animation: webdesigns 4s ease-in-out forwards;
	animation-delay:5.5s
}
.textwebheader{
	font-size:220.19px;
	font-family:WebDesigns;
	fill:transparent;
	stroke-dashoffset: 125%;
  stroke-dasharray: 125%;
	-webkit-animation: webdesigns 4s ease-in-out forwards;
	-moz-animation: webdesigns 4s ease-in-out forwards;
	-o-animation: webdesigns 4s ease-in-out forwards;
	-ms-animation: webdesigns 4s ease-in-out forwards;
	animation: webdesigns 4s ease-in-out forwards;
	animation-delay:3.5s
}

@keyframes webdesigns {
    0% {
		stroke-dashoffset: 125%;
		stroke: #fff;
		opacity:0;
		fill: transparent;
    	}
	70% {
		stroke: #ffffff;
		fill: transparent;
		}
    100% {
		stroke: #ffffff;
		stroke-dashoffset:0%;
		opacity:1;
		fill:#ffffff;
    	}
}

.textpit{
	font-size:125.51px;
	font-family:Pittsburgh;
	fill:#44ef44;
}

.textpitmove{
	transform: translateX(-300px);
	-webkit-animation: pittsburgh 1s ease-in-out forwards;
	;
	-moz-animation: pittsburgh 1s ease-in-out forwards;
	-o-animation: pittsburgh 1s ease-in-out forwards;
	-ms-animation: pittsburgh 1s ease-in-out forwards;
	animation: pittsburgh 1s ease-in-out forwards;
	animation-delay:5s;
	opacity:0;
	}

@keyframes pittsburgh {
    0% {
		transform:translateX(-300px);
		opacity:0;				
    	}
	100% {
		transform:translateX(0px);
		opacity:1;
		
    	}
}


.eye{
	fill-rule:evenodd;
	fill:#44ef44;
	-webkit-animation: spidereyes 2s ease-in-out forwards;
	-moz-animation: spidereyes 2s ease-in-out forwards;
	-o-animation: spidereyes 2s ease-in-out forwards;
	-ms-animation: spidereyes 2s ease-in-out forwards;
	animation: spidereyes 2s ease-in-out forwards;
	animation-delay:0s;
}

@keyframes spidereyes {
  0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}



.body {
	stroke: transparent;
	stroke-width: 0px;
	-webkit-animation: spiderbody 2s ease-in-out forwards;
	-moz-animation: spiderbody 2s ease-in-out forwards;
	-o-animation: spiderbody 2s ease-in-out forwards;
	-ms-animation: spiderbody 2s ease-in-out forwards;
	animation: spiderbody 2s ease-in-out forwards;
	animation-delay:0.2s;
	fill-rule:evenodd;
    fill: #fff;
	opacity:0;

}

@keyframes spiderbody {
  0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}


.leftleg4 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: leftdraw 8s ease-in-out forwards;
	-moz-animation: leftdraw 8s ease-in-out forwards;
	-o-animation: leftdraw 8s ease-in-out forwards;
	-ms-animation: leftdraw 8s ease-in-out forwards;
	animation: leftdraw 8s ease-in-out forwards;
	fill: transparent;
	animation-delay:2.2s;
	fill-rule:evenodd;
}
.leftleg3 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: leftdraw 2s ease-in-out forwards;
	-moz-animation: leftdraw 2s ease-in-out forwards;
	-o-animation: leftdraw 2s ease-in-out forwards;
	-ms-animation: leftdraw 2s ease-in-out forwards;
	animation: leftdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:2s;
	fill-rule:evenodd;
}
.leftleg2 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: leftdraw 2s ease-in-out forwards;
	-moz-animation: leftdraw 2s ease-in-out forwards;
	-o-animation: leftdraw 2s ease-in-out forwards;
	-ms-animation: leftdraw 2s ease-in-out forwards;
	animation: leftdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.8s;
	fill-rule:evenodd;
}
.leftleg1 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: leftdraw 2s ease-in-out forwards;
	-moz-animation: leftdraw 2s ease-in-out forwards;
	-o-animation: leftdraw 2s ease-in-out forwards;
	-ms-animation: leftdraw 2s ease-in-out forwards;
	animation: leftdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.6s;
	fill-rule:evenodd;
}


@keyframes leftdraw {
  0%{
	  stroke: #fff;
	  fill: transparent;
	  stroke-dashoffset: 250%;
  }
  50% {
	  fill: transparent;
  }
  100% {
	  stroke: #fff;
	  fill: #fff;
	  stroke-dashoffset: 0;
  }
}

.rightleg4 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdraw 8s ease-in-out forwards;
	-moz-animation: rightdraw 8s ease-in-out forwards;
	-o-animation: rightdraw 8s ease-in-out forwards;
	-ms-animation: rightdraw 8s ease-in-out forwards;
	animation: rightdraw 8s ease-in-out forwards;
	fill: transparent;
	animation-delay:2.2s;
	fill-rule:evenodd;
}
.rightleg3 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdraw 2s ease-in-out forwards;
	-moz-animation: rightdraw 2s ease-in-out forwards;
	-o-animation: rightdraw 2s ease-in-out forwards;
	-ms-animation: rightdraw 2s ease-in-out forwards;
	animation: rightdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:2s;
	fill-rule:evenodd;
}
.rightleg2 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdraw 2s ease-in-out forwards;
	-moz-animation: rightdraw 2s ease-in-out forwards;
	-o-animation: rightdraw 2s ease-in-out forwards;
	-ms-animation: rightdraw 2s ease-in-out forwards;
	animation: rightdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.8s;
	fill-rule:evenodd;
}
.rightleg1 {
	stroke: #fff;
	stroke-width: 100px;
	stroke-dashoffset: 250%;
	stroke-dasharray: 250%;
	-webkit-animation: rightdraw 2s ease-in-out forwards;
	-moz-animation: rightdraw 2s ease-in-out forwards;
	-o-animation: rightdraw 2s ease-in-out forwards;
	-ms-animation: rightdraw 2s ease-in-out forwards;
	animation: rightdraw 2s ease-in-out forwards;
	fill: transparent;
	animation-delay:1.6s;
	fill-rule:evenodd;
}

@keyframes rightdraw {
  0%{
	  stroke: #fff;
	  fill: transparent;
	  stroke-dashoffset: 250%;
  }
  50% {
	  fill: transparent;
  }
  100% {
	  stroke: #fff;
	  fill: #fff;
	  stroke-dashoffset: 0;
  }
}

#Spider {
	transform:translateX(610px);
	-webkit-animation: spidermove 1s ease-in-out forwards;
	-moz-animation: spidermove 1s ease-in-out forwards;
	-o-animation: spidermove 1s ease-in-out forwards;
	-ms-animation: spidermove 1s ease-in-out forwards;
	animation: spidermove 1s ease-in-out forwards;
	animation-delay:4.5s;
}

@keyframes spidermove {
    0% {
		transform:translateX(610px);				
    	}
	100% {
		transform:translateX(0px);
		
    	}
}



/* Mouse Wheel */
.mouse {
	position:relative;
	border: 4px solid rgba(255,255,255,1);
	width:50px;
	height:80px;
	border-radius:85px;
	left:50%;
	transform: translateX(-50%);
}
.wheel {
	position:absolute;
	background:rgba(255,255,255,1);
	left:50%;
	width:10px;
	height:15px;
	border-radius:15px;
	-webkit-animation: mousewheel 1.5s ease infinite;
	-moz-animation: mousewheel 1.5s ease infinite;
	-o-animation: mousewheel 1.5s ease infinite;
	-ms-animation: mousewheel 1.5s ease infinite;
	animation: mousewheel 1.5s ease infinite;
}

@keyframes mousewheel {
    0% {
		top:15%;
		transform: translate(-50%,15%);
		opacity:1;				
    	}
	100% {
		top:40%;
		transform: translate(-50%,-40%);
		opacity:0;
    	}
}



@-webkit-keyframes sale { 
	0% { z-index:0; opacity:0; } 
	50% { z-index:0; opacity:0; }
	90% { z-index:2000; opacity:1; }
	100% { z-index:2000; opacity:1; } 
}
@-moz-keyframes sale { 
	0% { z-index:0; opacity:0; } 
	50% { z-index:0; opacity:0; }
	90% { z-index:2000; opacity:1; }
	100% { z-index:2000; opacity:1; }
}
@-o-keyframes sale { 
	0% { z-index:0; opacity:0; } 
	50% { z-index:0; opacity:0; }
	90% { z-index:2000; opacity:1; }
	100% { z-index:2000; opacity:1; } 
}
@keyframes sale { 
	0% { z-index:0; opacity:0; } 
	50% { z-index:0; opacity:0; }
	90% { z-index:2000; opacity:1; }
	100% { z-index:2000; opacity:1; }
}




@-webkit-keyframes linearwipe{ 
  from { width: 0; } 
}
@-moz-keyframes linearwipe{ 
  from { width: 0; } 
}
@-o-keyframes linearwipe{ 
  from { width: 0; } 
}
@keyframes linearwipe{ 
  from { width: 0; } 
}  




@-webkit-keyframes throb { 
	0% { transform: scale(1); } 
	2% { transform: scale(1.1); }
	4% { transform: scale(1); }
	6% { transform: scale(1.1); }
	8% { transform: scale(1); }
	100% { transform: scale(1); }
}
@-moz-keyframes throb { 
	0% { transform: scale(1); } 
	2% { transform: scale(1.1); }
	4% { transform: scale(1); }
	6% { transform: scale(1.1); }
	8% { transform: scale(1); }
	100% { transform: scale(1); }
}
@-o-keyframes throb { 
	0% { transform: scale(1); } 
	2% { transform: scale(1.1); }
	4% { transform: scale(1); }
	6% { transform: scale(1.1); }
	8% { transform: scale(1); }
	100% { transform: scale(1); }
}
@keyframes throb { 
	0% { transform: scale(1); } 
	2% { transform: scale(1.1); }
	4% { transform: scale(1); }
	6% { transform: scale(1.1); }
	8% { transform: scale(1); }
	100% { transform: scale(1); }
}

.throb {
  -webkit-animation: throb 6s infinite;
  -moz-animation: throb 6s infinite;
  -o-animation: throb 6s infinite;
  animation: throb 6s infinite;
}



.w1 {
  -webkit-animation: w1anim 10s infinite;
  -moz-animation: w1anim 10s infinite;
  -o-animation: w1anim 10s infinite;
  animation: w1anim 10s infinite;
}
 
.w2 {
  -webkit-animation: w2anim 10s infinite;
  -moz-animation: w2anim 10s infinite;
  -o-animation: w2anim 10s infinite;
  animation: w2anim 10s infinite;
}
 
.w3 {
  -webkit-animation: w3anim 10s infinite;
  -moz-animation: w3anim 10s infinite;
  -o-animation: w3anim 10s infinite;
  animation: w3anim 10s infinite;
}
.w4 {
  -webkit-animation: w4anim 10s infinite;
  -moz-animation: w4anim 10s infinite;
  -o-animation: w4anim 10s infinite;
  animation: w4anim 10s infinite;
}
.w5 {
  -webkit-animation: w5anim 10s infinite;
  -moz-animation: w5anim 10s infinite;
  -o-animation: w5anim 10s infinite;
  animation: w5anim 10s infinite;
}
.w6 {
  -webkit-animation: w6anim 10s infinite;
  -moz-animation: w6anim 10s infinite;
  -o-animation: w6anim 10s infinite;
  animation: w6anim 10s infinite;
}

@keyframes w1anim {
  0%{
    opacity: 1;
  }
  15.67% {
	opacity: 1;
  }
  16.67% {
    opacity:0;
  }
  32.34% {
    opacity:0;
  }
  33.34% {
    opacity:0;
  }
  49.01% {
    opacity:0;
  }
  50.01% {
    opacity:0;
  }
  65.68% {
    opacity:0;
  }
  66.68% {
    opacity:0;
  }
  82.35% {
    opacity:0;
  }
  83.35% {
    opacity:0;
  }
  99.02% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
  
}
 
@keyframes w2anim {
  0%{
    opacity: 0;
  }
  15.67% {
	opacity: 0;
  }
  16.67% {
    opacity:1;
  }
  32.34% {
    opacity:1;
  }
  33.34% {
    opacity:0;
  }
  49.01% {
    opacity:0;
  }
  50.01% {
    opacity:0;
  }
  65.68% {
    opacity:0;
  }
  66.68% {
    opacity:0;
  }
  82.35% {
    opacity:0;
  }
  83.35% {
    opacity:0;
  }
  99.02% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
 
@keyframes w3anim {
  0%{
    opacity: 0;
  }
  15.67% {
	opacity: 0;
  }
  16.67% {
    opacity:0;
  }
  32.34% {
    opacity:0;
  }
  33.34% {
    opacity:1;
  }
  49.01% {
    opacity:1;
  }
  50.01% {
    opacity:0;
  }
  65.68% {
    opacity:0;
  }
  66.68% {
    opacity:0;
  }
  82.35% {
    opacity:0;
  }
  83.35% {
    opacity:0;
  }
  99.02% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

@keyframes w4anim {
  0%{
    opacity: 0;
  }
  15.67% {
	opacity: 0;
  }
  16.67% {
    opacity:0;
  }
  32.34% {
    opacity:0;
  }
  33.34% {
    opacity:0;
  }
  49.01% {
    opacity:0;
  }
  50.01% {
    opacity:1;
  }
  65.68% {
    opacity:1;
  }
  66.68% {
    opacity:0;
  }
  82.35% {
    opacity:0;
  }
  83.35% {
    opacity:0;
  }
  99.02% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes w5anim {
  0%{
    opacity: 0;
  }
  15.67% {
	opacity: 0;
  }
  16.67% {
    opacity:0;
  }
  32.34% {
    opacity:0;
  }
  33.34% {
    opacity:0;
  }
  49.01% {
    opacity:0;
  }
  50.01% {
    opacity:0;
  }
  65.68% {
    opacity:0;
  }
  66.68% {
    opacity:1;
  }
  82.35% {
    opacity:1;
  }
  83.35% {
    opacity:0;
  }
  99.02% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes w6anim {
  0%{
    opacity: 0;
  }
  15.67% {
	opacity: 0;
  }
  16.67% {
    opacity:0;
  }
  32.34% {
    opacity:0;
  }
  33.34% {
    opacity:0;
  }
  49.01% {
    opacity:0;
  }
  50.01% {
    opacity:0;
  }
  65.68% {
    opacity:0;
  }
  66.68% {
    opacity:0;
  }
  82.35% {
    opacity:0;
  }
  83.35% {
    opacity:1;
  }
  99.02% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}


h1.loader {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-size: 4.6875em;
  color: transparent;
  letter-spacing: 0.01em;
}

.loader span {
  text-shadow:
    0 0 2px rgba(204, 208, 212,0.9),
    0 15px 25px rgba(0, 0, 0, 0.3),
    0 -2px 3px rgba(0, 0, 0, 0.1),
    0 -5px 10px rgba(255, 255, 255, 0.5),
    0 5px 10px rgba(0, 0, 0, 0.3),
    0 3px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.45);
  
    animation: loading 0.85s ease-in-out infinite alternate;
}

@keyframes loading {
	to {text-shadow:
    0 0 2px rgba(204, 208, 212,0.2),
    0 0 3px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

.loader span:nth-child(2) {
  animation-delay:0.15s;
}

.loader span:nth-child(3) {
  animation-delay:0.30s;
}

.loader span:nth-child(4) {
  animation-delay:0.45s;
}

.loader span:nth-child(5) {
  animation-delay:0.60s;
}

.loader span:nth-child(6) {
  animation-delay:0.75s;
}

.loader span:nth-child(7) {
  animation-delay:0.90s;
}



@-webkit-keyframes loadingoff { 
	0% { z-index:1001; opacity:1; } 
	99% { z-index:1001; opacity:1; }
	100% { z-index:-1001; opacity:0; } 
}
@-moz-keyframes loadingoff { 
	0% { z-index:1001; opacity:1; } 
	99% { z-index:1001; opacity:1; }
	100% { z-index:-1001; opacity:0; } 
}
@-o-keyframes loadingoff { 
	0% { z-index:1001; opacity:1; } 
	99% { z-index:1001; opacity:1; }
	100% { z-index:-1001; opacity:0; } 
}
@keyframes loadingoff { 
	0% { z-index:1001; opacity:1; } 
	99% { z-index:1001; opacity:1; }
	100% { z-index:-1001; opacity:0; }
}

@-webkit-keyframes videooff { 
	0% { z-index:1000; opacity:1; } 
	99% { z-index:1000; opacity:1; }
	100% { z-index:-1000; opacity:0; } 
}
@-moz-keyframes videooff { 
	0% { z-index:1000; opacity:1; } 
	99% { z-index:1000; opacity:1; }
	100% { z-index:-1000; opacity:0; }
}
@-o-keyframes videooff { 
	0% { z-index:1000; opacity:1; } 
	99% { z-index:1000; opacity:1; }
	100% { z-index:-1000; opacity:0; } 
}
@keyframes videooff { 
	0% { z-index:1000; opacity:1; } 
	99% { z-index:1000; opacity:1; }
	100% { z-index:-1000; opacity:0; }
}

@-webkit-keyframes blackbackground { 
	0% { z-index:999; opacity:1; } 
	90% { z-index:999; opacity:1; }
	99% { z-index:999; opacity:0; }
	100% { z-index:-999; opacity:0; } 
}
@-moz-keyframes blackbackground { 
	0% { z-index:999; opacity:1; } 
	90% { z-index:999; opacity:1; }
	99% { z-index:999; opacity:0; }
	100% { z-index:-999; opacity:0; }
}
@-o-keyframes blackbackground { 
	0% { z-index:999; opacity:1; } 
	90% { z-index:999; opacity:1; }
	99% { z-index:999; opacity:0; }
	100% { z-index:-999; opacity:0; } 
}
@keyframes blackbackground { 
	0% { z-index:999; opacity:1; } 
	90% { z-index:999; opacity:1; }
	99% { z-index:999; opacity:0; }
	100% { z-index:-999; opacity:0; }
}


@-webkit-keyframes logooff { 
	0% { z-index:1002; opacity:0; }
	70% { z-index:1002; opacity:0; }
	73% { z-index:1002; opacity:1; } 
	99% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; } 
}
@-moz-keyframes logooff { 
	0% { z-index:1002; opacity:0; }
	70% { z-index:1002; opacity:0; }
	73% { z-index:1002; opacity:1; } 
	99% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; }
}
@-o-keyframes logooff { 
	0% { z-index:1002; opacity:0; }
	70% { z-index:1002; opacity:0; }
	73% { z-index:1002; opacity:1; } 
	99% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; } 
}
@keyframes logooff { 
	0% { z-index:1002; opacity:0; }
	70% { z-index:1002; opacity:0; }
	73% { z-index:1002; opacity:1; } 
	99% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; }
}

@-webkit-keyframes logoin { 
	0% { transform: scale(0); opacity:0;}
	50% { transform: scale(1.0); opacity:1; }
	70% { transform: scale(1.5); opacity:1; }
	100% { transform: scale(100); opacity:0; } 
}
@-moz-keyframes logoin { 
	0% { transform: scale(0); opacity:0;}
	50% { transform: scale(1.0); opacity:1; }
	70% { transform: scale(1.5); opacity:1; }
	100% { transform: scale(100); opacity:0; }
}
@-o-keyframes logoin { 
	0% { transform: scale(0); opacity:0;}
	50% { transform: scale(1.0); opacity:1; }
	70% { transform: scale(1.5); opacity:1; }
	100% { transform: scale(100); opacity:0; } 
}
@keyframes logoin { 
	0% { transform: scale(0); opacity:0;}
	50% { transform: scale(1.0); opacity:1; }
	70% { transform: scale(1.5); opacity:1; }
	100% { transform: scale(100); opacity:0; }
}




@-webkit-keyframes logooffphone { 
	0% { z-index:1002; opacity:1; } 
	95% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; } 
}
@-moz-keyframes logooffphone { 
	0% { z-index:1002; opacity:1; } 
	95% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; }
}
@-o-keyframes logooffphone { 
	0% { z-index:1002; opacity:1; } 
	95% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; } 
}
@keyframes logooffphone { 
	0% { z-index:1002; opacity:1; } 
	95% { z-index:1002; opacity:1; }
	100% { z-index:-1002; opacity:0; }
}



@-webkit-keyframes pageload { 
	0% { z-index:0; opacity:0; } 
	95% { z-index:0; opacity:0; }
	100% { z-index:50; opacity:1; } 
}
@-moz-keyframes pageload { 
	0% { z-index:0; opacity:0; } 
	95% { z-index:0; opacity:0; }
	100% { z-index:50; opacity:1; }
}
@-o-keyframes pageload { 
	0% { z-index:0; opacity:0; } 
	95% { z-index:0; opacity:0; }
	100% { z-index:50; opacity:1; } 
}
@keyframes pageload { 
	0% { z-index:0; opacity:0; } 
	95% { z-index:0; opacity:0; }
	100% { z-index:50; opacity:1; }
}


/****  MULTIPLE ELEMENT ANIMATION 1   *****/

#multiple1 .scroll-arrow-container {
	height: 20px;
	width: 20px;
	position: relative;
}

#multiple1 span {
	position: absolute;
	height: 4px;
	width: 30px;
	background-color: #71c839;
}

#multiple1 span.arrow-left {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	left: -17px;
}

#multiple1 span.arrow-right {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	right: -17px;
}

#multiple1 .arrow1 {
	-webkit-animation-name: multiple1_1;
	animation-name: multiple1_1;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_1 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#multiple1 .arrow2 {
	-webkit-animation-name: multiple1_2;
	animation-name: multiple1_2;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_2 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#multiple1 .arrow3 {
	-webkit-animation-name: multiple1_3;
	animation-name: multiple1_3;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes multiple1_3 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}




/* Hooks */

.Hooks {
	opacity:0;
  	-webkit-animation:hooks ease-in 7s;
	-moz-animation:hooks ease-in 7s;
    -o-animation:hooks ease-in 7s;
    animation:hooks ease-in 7s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@-webkit-keyframes hooks { 
	0% { opacity:0; } 
	50% { opacity:1; }
	100% { opacity:1; } 
}
@-moz-keyframes hooks { 
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:1; } 
}
@-o-keyframes hooks { 
	0% { opacity:0; } 
	50% { opacity:1; }
	100% { opacity:1; } 
}
@keyframes hooks { 
	0% { opacity:0; }
	50% { opacity:1; } 
	100% { opacity:1; }
}

.Light {
	opacity:0;
  	-webkit-animation:hooks ease-in 5s;
	-moz-animation:hooks ease-in 5s;
    -o-animation:hooks ease-in 5s;
    animation:hooks ease-in 5s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@-webkit-keyframes Light { 
	0% { opacity:.5; } 
	50% { opacity:1; }
	100% { opacity:0; } 
}
@-moz-keyframes Light { 
	0% { opacity:.5; } 
	50% { opacity:1; }
	100% { opacity:0; } 
}
@-o-keyframes Light { 
	0% { opacity:.5; } 
	50% { opacity:1; }
	100% { opacity:0; } 
}
@keyframes Light { 
	0% { opacity:.5; } 
	50% { opacity:1; }
	100% { opacity:0; } 
}



@-webkit-keyframes slidin {
    0%   {left: -500px;}
    100% {left: 0px;}
}
@-moz-keyframes slidin {
    0%   {left: -500px;}
    100% {left: 0px;}
}
@-o-keyframes slidin {
    0%   {left: -500px;}
    100% {left: 0px;}
}
@keyframes slidin {
    0%   {left: -500px;}
    100% {left: 0px;}
}

@-webkit-keyframes fadein { 
	0% { opacity:0; } 
	50% { opacity:1; }
	100% { opacity:1; } 
}
@-moz-keyframes fadein { 
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:1; } 
}
@-o-keyframes fadein { 
	0% { opacity:0; } 
	50% { opacity:1; }
	100% { opacity:1; } 
}
@keyframes fadein { 
	0% { opacity:0; }
	50% { opacity:1; } 
	100% { opacity:1; }
}


@-webkit-keyframes fadeinout { 
	0% { opacity:1; } 
	17% { opacity:1; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:1; } 
}
@-moz-keyframes fadeinout { 
	0% { opacity:1; } 
	17% { opacity:1; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:1; }  
}
@-o-keyframes fadeinout { 
	0% { opacity:1; } 
	17% { opacity:1; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:1; } 
}
@keyframes fadeinout { 
	0% { opacity:1; } 
	17% { opacity:1; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes fadeinout2 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:1; }
	51% { opacity:1; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }  
}
@-moz-keyframes fadeinout2 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:1; }
	51% { opacity:1; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; } 
}
@-o-keyframes fadeinout2 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:1; }
	51% { opacity:1; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; } 
}
@keyframes fadeinout2 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:1; }
	51% { opacity:1; }
	68% { opacity:0; }
	85% { opacity:0; }
	100% { opacity:0; }  
}

@-webkit-keyframes fadeinout3 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:1; }
	85% { opacity:1; }
	100% { opacity:0; }  
}
@-moz-keyframes fadeinout3 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:1; }
	85% { opacity:1; }
	100% { opacity:0; } 
}
@-o-keyframes fadeinout3 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:1; }
	85% { opacity:1; }
	100% { opacity:0; }  
}
@keyframes fadeinout3 { 
	0% { opacity:0; } 
	17% { opacity:0; }
	34% { opacity:0; }
	51% { opacity:0; }
	68% { opacity:1; }
	85% { opacity:1; }
	100% { opacity:0; }   
}

.PittsburghCustomCoders1 {
	width:100%;
	opacity:0;
	display: block;
	position: absolute;
  	-webkit-animation:fadeinout ease-in-out 20s;
	-moz-animation:fadeinout ease-in-out 20s ;
    -o-animation:fadeinout ease-in-out 20s ;
    animation:fadeinout ease-in-out 20s ;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.PittsburghCustomCoders2 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout2 ease-in-out 20s;
	-moz-animation:fadeinout2 ease-in-out 20s;
    -o-animation:fadeinout2 ease-in-out 20s;
    animation:fadeinout2 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.PittsburghCustomCoders3 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout3 ease-in-out 20s;
	-moz-animation:fadeinout3 ease-in-out 20s;
    -o-animation:fadeinout3 ease-in-out 20s;
    animation:fadeinout3 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

.CustomCodedWebsites1 {
	width:100%;
	opacity:0;
	display: block;
	position: absolute;
  	-webkit-animation:fadeinout ease-in-out 20s;
	-moz-animation:fadeinout ease-in-out 20s ;
    -o-animation:fadeinout ease-in-out 20s ;
    animation:fadeinout ease-in-out 20s ;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.CustomCodedWebsites2 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout2 ease-in-out 20s;
	-moz-animation:fadeinout2 ease-in-out 20s;
    -o-animation:fadeinout2 ease-in-out 20s;
    animation:fadeinout2 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.CustomCodedWebsites3 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout3 ease-in-out 20s;
	-moz-animation:fadeinout3 ease-in-out 20s;
    -o-animation:fadeinout3 ease-in-out 20s;
    animation:fadeinout3 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

.SearchEngineOptimizedWebsites1 {
	width:100%;
	opacity:0;
	display: block;
	position: absolute;
  	-webkit-animation:fadeinout ease-in-out 20s;
	-moz-animation:fadeinout ease-in-out 20s ;
    -o-animation:fadeinout ease-in-out 20s ;
    animation:fadeinout ease-in-out 20s ;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.SearchEngineOptimizedWebsites2 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout2 ease-in-out 20s;
	-moz-animation:fadeinout2 ease-in-out 20s;
    -o-animation:fadeinout2 ease-in-out 20s;
    animation:fadeinout2 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
.SearchEngineOptimizedWebsites3 {
	width:100%;
	opacity:0;
	display: block;
	position:absolute;
  	-webkit-animation:fadeinout3 ease-in-out 20s;
	-moz-animation:fadeinout3 ease-in-out 20s;
    -o-animation:fadeinout3 ease-in-out 20s;
    animation:fadeinout3 ease-in-out 20s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}