/* Background */
/* Font Color */
/* Colors */
/* Horizontal line */
/*Main nav stuff*/
/* #3f629d */
/* Content Header stuff */
/* #3f629d */
/* Left nav menu stuff */
/* #3e82f9 */
/* Footer nav stuff */
/* Font Sizes */
.hero-image {
  background-image: url("../../../images/background/homepage_banner.jpg");
  background-size: 100% 100%; }

.hero {
  overflow: hidden; }
  .hero .hero-height {
    height: 100%;
    max-height: 1000px;
    width: 100%; }
    .hero .hero-height .text-wrapper {
      position: relative;
      text-align: left;
      width: 100%; }
      .hero .hero-height .text-wrapper .text-inner {
        padding: 10px 0px 30px; }
        .hero .hero-height .text-wrapper .text-inner h1 {
          color: white;
          font-size: 50px;
          font-weight: 700;
          letter-spacing: 0.05em;
          line-height: 62px;
          text-transform: uppercase; }
        .hero .hero-height .text-wrapper .text-inner h3 {
          color: white;
          font-size: 37px;
          font-weight: 100;
          letter-spacing: 0.05em;
          line-height: 49px;
          margin: 10px 0px;
          padding: 20px 0px;
          text-transform: none; }
        .hero .hero-height .text-wrapper .text-inner p {
          color: white;
          font-weight: 100;
          font-size: 18px;
          padding-top: 25px; }
  .hero .text-wrapper {
    position: absolute;
    text-align: center;
    width: 100%; }
    .hero .text-wrapper .text-inner {
      padding: 60px 0px 30px; }
      .hero .text-wrapper .text-inner h1 {
        color: #313131;
        font-size: 66px;
        /*font-size: 44px;*/
        /*font-weight: 100;*/
        font-weight: 800;
        text-transform: uppercase;
        /*letter-spacing: -.025em;*/
        letter-spacing: 0.05em;
        line-height: 64px;
        /*line-height: 38px;*/
        text-transform: uppercase; }
      .hero .text-wrapper .text-inner .hero-sub {
        padding-bottom: 30px; }
      .hero .text-wrapper .text-inner p {
        color: #c3c3c3; }
      .hero .text-wrapper .text-inner .hero-cta .call-to-action {
        padding-top: 50px; }
  .hero .text-inner-alt {
    text-align: left; }
    .hero .text-inner-alt h1 {
      color: white;
      font-size: 58px;
      font-weight: 200;
      line-height: 59px;
      letter-spacing: -.015em; }
    .hero .text-inner-alt h3 {
      color: white;
      font-size: 32px;
      font-weight: 200;
      line-height: 42px;
      padding-left: 30px;
      text-transform: none; }
    .hero .text-inner-alt .hero-sub {
      padding: 30px 0px 0px 30px;
      margin-bottom: 30px; }
    .hero .text-inner-alt p {
      color: #c3c3c3; }
    .hero .text-inner-alt img {
      width: 100%; }
    .hero .text-inner-alt .hero-cta .call-to-action {
      padding-top: 30px;
      width: 360px;
      text-align: center; }
      .hero .text-inner-alt .hero-cta .call-to-action a {
        background-color: orange;
        font-weight: 600; }
      .hero .text-inner-alt .hero-cta .call-to-action em {
        text-align: center; }
  .hero .content-container {
    padding: 6px 17px;
    position: relative;
    text-align: left;
    width: 100%;
    /*add a little extra margin to the main call to action button to line up with the smaller buttons above*/ }
    .hero .content-container a {
      text-decoration: none; }
    .hero .content-container .call-to-action > .btn-homepage {
      margin-left: 3px; }
    .hero .content-container .call-to-action .btn-homepage {
      font-size: 15px;
      line-height: 23px; }
    .hero .content-container .call-to-action em {
      color: #e6eaf4;
      display: block;
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 1px;
      margin-top: 10px; }
    .hero .content-container .call-to-action .glyphicon-lock {
      float: right;
      margin-right: 2px;
      top: 4px; }
    .hero .content-container .call-to-action .secure-text {
      float: right;
      font-size: 9px;
      line-height: 10px;
      margin-right: 12px;
      text-align: left; }

.hero__bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#008EE2), color-stop(70%, #0075BB));
  background: -webkit-linear-gradient(top, #008EE2 0%, #0075BB 70%);
  background: -o-linear-gradient(top, #008EE2 0%, #0075BB 70%);
  background: linear-gradient(to bottom, #008EE2 0%, #0075BB 70%); }

@media (max-width: 992px) {
  .hero-image {
    background-image: none; }
  .text-inner .hero-cta .call-to-action {
    padding-top: 0px; }
  .hero .text-inner-alt {
    padding: 0px;
    text-align: center; }
    .hero .text-inner-alt .hero-sub {
      padding: 0px; }
    .hero .text-inner-alt .hero-cta .call-to-action {
      width: 100%; }
    .hero .text-inner-alt img {
      width: 100%; } }