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


/*Page Header*/
#pagetitleheight{
	float: none;
	display: inline-block;
	padding: 20px;
	background-color:rgba(0,0,0,0);
	overflow: hidden;
	vertical-align: middle !important;
	-webkit-animation: pageheaderheightmove 0.7s forwards ease-in-out;
  -moz-animation: pageheaderheightmove 0.7s forwards ease-in-out;
  -o-animation: pageheaderheightmove 0.7s forwards ease-in-out;
  animation: pageheaderheightmove 0.7s forwards ease-in-out;
}

@-webkit-keyframes pageheaderheightmove { 
	0% { max-height: 0px; } 
	100% { max-height: 300px; }
}
@-moz-keyframes pageheaderheightmove { 
	0% { max-height: 0px; } 
	100% { max-height: 300px; }
}
@-o-keyframes pageheaderheightmove { 
	0% { max-height: 0px; } 
	100% { max-height: 300px; }
}
@keyframes pageheaderheightmove { 
	0% { max-height: 0px; } 
	100% { max-height: 300px; }
}


@-webkit-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; } 
	30% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 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, #1c4a88, #1c4a88, #3282f2) 1; }
	80% { border-image: linear-gradient(to bottom right, #173866, #173866, #1c4a88) 1; }
	
	100% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; }
}
@-moz-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; } 
	30% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 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, #1c4a88, #1c4a88, #3282f2) 1; }
	80% { border-image: linear-gradient(to bottom right, #173866, #173866, #1c4a88) 1; }
	
	100% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; }
}
@-o-keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; } 
	30% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 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, #1c4a88, #1c4a88, #3282f2) 1; }
	80% { border-image: linear-gradient(to bottom right, #173866, #173866, #1c4a88) 1; }
	
	100% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; }
}
@keyframes bordermove { 
	0% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 1; } 
	30% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 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, #1c4a88, #1c4a88, #3282f2) 1; }
	80% { border-image: linear-gradient(to bottom right, #173866, #173866, #1c4a88) 1; }
	
	100% { border-image: linear-gradient(to bottom, #1c4a88, #173866, #000000) 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; }
}


@-webkit-keyframes logofillanimation { 
	0% { background-position: 200% 200%; } 
	24% { background-position: 200% 200%; }
	96% { background-position: -50% -50%; }
	99.9% { background-position: -50% -50%; }
	100% { background-position: 200% 200%; }
}
@-moz-keyframes logofillanimation { 
	0% { background-position: 200% 200%; } 
	24% { background-position: 200% 200%; }
	96% { background-position: -50% -50%; }
	99.9% { background-position: -50% -50%; }
	100% { background-position: 200% 200%; }
}
@-o-keyframes logofillanimation { 
	0% { background-position: 200% 200%; } 
	24% { background-position: 200% 200%; }
	96% { background-position: -50% -50%; }
	99.9% { background-position: -50% -50%; }
	100% { background-position: 200% 200%; }
}
@keyframes logofillanimation { 
	0% { background-position: 200% 200%; } 
	24% { background-position: 200% 200%; }
	96% { background-position: -50% -50%; }
	99.9% { background-position: -50% -50%; }
	100% { background-position: 200% 200%; }
}



/*Menu Button SVG*/
#MobileMenuButton{
	display:block;
	position: fixed;
	top:0;
	left:0;
	width:40%;
	max-width:50px;
	padding:10px;
	margin:10px;
	z-index:600;
	color:#fff;
	fill:#fff;
	-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:#fff;
	fill:#fff;
	-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:#fff;
	fill:#fff;
	-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:#fff;
	fill:#fff;
	-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;
}
@keyframes menulineT {
  0%{ width:0%; }
  100% { width: 100%; }
}
.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;
}
@keyframes menulineM {
  0%{ width:0%; }
  100% { width: 60%; }
}
.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;
}
@keyframes menulineB {
  0%{ width:0%; }
  100% { width: 40%; }
}


