/* Global Styling */

a {
	color:#2c7fd2;
	text-decoration:none;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

a:hover {
	color:#000000;
  text-decoration:none;
}

h1{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
	font-size:28px;
	line-height:36px;
	color:#2c7fd2;
}

h2{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
	font-size:24px;
	line-height:32px;
	color:#000000;
}

h3{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
  	font-size:52px;
  	line-height:60px;
	color:#2c7fd2;
	margin-bottom:-10px;
}

h4{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
	font-size:28px;
	line-height:36px;
	color:#ffffff;
}

h5{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
	font-size:18px;
	line-height:26px;
	color:rgba(255, 255, 255, 0.5);
}

h6{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  	font-weight: 300;
  	font-size:72px;
  	line-height:80px;
	color:#2c7fd2;
	margin-bottom:-10px;
	margin-top:-40px;
}

.logo{
	background:url(../img/fuisz-logo.png) 0 0 no-repeat;
	height:20px;
	width:60px;
	margin-top:15px;
  margin-left:15px;
}

.nav-text{
	font-size:12px;
	font-weight:bold;
}

.footer-logo{
	background:url(../img/fuisz-logo.png) 0 0 no-repeat;
	height:20px;
	width:60px;
	margin:30px auto;
}

.title{padding-top:20px; margin-bottom:-30px;}

.copy{margin:30px 0px 100px 0px;}

.stat{margin-top:55px;}

.jumbotron-hero {
    margin-bottom: 62px;
    position:relative;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.jumbotron-break-01 {
    margin-top: 70px;
    position:relative;
    background-image: url(../img/header-break-01.jpg);
    background-position:center;
    background-size: cover;
    height:479px;
    background-repeat: no-repeat;
    color: white;
}

.jumbotron-break-02 {
    margin-top: 80px;
    position:relative;
    background-image: url(../img/header-break-02.jpg);
    background-position:center;
    background-size: cover;
    height:690px;
    background-repeat: no-repeat;
    color: white;
}

.jumbotron-demo {
    margin-top: 80px;
    position:relative;
}

.jumbotron-platforms {
  position:relative;
  margin-top:80px;
  padding-top: 50px;
  padding-bottom: 30px;
  color: inherit;
  background-color: #2c7fd2;
}

.platform-pan{
  background: #2d7fd2 url(../img/platform-scroll.jpg) repeat-x;
  height:180px;
  -webkit-animation-name: masked-animation;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes masked-animation {
0% {background-position: left bottom;}
100% {background-position: right bottom;}
}

.date{
  font-weight:bold;
  color:#000000;
  font-size:12px;
  padding-top:12px;
  margin-bottom:-20px;
}


.jumbotron-contact {
    margin-bottom:-120px;
    position:relative;
    background-image: url(../img/header-contact.jpg);
    background-position:center;
    background-size: cover;
    padding-top:60px;
    margin-top:60px;
    background-repeat: no-repeat;
    color: white;
}

.contact{padding-bottom:24px;}

.btn-center{width:40%; display: block; height:100%; margin: 48px auto 50px auto; text-decoration:none;}

#footer {
  	height: 120px;
  	background-color: rgba(0, 0, 0, 0.8);
}

.footer-menu{
  font-weight:bold;
  font-size:12px;
  color:#fff;
  margin-top:40px;
}

.footer-menu a:hover{
  color:#fff;
}

@media (min-width: 320px) {
  h1.tagline{
  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-size:26px;
  line-height:34px;
  color:#ffffff;
  }
  .tag{
    position: absolute;
    top: 4em;
    width: 100%;
    z-index: 100;
  }
  .demo{
    position: absolute;
    top: 5em;
    width: 100%;
    z-index: 100;
  }
  .policies{
  padding:60px 30px 30px 30px;
}
}
@media (min-width: 768px) {
  h1.tagline{
  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-size:32px;
  line-height:40px;
  color:#ffffff;
  }
  .tag{
    position: absolute;
    top: 6em;
    width: 100%;
    z-index: 100;
  }
  .demo{
    position: absolute;
    top: 2.5em;
    width: 100%;
    z-index: 100;
  }
  .policies{
  padding:60px 30px 30px 30px;
}
}
@media (min-width: 992px) {
  h1.tagline{
  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-size:32px;
  line-height:40px;
  color:#ffffff;
  }
  .tag{
    position: absolute;
    top: 13em;
    width: 100%;
    z-index: 100;
  }
  .demo{
    position: absolute;
    top: 5em;
    width: 100%;
    z-index: 100;
  }
  .policies{
  padding:60px 30px 30px 30px;
}
}

.video-header{
  z-index:0;
  height:690px;
}

.video-demo{
  z-index:0;
  margin-bottom:200px;
}

.video-js {
    position:relative;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.mobile-header{
    position:relative;
    height:500px;
    z-index:0;
}

.video-js:-moz-full-screen {
    position: absolute;
}

.p2{
  padding:10px 0px 10px 0px;
}