/**
 * @license
 * MyFonts Webfont Build ID 3204727, 2016-04-15T10:46:13-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: LeituraDisplay-Roman by DSType
 * URL: http://www.myfonts.com/fonts/dstype/leitura-display/roman/
 * Copyright: Copyright (c) 2007 by Dino dos Santos _DSType. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3204727
 * 
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'LeituraDisplay-Roman';
  src: url('/webfonts/30E677_0_0.eot');
  src: url('/webfonts/30E677_0_0.eot?#iefix') format('embedded-opentype'), url('/webfonts/30E677_0_0.woff2') format('woff2'), url('/webfonts/30E677_0_0.woff') format('woff'), url('/webfonts/30E677_0_0.ttf') format('truetype');
}
body {
  font-family: "roboto", sans-serif;
  padding-bottom: 0;
  color: #333;
}
a {
  color: #59ff00;
}
a:hover {
  color: #999;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
}
a:focus {
  color: inherit;
  text-decoration: none;
}
/* Style the video: 100% width and height to cover the entire window */
  #myVideo {
  position: fixed;
  right: 5;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  -webkit-opacity: 0.5;
}
.navbar-inverse .navbar-brand img {
  width: 150px;
}
.footer .navbar-brand {
  padding: 0 20px 0 0;
}
.footer .navbar-brand img {
  width: 150px;
}
.marketing,
.services,
.about,
.content-main {
  padding: 50px 15px 70px 15px;
  color: #000;
}
.marketing h2,
.services h2,
.about h2,
.content-main h2 {
  font-size: 2.4em;
  font-family: "Lato", sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-weight: 600;
}
.marketing p,
.services p,
.about p,
.content-main p {
  line-height: 170%;
  font-size: 1.1em;
}
.services ul li {
  margin-bottom: 15px;
}
.btn {
  font-family: "roboto", sans-serif;
}
.btn.altcolor {
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: .5em;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.featurette .btn.altcolor {
  font-size: 0.8em;
  font-weight: bold;
}
.featurette.even a:focus {
  color: #ff4779;
}
.featurette.even .btn.altcolor {
  border: 2px solid #000;
  color: #000;
}
.featurette.odd {
  background-color: #59ff00;
}
.featurette.odd hr.header-decoration {
  border: 2px solid #59ff00;
  width: 35px;
  margin: 15px auto 15px 0;
}
.featurette.odd p,
.featurette.odd h2 {
  color: #000;
}
.featurette.odd p .pink-link,
.featurette.odd h2 .pink-link {
  color: #000;
  opacity: .5;
}
.featurette hr.header-decoration {
  border: 2px solid #59ff00;
  width: 35px;
  margin: 15px auto 15px 0;
}
.featurette .row .col-md-6 {
  padding: 0;
}
.featurette .row .lead {
  font-size: 1.1em;
  line-height: 150%;
}
.featurette .row .content {
  padding: 20px 50px;
}
.featurette .subhead span {
  text-transform: uppercase;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.featurette-heading {
  font-family: "LeituraDisplay-Roman", serif;
  font-weight: 800;
  font-size: 1.8em;
  text-rendering: optimizeLegibility;
  line-height: 125%;
  letter-spacing: 0.6px;
  margin-bottom: .2em;
}
.marketing hr.header-decoration,
.services hr.header-decoration,
.about hr.header-decoration,
.content-main hr.header-decoration {
  border: 2px solid #59ff00;
  width: 70px;
  margin: 15px auto 40px auto;
}
.navbar-inverse .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.navbar-inverse .navbar-nav > li > a {
  color: #59ff00;
}
.navbar-wrapper {
  margin: 0;
}
.navbar-wrapper .navbar {
  padding-top: 10px;
  font-size: 1.1em;
  border-radius: 0;
}
.navbar-wrapper .navbar .navbar-nav {
  padding-top: 5px;
}
.navbar-wrapper .navbar h1 {
  margin: 0;
}
.navbar-wrapper .navbar h1 span {
  margin-left: -9999em;
}
.navbar-inverse {
  background: none;
  border: none;
}
.navbar-toggle {
  padding-top: 13px;
  border: none;
}
.subpage .navbar {
  background-color: #000;
  padding-bottom: 10px;
}
.carousel-indicators {
  display: none;
}
.carousel {
  height: 600px;
  margin-bottom: 0;
}
.carousel .item {
  height: 600px;
  background: #402d32;
}
.carousel-inner > .item > img {
  max-width: none;
  height: 600px;
}
.carousel-caption {
  text-shadow: none;
}
.carousel-caption img {
  margin-bottom: 40px;
}
.carousel-caption p {
  font-family: "LeituraDisplay-Roman", serif;
  font-weight: 400;
  font-size: 3.2em;
  letter-spacing: 0.6px;
  text-rendering: optimizeLegibility;
  line-height: 110%;
  max-width: 900px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}
.carousel-caption p:first-of-type {
  margin-bottom: 40px;
}
.carousel-caption .social {
  margin-bottom: 40px;
}
.carousel-caption .social a {
  margin-right: 15px;
}
.carousel-caption .social a:last-child {
  margin: 0;
}
.carousel-caption .social .fa {
  font-size: 1.4em;
  color: #fff;
}
.carousel-caption .scroll-arrow {
  font-size: 3em;
}
.carousel-caption .scroll-arrow a {
  color: #fff;
}
.carousel-caption .btn {
  font-size: 1em;
  margin: 0 5px 15px;
  width: 170px;
}
.marketing .steps {
  font-weight: normal;
}
.marketing .steps img {
  margin-bottom: 20px;
  max-height: 140px;
}
.marketing .steps .col-lg-3 {
  margin: 0;
  padding: 0 20px 30px 20px;
  text-align: center;
}
.services,
.about {
  background-color: #f4f4f4;
}
.content-main {
  margin-top: 50px;
}
section.footer {
  position: relative;
  color: #999;
  padding: 30px 0;
  background-color: #b5b5b5;
}
section.footer .nav {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px 0;
}
section.footer .nav a {
  margin-right: 20px;
}
section.footer .social {
  font-size: 1.8em;
}
section.footer .social a {
  color: #999;
}
section.footer .social i {
  margin-right: 15px;
}
section.footer .copyright {
  display: inline-block;
  font-size: 0.8em;
  width: 100%;
}
section.footer .madeby {
  bottom: -2px;
  cursor: pointer;
  font-size: 0.8em;
  height: 20px;
  position: absolute;
  right: 30px;
  width: 136px;
}
section.footer .madeby-logo {
  background: rgba(255, 255, 255, 0.1);
  opacity: .5;
  position: absolute;
  right: -8px;
  top: 0px;
  transition: all .2s;
  width: 60px;
}
section.footer .madeby-text,
section.footer .madeby-hello {
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 2px;
  transition: all .2s;
}
section.footer .madeby-hello {
  opacity: 0;
  top: -20px;
}
section.footer .madeby:hover .madeby-text {
  opacity: 0;
  top: 20px;
}
section.footer .madeby:hover .madeby-hello {
  opacity: 1;
  top: 0;
}
section.footer .madeby:hover .madeby-logo {
  opacity: 1;
}
section.footer .container {
  padding: 0 30px;
  position: relative;
}
.sticky-anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}
@media (min-width: 768px) {
  section.footer .nav {
    float: left;
    width: auto;
    margin: 8px 0 0 0;
  }
  section.footer .social {
    float: right;
    font-size: 1.8em;
  }
  section.footer .social i {
    margin-right: 0;
    margin-left: 15px;
  }
  section.footer .social a {
    color: #999;
  }
  section.footer .container {
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .marketing .steps .col-lg-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    background: 0 25% url("images/01_Hero.jpg") no-repeat;
    
  }
  .marketing .steps .col-lg-3:first-of-type {
    background-image: none;
  }
  .marketing .steps .col-lg-3 img {
    max-height: 100px;
  }
  .services .container p,
  .about .container p {
    width: 60%;
    margin: 0 auto 20px;
    text-align: center;
  }
  .services .container p:last-child,
  .about .container p:last-child {
    margin-bottom: 0;
  }
  .services-list {
    width: 55%;
    margin: 0 auto;
  }
  .services ul {
    width: 45%;
    float: left;
  }
  .services ul:first-child {
    width: 40%;
    margin: 0 10% 0 5%;
  }
  .services,
  .about,
  .marketing {
    padding: 20px 0 30px 0;
  }
  .content-main .container {
    padding: 0 100px;
  }
  .featurette.odd {
    text-align: right;
  }
  .featurette.odd hr.header-decoration {
    margin: 15px 0 15px auto;
  }
  .featurette-heading {
    margin-top: 57px;
  }
}
@media (min-width: 1450px) {
  .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
    max-width: 100%;
  }
}
@media (max-width: 1400px) {
.carousel-caption .social {
  margin-bottom: -10px;
}

  .content-main .container {
    padding: 0 150px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .featurette .container {
    width: auto;
    top: 40px;
  }
  .featurette .row .content {
    padding: 20px 15px;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
  }
}
@media (max-width: 992px) {
  .carousel-inner > .item > img {
    left: -25%;
  }
}
@media (max-width: 768px) {
  .carousel-inner > .item > img {
    left: -50%;
  }
  .carousel,
  .carousel .item,
  .carousel-inner > .item > img {
    height: 570px;
  }
  .navbar .nav {
    background-color: #000;
    padding-bottom: 10px;
  }
  .featurette .row .content {
    padding-left: 30px;
    padding-right: 30px;
  }
  section.footer .madeby {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 10px;
  }
}
@media (max-width: 700px) {
  .carousel-inner > .item > img {
    left: -180%;
  }
}