/* Logo */
.LogoLetterUp{
	stroke: transparent;
	fill: #fff;
	opacity: 0;
	-webkit-animation: letterslideup 0.5s ease-in-out forwards;
	-moz-animation: letterslideup 0.5s ease-in-out forwards;
	-o-animation: letterslideup 0.5s ease-in-out forwards;
	-ms-animation: letterslideup 0.5s ease-in-out forwards;
	animation: letterslideup 0.5s ease-in-out forwards;
}
@keyframes letterslideup {
  0%{transform: translateY(40px); opacity: 0;}
  50%{opacity: 0;}
  100% {transform: translateY(0px); opacity: 1;}
}
.LivingSlideIn{
	fill-rule:evenodd;
	stroke-miterlimit: 10;
	stroke:transparent;
	fill: #fff;
	opacity: 0;
	-webkit-animation: wordslidein 0.5s ease-in-out forwards;
	-moz-animation: wordslidein 0.5s ease-in-out forwards;
	-o-animation: wordslidein 0.5s ease-in-out forwards;
	-ms-animation: wordslidein 0.5s ease-in-out forwards;
	animation: wordslidein 0.5s ease-in-out forwards;
}
@keyframes wordslidein {
  0%{transform: translateX(100px); opacity: 0;}
  50%{opacity: 0;}
  100% {transform: translateX(0px); opacity: 1;}
}
.LogoFade{
	opacity: 0;
	-webkit-animation: logofadeinanimation 0.5s ease-in-out forwards;
	-moz-animation: logofadeinanimation 0.5s ease-in-out forwards;
	-o-animation: logofadeinanimation 0.5s ease-in-out forwards;
	-ms-animation: logofadeinanimation 0.5s ease-in-out forwards;
	animation: logofadeinanimation 0.5s ease-in-out forwards;
}
@keyframes logofadeinanimation {
  0%{opacity: 0;}
  100% {opacity: 1;}
}
.LogoLine{
	fill-rule:evenodd;
	stroke-miterlimit: 10;
	stroke:#fff;
	stroke-width: 7px;
	fill: transparent;
	stroke-dashoffset: 350%;
	stroke-dasharray: 350%;
	-webkit-animation: linegrow 0.5s ease-in-out forwards;
	-moz-animation: linegrow 0.5s ease-in-out forwards;
	-o-animation: linegrow 0.5s ease-in-out forwards;
	-ms-animation: linegrow 0.5s ease-in-out forwards;
	animation: linegrow 0.5s ease-in-out forwards;
}
@keyframes linegrow {
  0%{stroke-dashoffset: 350%;}
  100% {stroke-dashoffset: 0;}
}


/* Underdecks Boards */
.underdeckboardclip {clip-path: url(#underdeckclippath);}
.clips {fill: none; stroke:none;}

.underdeckboard1{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.underdeckboard21{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.board1animation{
	-webkit-animation: underdeckboardmove 30s ease-in-out forwards;
	-moz-animation: underdeckboardmove 30s ease-in-out forwards;
	-o-animation: underdeckboardmove 30s ease-in-out forwards;
	-ms-animation: underdeckboardmove 30s ease-in-out forwards;
	animation: underdeckboardmove 30s ease-in-out forwards;
	transform-origin: center center;
	transform: translate(-1000px,1000px);
}
@keyframes underdeckboardmove {
	0%{transform: translate(-1000px,1000px)}
	2%{transform: translate(-40px,40px)}
	40%{transform: translate(30px,-30px)}
	65%{transform: translate(50px,-50px)}
	100% {transform: translate(-10px,10px)}
}
.underdeckboard2{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.underdeckboard22{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.board2animation{
	-webkit-animation: underdeckboardmoveother 30s ease-in-out forwards;
	-moz-animation: underdeckboardmoveother 30s ease-in-out forwards;
	-o-animation: underdeckboardmoveother 30s ease-in-out forwards;
	-ms-animation: underdeckboardmoveother 30s ease-in-out forwards;
	animation: underdeckboardmoveother 30s ease-in-out forwards;
	transform-origin: center center;
	transform: translate(1000px,-1000px);
}
@keyframes underdeckboardmoveother {
	0%{transform: translate(1000px,-1000px)}
	2%{transform: translate(50px,-50px)}
	35%{transform: translate(-0px,0px)}
	70%{transform: translate(-65px,65px)}
	100% {transform: translate(20px,-20px)}
}
.underdeckboard3{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.underdeckboard23{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.board3animation{
	-webkit-animation: underdeckboardmove3 30s ease-in-out forwards;
	-moz-animation: underdeckboardmove3 30s ease-in-out forwards;
	-o-animation: underdeckboardmove3 30s ease-in-out forwards;
	-ms-animation: underdeckboardmove3 30s ease-in-out forwards;
	animation: underdeckboardmove3 30s ease-in-out forwards;
	transform-origin: center center;
	transform: translate(-1000px,1000px);
}
@keyframes underdeckboardmove3 {
	0%{transform: translate(-1000px,1000px)}
	2%{transform: translate(-10px,10px)}
	40%{transform: translate(40px,-40px)}
	65%{transform: translate(20px,-20px)}
	100% {transform: translate(-20px,20px)}
}
.underdeckboard4{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.underdeckboard24{
	stroke:#222e3b;
	stroke-width: 2px;
	fill: #000;
	fill-opacity: 0.9;
}
.board4animation{
	-webkit-animation: underdeckboardmoveother4 30s ease-in-out forwards;
	-moz-animation: underdeckboardmoveother4 30s ease-in-out forwards;
	-o-animation: underdeckboardmoveother4 30s ease-in-out forwards;
	-ms-animation: underdeckboardmoveother4 30s ease-in-out forwards;
	animation: underdeckboardmoveother4 30s ease-in-out forwards;
	transform-origin: center center;
	transform: translate(1000px,-1000px);
}
@keyframes underdeckboardmoveother4 {
	0%{transform: translate(1000px,-1000px)}
	2%{transform: translate(70px,-70px)}
	35%{transform: translate(-20px,20px)}
	70%{transform: translate(-65px,65px)}
	100% {transform: translate(30px,-30px)}
}


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