/*

Additional Styles

*/

/* Pull in Bootstrap's Stylesheet First */
@import url(css/bootstrap.css);
@import url(css/bootstrap-responsive.css);

/* ----------------- Our Additional Styles ------------------ */
body {
background-color:#01011b;
padding:0;
color:#01011b;
font-family:'Lato', Helvetica, Arial;
font-size:100%;
}

.center {
text-align:center;
}

.btm-pad {
padding-bottom:20px;
}

.navbar-fixed-top {
margin-bottom:0;
}

.navbar-inverse .brand {
color:#fff;
text-shadow:none;
}

.green {
color:#0a54c7;
}

.navbar-inverse .navbar-inner {
background-image:none;
padding:10px 0;
}

.navbar-inner .company,
.modal-header .company {
font-size:1.5em;
text-transform:uppercase;
font-family:'Lato', Helvetica, Arial;
font-weight:300;
color:#fff;
letter-spacing:-1px;
padding:8px 0 0;
margin:0;
}

.navbar-inner .tagline,
.modal-header .tagline {
font-size:.65em;
text-transform:uppercase;
font-family:'Lato', Helvetica, Arial;
font-weight:300;
color:#fff;
margin:0;
padding:0 0 0 5px;
}

.navbar-inner .shoutout {
font-size:1.5em;
font-family:'Lato', Helvetica, Arial;
font-weight:300;
color:#fff;
text-align:right;
margin:0;
padding:12px 0 0;
}

#wrapper {
background-color:#ddd;
background-image:url(img/light-4.png);
padding-bottom:30px;
}

.headline {
font-size:2.3em;
font-family:'Lato', Helvetica, Arial;
font-weight:700;
text-align:center;
margin:30px 0;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.testimonial {
font-family:Georgia, Arial;
font-style:italic;
color:#555;
margin:0;
font-size:.9em;
}

.test-name {
color:#2a85e8;
line-height:12px;
padding:0;
font-style:italic;
text-align:right;
margin:0 40px 0 0;
font-size:.8em;
}

.footer-inner {
background-color:#01011b;
color:#aaa;
font-size:11px;
padding:10px 0;
}

.footer-inner p {
margin:0;
}

.footer-inner ul {
list-style:none;
text-align:center;
margin:0;
}

.footer-inner ul li {
display:inline;
padding:0 10px;
border-left:1px #aaa solid;
}

.footer-inner ul li.first {
border-left:0;
}

.footer-inner a {
color:#aaa;
font-size:1em;
}

.modal-header {
background-color:#01011b;
text-align:center;
}

.modal-header .close {
color:#fff;
}


/* Opt-in Styles */
.optbox {
background-color:#01011b;
padding:30px 20px 10px;
text-align:center;
color:#fff;
height:337px;
}

.optcta {
font-family:'Lato', Helvetica, Arial;
font-weight:700;
font-size:2.4em;
}

.optbox input[type=text] {
border-radius:0;
color:#aaa;
height:50px;
width:70%;
}

.optbox input[type=submit] {
background-color:#0a54c7;
background-image:none;
border-radius:0;
border:0;
color:#fff;
text-shadow:none;
font-family:'Rokkitt', Georgia;
font-size:34px;
height:60px;
width:73%;
padding:0 6px;
}

.optbox input[type=submit]:hover {
background-color:#0e69f6;
transition: background-color .35s ease 0s;
}

/* Responsive Stuff */
@media (min-width: 768px) and (max-width: 979px) {
  .optbox {
    height:350px;
  }
  
  .optbox input[type=text] {
    width:80%;
  }

  .optbox input[type=submit] {
    width:85%;
  }
  
  .optcta {
    font-size:1.5em;
  }
}

@media (max-width: 767px) {
  .navbar-fixed-top .navbar-inner,
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  .navbar-fixed-top .navbar-inner {
    padding-right: 20px;
    padding-left: 40px;
  }
  
  .navbar-inner .shoutout {
    display:none;
  }
  
  .navbar-inner .company,
  .navbar-inner .tagline {
    text-align:center;
  }
  
  #wrapper {
    padding-top:0;
  }
  
  .optbox {
    height:370px;
    margin-top:20px;
  }
  
  .optbox input[type=text] {
    width:70%;
  }

  .optbox input[type=submit] {
    width:72%;
  }
}

@media (max-width: 480px) {
  .optbox input[type=text] {
    width:80%;
  }

  .optbox input[type=submit] {
    width:85%;
  }
  
  .optbox {
    height:370px;
  }
}