@charset "utf-8";
html, body {
  height: 100%;

}
html {}
body {background: #000; padding:0; margin:0; font-family: 'Open Sans', sans-serif; font-size:17px; color:#fff; line-height:1.2; }

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

#home-holder {
  height: 100%;
  position:relative;
}

#home-nav {position:absolute; top:0; left:0; right:0; margin:0; padding:0; height:71px; background:url(../images/home-nav.png);}
#home-nav ul {margin:0; padding:0; list-style:none; text-align:center; max-width:580px; margin:0 auto;}
#home-nav ul li {margin:0; padding:0; display:inline-block; text-align:center; width:33%; margin-right: -4px;}
#home-nav ul li a {margin:0; display:inline-block; font-size:16.5px; color:#fff; padding:20px 16px;}
#home-nav ul li a:after {content: " "; display:block; width:50px; border-bottom:5px #fff solid; margin:0 auto; margin-top:10px;}
#home-nav ul li:first-child  {text-align:left;}
#home-nav ul li:last-child  {text-align:right;}




div.vertical-center {
  position: absolute;

  top: 50%;
  transform: translate(0, -50%);
  
  /*
  This doesn't work
  margin-left: -25%;
  margin-top: -25%;
  */
  





}

#home-container {
	background:rgb(16,30,41);
	background:rgba(16,30,41,0.8);
	position:relative;
	width:100%;
}

#home-text {padding:30px 16px 13px 16px; max-width:1200px; margin:0 auto; text-align:center;}
#home-text h1 {margin:0 0 20px 0; padding:0; text-align:center;}
#home-text h1 img {width:100%; max-width:686px; height:auto;}
#home-text p {margin:0 0 20px 0; padding:0; font-size:15px; line-height:20px; text-align:center; letter-spacing: -.5px;}
#home-text a {text-decoration:underline; color: #fff;}

#home-learnmore {display:inline-block; height:34px; line-height:34px; color:#fff; font-size:15.5px; text-decoration:none; background:#ff5722; text-align:center; padding:0 15px; margin:0 auto; max-width:180px;}
#home-learnmore {text-decoration: none !important;}

#home-social {position:absolute; left:0; right:0; bottom:-115px; text-align:center;}
#home-social a {display:inline-block; margin:0 16px;}

#home-container .presslink {color: #fff; text-decoration: underline;}
#home-container .presslink {color: #fff; text-decoration: underline;}

#home-container #presstext2 br {display: default;}
#home-container #presstext3 br {display: default;}

#bannertext {min-height: 36px;  text-align:center; font-weight:700; color:#fff;  background-color: rgba(8, 50, 83, 0.8); padding: 11px 22px; position:absolute; left:0; right:0; top: 10%;margin: 10px;display: inline-block;font-size: 14px;}
#bannertext a {text-decoration: underline;}


#bannertext a{
    -webkit-animation: color-change 8s infinite;
    -moz-animation: color-change 8s infinite;
    -o-animation: color-change 8s infinite;
    -ms-animation: color-change 8s infinite;
    animation: color-change 8s infinite;
}

@-webkit-keyframes color-change {
    0% { color: #ff5722; }
    25% { color: #ff5722; }
    50% { color: white; }
    75% { color: #ff5722; }
    100% { color: #ff5722; }
}
@-moz-keyframes color-change {
    0% { color: #ff5722; }
    25% { color: #ff5722; }
    50% { color: white; }
    75% { color: #ff5722; }
    100% { color: #ff5722; }
}
@-ms-keyframes color-change {
    0% { color: #ff5722; }
    25% { color: #ff5722; }
    50% { color: white; }
    75% { color: #ff5722; }
    100% { color: #ff5722; }
}
@-o-keyframes color-change {
    0% { color: #ff5722; }
    25% { color: #ff5722; }
    50% { color: white; }
    75% { color: #ff5722; }
    100% { color: #ff5722; }
}
@keyframes color-change {
    0% { color: #ff5722; }
    25% { color: #ff5722; }
    50% { color: white; }
    75% { color: #ff5722; }
    100% { color: #ff5722; }
}

#presstext2 {height: 30px; margin:0; text-align:center; font-weight:400; color:#fff; font-size: 12px; background-color: rgba(16,30,41,0.8); padding: 1px 3px; position:absolute; left:0; right:0; bottom:-36px;}
#presstext3 {height: 20px;  text-align:center; font-weight:400; color:#fff; font-size: 12px; background-color: rgba(16,30,41,0.8); padding: 3px 3px; position:absolute; left:0; right:0; bottom:-67px;margin: 0;}

#pgv-footer {position:fixed; bottom:-18px; left:0; right:0; background: none; color: #fff; font-weight: 600;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); padding: 0 0 5px 0; text-align: center; font-size: 11px;}
#pgv-footer br {display: inline;}
#pgv-footer {display: none;}


/* Media Queries */
@media only screen and (min-width: 375px) { 
#home-social {bottom:-115px;}
#pgv-footer {display: inline;}
#bannertext {font-size: 16px; line-height: 22px;}


}
@media only screen and (min-width: 480px) {
#home-text {padding:30px 16px 20px 16px;}
#home-text p {font-size:19px; line-height:28px;}
#home-learnmore {height:38px; line-height:38px; font-size:18px; padding:0 24px; margin:0 auto;}
#home-container #presstext {font-size: 18px;}
#home-text p {margin:0 0 20px 0;}
#home-text {padding:30px 16px 26px 16px;}
#home-container #presstext {padding: 8px 0 30px 0;}
#pgv-footer {font-size: 13px;}


}

@media only screen and (min-width: 600px) {
#bannertext {font-size: 18px; line-height: 22px;}
}

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

}


@media only screen and (min-width: 768px) {
#presstext2 {height: 24px; bottom:-34px;}
#presstext2 {height: 24px;}

#home-nav ul li a {font-size:22px; color:#fff; padding:20px 16px;}
#home-text p {font-size:22px;}
#home-learnmore {height:43px; line-height:43px; font-size:20px; padding:0 24px; margin:0 auto;}

#home-social {position:absolute; left:0; right:0; bottom:-115px; text-align:center;}
#home-container #presstext2 {font-size: 17px;}
#home-container #presstext2 br {display: none;}
#home-container #presstext3 {font-size: 17px;}
#home-container #presstext3 br {display: none;}
#pgv-footer br {display: none;}
#pgv-footer {position:fixed; bottom:0; left:0; right:0;}



}


@media only screen and (min-width: 865px) {
#bannertext {font-size: 20px; line-height: 32px;}

}

@media only screen and (min-width: 960px) {
#home-container #presstext {font-size: 24px;}
#home-social {position:absolute; left:0; right:0; bottom:-115px;}



}

@media only screen and (min-width: 1024px) {
#home-text p {margin:0 0 40px 0;}
#home-social {position:absolute; left:0; right:0; bottom:-130px;}
}

@media only screen and (min-width: 1280px) {
#home-text p {font-size:24px; line-height:32px;}
}

@media only screen and (min-width: 1600px) {
#home-text p {font-size:30px; line-height:40px;}
}