/*Page Fade In*/
.PageFadeIn{
	opacity:0;
	-webkit-animation: pagefadein 1s ease-in-out forwards;
	-moz-animation: pagefadein 1s ease-in-out forwards;
	-o-animation: pagefadein 1s ease-in-out forwards;
	-ms-animation: pagefadein 1s ease-in-out forwards;
	animation: pagefadein 1s ease-in-out forwards;
}
@keyframes pagefadein {
  0%{
	  opacity:0;
  }
  100% {
	  opacity:1;
  }
}

/*Page Header*/
.Letter{
	display: inline-block;
	margin-left:0px;
	overflow: hidden;
	opacity: 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: lettermove 0.5s forwards ease-in-out;
  -moz-animation: lettermove 0.5s forwards ease-in-out;
  -o-animation: lettermove 0.5s forwards ease-in-out;
  animation: lettermove 0.5s forwards ease-in-out;
}

@-webkit-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-moz-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@-o-keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}
@keyframes lettermove { 
	0% {opacity: 0;  -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	90% {opacity: 1; -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0);}
    100% {opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
}


@-webkit-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; } 
	40% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
	43% { border-image: linear-gradient(to bottom right, #f7941d, #a97b50, #a97b50, #3b2313, #3b2313) 1; }
	46% { border-image: linear-gradient(to bottom right, #fecd8f, #f7941d, #a97b50, #3b2313, #3b2313) 1; }
	49% { border-image: linear-gradient(to bottom right, #f7941d, #fecd8f, #f7941d, #a97b50, #3b2313) 1; }
	52% { border-image: linear-gradient(to bottom right, #a97b50, #f7941d, #fecd8f, #f7941d, #a97b50) 1; }
	55% { border-image: linear-gradient(to bottom right, #3b2313, #a97b50, #f7941d, #fecd8f, #f7941d) 1; }
	58% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #a97b50, #f7941d, #fecd8f) 1; }
	61% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #a97b50, #f7941d) 1; }
	64% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #a97b50) 1; }
	67% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #3b2313) 1; }
	100% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
}
@-moz-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; } 
	40% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
	43% { border-image: linear-gradient(to bottom right, #f7941d, #a97b50, #a97b50, #3b2313, #3b2313) 1; }
	46% { border-image: linear-gradient(to bottom right, #fecd8f, #f7941d, #a97b50, #3b2313, #3b2313) 1; }
	49% { border-image: linear-gradient(to bottom right, #f7941d, #fecd8f, #f7941d, #a97b50, #3b2313) 1; }
	52% { border-image: linear-gradient(to bottom right, #a97b50, #f7941d, #fecd8f, #f7941d, #a97b50) 1; }
	55% { border-image: linear-gradient(to bottom right, #3b2313, #a97b50, #f7941d, #fecd8f, #f7941d) 1; }
	58% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #a97b50, #f7941d, #fecd8f) 1; }
	61% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #a97b50, #f7941d) 1; }
	64% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #a97b50) 1; }
	67% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #3b2313) 1; }
	100% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
}
@-o-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; } 
	40% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
	43% { border-image: linear-gradient(to bottom right, #f7941d, #a97b50, #a97b50, #3b2313, #3b2313) 1; }
	46% { border-image: linear-gradient(to bottom right, #fecd8f, #f7941d, #a97b50, #3b2313, #3b2313) 1; }
	49% { border-image: linear-gradient(to bottom right, #f7941d, #fecd8f, #f7941d, #a97b50, #3b2313) 1; }
	52% { border-image: linear-gradient(to bottom right, #a97b50, #f7941d, #fecd8f, #f7941d, #a97b50) 1; }
	55% { border-image: linear-gradient(to bottom right, #3b2313, #a97b50, #f7941d, #fecd8f, #f7941d) 1; }
	58% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #a97b50, #f7941d, #fecd8f) 1; }
	61% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #a97b50, #f7941d) 1; }
	64% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #a97b50) 1; }
	67% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #3b2313) 1; }
	100% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
}
@keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; } 
	40% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
	43% { border-image: linear-gradient(to bottom right, #f7941d, #a97b50, #a97b50, #3b2313, #3b2313) 1; }
	46% { border-image: linear-gradient(to bottom right, #fecd8f, #f7941d, #a97b50, #3b2313, #3b2313) 1; }
	49% { border-image: linear-gradient(to bottom right, #f7941d, #fecd8f, #f7941d, #a97b50, #3b2313) 1; }
	52% { border-image: linear-gradient(to bottom right, #a97b50, #f7941d, #fecd8f, #f7941d, #a97b50) 1; }
	55% { border-image: linear-gradient(to bottom right, #3b2313, #a97b50, #f7941d, #fecd8f, #f7941d) 1; }
	58% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #a97b50, #f7941d, #fecd8f) 1; }
	61% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #a97b50, #f7941d) 1; }
	64% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #a97b50) 1; }
	67% { border-image: linear-gradient(to bottom right, #3b2313, #3b2313, #3b2313, #3b2313, #3b2313) 1; }
	100% { border-image: linear-gradient(to bottom, #a97b50, #a97b50, #3b2313, #3b2313, #3b2313) 1; }
}

@-webkit-keyframes borderbuttonmove { 
	0% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	10% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	50% { border-image: linear-gradient(to bottom right, #3282f2, #1c4a88, #173866) 1; }
	60% { border-image: linear-gradient(to bottom right, #1c4a88, #3282f2, #1c4a88) 1; }
	70% { border-image: linear-gradient(to bottom right, #173866, #1c4a88, #3282f2) 1; }
	80% { border-image: linear-gradient(to bottom right, #222e3b, #173866, #1c4a88) 1; }
	90% { border-image: linear-gradient(to bottom right, #173866, #222e3b, #173866) 1; }
	100% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; }
}
@-moz-keyframes borderbuttonmove { 
	0% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	10% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	25% { border-image: linear-gradient(to bottom right, #3282f2, #1c4a88, #173866) 1; }
	40% { border-image: linear-gradient(to bottom right, #1c4a88, #3282f2, #1c4a88) 1; }
	55% { border-image: linear-gradient(to bottom right, #173866, #1c4a88, #3282f2) 1; }
	70% { border-image: linear-gradient(to bottom right, #222e3b, #173866, #1c4a88) 1; }
	85% { border-image: linear-gradient(to bottom right, #173866, #222e3b, #173866) 1; }
	100% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; }
}
@-o-keyframes borderbuttonmove { 
	0% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	10% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	25% { border-image: linear-gradient(to bottom right, #3282f2, #1c4a88, #173866) 1; }
	40% { border-image: linear-gradient(to bottom right, #1c4a88, #3282f2, #1c4a88) 1; }
	55% { border-image: linear-gradient(to bottom right, #173866, #1c4a88, #3282f2) 1; }
	70% { border-image: linear-gradient(to bottom right, #222e3b, #173866, #1c4a88) 1; }
	85% { border-image: linear-gradient(to bottom right, #173866, #222e3b, #173866) 1; }
	100% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; }
}
@keyframes borderbuttonmove { 
	0% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	10% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; } 
	25% { border-image: linear-gradient(to bottom right, #3282f2, #1c4a88, #173866) 1; }
	40% { border-image: linear-gradient(to bottom right, #1c4a88, #3282f2, #1c4a88) 1; }
	55% { border-image: linear-gradient(to bottom right, #173866, #1c4a88, #3282f2) 1; }
	70% { border-image: linear-gradient(to bottom right, #222e3b, #173866, #1c4a88) 1; }
	85% { border-image: linear-gradient(to bottom right, #173866, #222e3b, #173866) 1; }
	100% { border-image: linear-gradient(to bottom right, #1c4a88, #173866, #222e3b) 1; }
}

/*Menu Button SVG*/
#MobileMenuButton{
	display:block;
	position: fixed;
	top:0;
	right:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin-top:19px;
	margin-right: 10px;
	z-index:600;
	color:#ea7900;
	fill:#ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#MobileMenuButton.stick{
	color:#ea7900;
	fill:#ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#MobileMenuButton2{
	display:block;
	position: fixed;
	top:0;
	left:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#000;
	fill:#000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton{
	display:block;
	position: fixed;
	top:0;
	right:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#000;
	fill:#000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton.stick{
	color:#ea7900;
	fill:#ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
#PhoneButton2{
	display:block;
	position: fixed;
	top:0;
	right:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#000;
	fill:#000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.menulinetop{
	-webkit-animation: menulineT 0.5s ease-in-out forwards;
	-moz-animation: menulineT 0.5s ease-in-out forwards;
	-o-animation: menulineT 0.5s ease-in-out forwards;
	-ms-animation: menulineT 0.5s ease-in-out forwards;
	animation: menulineT 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:90%;
}
@keyframes menulineT {
  0%{ width:90%; }
  100% { width: 90%; }
}
.menulinemiddle{
	-webkit-animation: menulineM 0.5s ease-in-out forwards;
	-moz-animation: menulineM 0.5s ease-in-out forwards;
	-o-animation: menulineM 0.5s ease-in-out forwards;
	-ms-animation: menulineM 0.5s ease-in-out forwards;
	animation: menulineM 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:0%;
}
@keyframes menulineM {
  0%{ width:0%; }
  100% { width: 60%; }
}
.menulinemiddlefull{
	-webkit-animation: menulineMfull 0.5s ease-in-out forwards;
	-moz-animation: menulineMfull 0.5s ease-in-out forwards;
	-o-animation: menulineMfull 0.5s ease-in-out forwards;
	-ms-animation: menulineMfull 0.5s ease-in-out forwards;
	animation: menulineMfull 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:40%;
}
@keyframes menulineMfull {
  0%{ width:60%; }
  100% { width: 100%; }
}
.menulinebottom{
	-webkit-animation: menulineB 0.5s ease-in-out forwards;
	-moz-animation: menulineB 0.5s ease-in-out forwards;
	-o-animation: menulineB 0.5s ease-in-out forwards;
	-ms-animation: menulineB 0.5s ease-in-out forwards;
	animation: menulineB 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:0%;
}
@keyframes menulineB {
  0%{ width:0%; }
  100% { width: 40%; }
}
.menulinebottomfull{
	-webkit-animation: menulineBfull 0.5s ease-in-out forwards;
	-moz-animation: menulineBfull 0.5s ease-in-out forwards;
	-o-animation: menulineBfull 0.5s ease-in-out forwards;
	-ms-animation: menulineBfull 0.5s ease-in-out forwards;
	animation: menulineBfull 0.5s ease-in-out forwards;
	animation-delay:0s;
	width:40%;
}
@keyframes menulineBfull {
  0%{ width:40%; }
  100% { width: 100%; }
}

/* Logo */
#ArchitectLogo {
	max-width:100px;
	display:inline;
}


.ArchitectLogomove{
	transform: translateX(-135px);
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: amove 1s ease-in-out forwards;
	-moz-animation: amove 1s ease-in-out forwards;
	-o-animation: amove 1s ease-in-out forwards;
	-ms-animation: amove 1s ease-in-out forwards;
	animation: amove 1s ease-in-out forwards;
}
@keyframes amove {
  0%{transform: translateX(-135px); fill: #ea7900;}
  100% {transform: translateX(0px); fill: #000000;}
}
.ArchitectLogomove-animation{
	transform: translateX(0px);
	fill-rule:evenodd;
	fill: transparent;
	stroke: transparent;
	stroke-width: 1.5px;
	stroke-dashoffset: 200%;
	stroke-dasharray: 200%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: amoveback 1s ease-in-out forwards;
	-moz-animation: amoveback 1s ease-in-out forwards;
	-o-animation: amoveback 1s ease-in-out forwards;
	-ms-animation: amoveback 1s ease-in-out forwards;
	animation: amoveback 1s ease-in-out forwards;
}
@keyframes amoveback {
  0%{transform: translateX(0px); fill: #000000;}
  100% {transform: translateX(-135px); fill: #ea7900;}
}
.ArchitectLogodraw{
	fill-rule:evenodd;
	fill: transparent;
	stroke: transparent;
	stroke-width: 1px;
	stroke-dashoffset: 200%;
	stroke-dasharray: 200%;
	-webkit-animation: draw 3s ease-in-out forwards;
	-moz-animation: draw 3s ease-in-out forwards;
	-o-animation: draw 3s ease-in-out forwards;
	-ms-animation: draw 3s ease-in-out forwards;
	animation: draw 3s ease-in-out forwards;
	opacity: 1;
}
.ArchitectLogodraw-animation{
	opacity: 0;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
}

@keyframes draw {
  0%{ stroke: #000000;
	  fill: transparent;
	  stroke-dashoffset: 200%;
  }
  25% {fill: transparent;
  }
	100% {
	  stroke: #000000;
	  fill: #000000;
	  stroke-dashoffset: 0;
  }
}
.logoginitiallettercolor{
	fill: #ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: logoletterscolormoving 1s ease-in-out forwards;
	-moz-animation: logoletterscolormoving 1s ease-in-out forwards;
	-o-animation: logoletterscolormoving 1s ease-in-out forwards;
	-ms-animation: logoletterscolormoving 1s ease-in-out forwards;
	animation: logoletterscolormoving 1s ease-in-out forwards;
}
@keyframes logoletterscolormoving {
  0%{fill: #ea7900;}
  100% {fill: #000000;}
}
.logoginitiallettercolor-animation{
	fill: #ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: logoletterscolormovingback 1s ease-in-out forwards;
	-moz-animation: logoletterscolormovingback 1s ease-in-out forwards;
	-o-animation: logoletterscolormovingback 1s ease-in-out forwards;
	-ms-animation: logoletterscolormovingback 1s ease-in-out forwards;
	animation: logoletterscolormovingback 1s ease-in-out forwards;
}
@keyframes logoletterscolormovingback {
  0%{fill: #000000;}
  100% {fill: #ea7900;}
}
.logoletterscolormove{
	fill: #ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.logoletterscolormove-animation{
	fill: #ea7900;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.logolinemove{
	fill: #ea7900;
	transform: translateX(-135px);
	transform: scaleY(100%);
	transform-origin: 50% 50%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-animation: logolinemoving 1s ease-in-out forwards;
	-moz-animation: logolinemoving 1s ease-in-out forwards;
	-o-animation: logolinemoving 1s ease-in-out forwards;
	-ms-animation: logolinemoving 1s ease-in-out forwards;
	animation: logolinemoving 1s ease-in-out forwards;
}
@keyframes logolinemoving {
	0%{transform: scaleY(100%) translateX(-135px);}
	10% {transform: scaleY(0%) translateX(-135px);}
	90% {transform: scaleY(0%) translateX(0px);}
	100% {transform: scaleY(100%) translateX(0px);}
}
.logolinemove-animation{
	-webkit-animation: logolinemovemove 1s ease-in-out forwards;
	-moz-animation: logolinemovemove 1s ease-in-out forwards;
	-o-animation: logolinemovemove 1s ease-in-out forwards;
	-ms-animation: logolinemovemove 1s ease-in-out forwards;
	animation: logolinemovemove 1s ease-in-out forwards;
}
@keyframes logolinemovemove {
	0%{transform: scaleY(100%) translateX(0px);}
	10% {transform: scaleY(0%) translateX(0px);}
	90% {transform: scaleY(0%) translateX(-135px);}
	100% {transform: scaleY(100%) translateX(-135px);}
}



/*Button Throb*/
@-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;
}


/*Image Slider/Fader*/
/* Animation for the slideshow images */
.architect-slideshow:after {
    content: '';
}
.architect-slideshow li {
	list-style:none;
	width: 100%;
    height: 100%;
    position: absolute;
}
.architect-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 50s linear infinite 0s;
    -moz-animation: imageAnimation 50s linear infinite 0s;
    -o-animation: imageAnimation 50s linear infinite 0s;
    -ms-animation: imageAnimation 50s linear infinite 0s;
    animation: imageAnimation 50s linear infinite 0s;
}
.architect-slideshow li:nth-child(1) span { 
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh1.jpg");
    background-position: center center;
}
.architect-slideshow li:nth-child(2) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh2.jpg");
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	-ms-animation-delay: 5s;
	animation-delay: 5s;
}
.architect-slideshow li:nth-child(3) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh3.jpg");
    background-position: center center;
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-o-animation-delay: 10s;
	-ms-animation-delay: 10s;
	animation-delay: 10s;
}
.architect-slideshow li:nth-child(4) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh4.jpg");
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
.architect-slideshow li:nth-child(5) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh5.jpg");
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-o-animation-delay: 20s;
	-ms-animation-delay: 20s;
	animation-delay: 20s;
}
.architect-slideshow li:nth-child(6) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh6.jpg");
	-webkit-animation-delay: 25s;
	-moz-animation-delay: 25s;
	-o-animation-delay: 25s;
	-ms-animation-delay: 25s;
	animation-delay: 25s;
}
.architect-slideshow li:nth-child(7) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh7.jpg");
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}
.architect-slideshow li:nth-child(8) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh8.jpg");
	-webkit-animation-delay: 35s;
	-moz-animation-delay: 35s;
	-o-animation-delay: 35s;
	-ms-animation-delay: 35s;
	animation-delay: 35s;
}
.architect-slideshow li:nth-child(9) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh9.jpg");
	-webkit-animation-delay: 40s;
	-moz-animation-delay: 40s;
	-o-animation-delay: 40s;
	-ms-animation-delay: 40s;
	animation-delay: 40s;
}
.architect-slideshow li:nth-child(10) span {
	background-image: url("../ArchitectPittsburgh/ArchitectureFirm/ArchitectPittsburgh10.jpg");
	-webkit-animation-delay: 45s;
	-moz-animation-delay: 45s;
	-o-animation-delay: 45s;
	-ms-animation-delay: 45s;
	animation-delay: 45s;
}

@-webkit-keyframes imageAnimation { 
	0% {opacity: 0; -webkit-animation-timing-function: ease-in;}
	2% {opacity: 1;	-webkit-animation-timing-function: ease-out;}
	23% {opacity: 1;}
	25% {opacity: 0;}
	50% {opacity:0;}
	100% {opacity: 0;}
}
@-moz-keyframes imageAnimation { 
	0% {opacity: 0; -moz-animation-timing-function: ease-in;}
	2% {opacity: 1; -moz-animation-timing-function: ease-out;}
	23% {opacity: 1;}
	25% {opacity: 0;}
	50% {opacity:0;}
	100% {opacity: 0;}
}
@-o-keyframes imageAnimation { 
	0% {opacity: 0; -o-animation-timing-function: ease-in;}
	2% {opacity: 1; -o-animation-timing-function: ease-out;}
	23% {opacity: 1;}
	25% {opacity: 0;}
	50% {opacity:0;}
	100% { opacity: 0;}
}
@keyframes imageAnimation { 
	0% {opacity: 0;}
	2% {opacity: 1;}
	15% {opacity: 1;}
	25% {opacity: 0;}
	50% {opacity:0;}
	100% { opacity: 0;}
}





 #stage {
    margin: 0;
    width: 100%;
    height: 100%;
	 position: fixed;
	 overflow: hidden;
  }

  #stage a {
    position: absolute;
	min-width: 100%;
    min-height: 100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center center;
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }