/**
 * WONNEMAR COLORS
 *
 * blue       #0375B9
 * darkblue   #26417D
 * yellow     #FFD024 (#F0BC00)
 * gold       #D7A355
 * mint       #6EC6B4
 * orange     #F38616
 * red        #E6332A
 * lightblue  #00B1EB
 */

@font-face {
  font-family: 'Poetsenone';
  src: url('../fonts/poetsenone-regular-webfont.eot');
  src: url('../fonts/poetsenone-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/poetsenone-regular-webfont.woff2') format('woff2'),
       url('../fonts/poetsenone-regular-webfont.woff') format('woff'),
       url('../fonts/poetsenone-regular-webfont.ttf') format('truetype'),
       url('../fonts/poetsenone-regular-webfont.svg#poetsenoneregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Asap';
  src: url('../fonts/asap-regular-webfont.eot');
  src: url('../fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/asap-regular-webfont.woff2') format('woff2'),
       url('../fonts/asap-regular-webfont.woff') format('woff'),
       url('../fonts/asap-regular-webfont.ttf') format('truetype'),
       url('../fonts/asap-regular-webfont.svg#asapregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Asap Bold';
  src: url('../fonts/asap-bold-webfont.eot');
  src: url('../fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/asap-bold-webfont.woff2') format('woff2'),
       url('../fonts/asap-bold-webfont.woff') format('woff'),
       url('../fonts/asap-bold-webfont.ttf') format('truetype'),
       url('../fonts/asap-bold-webfont.svg#asapbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.desktop body, .tablet body {
  background-color: #2c4b91;
  background-image: url('../images/background-2048.jpg');
  background-position: top center;
}

.mobile body {
  background-color: #fff;
  background-image: url('../images/background-1280.jpg');
  background-position: 0 40px;
  background-repeat: no-repeat;
}

body {
  font-family: 'Asap';
  font-size: 14px;
  line-height: 1.42857143;
  padding-bottom: 92px;
}

b {
  font-family: 'Asap Bold';
}

h1, h2, h3, h4 {
  font-family: 'Poetsenone';
}

.container-landingpage {
  color: #fff;
  margin-top: 60px;
}

  .container-landingpage h1, .container-landingpage h4 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  }

  .mobile .container-landingpage {
    margin-top: 30px;
  }

  .desktop .logo-landingpage, .tablet .logo-landingpage {
    background: url('../images/logo-slogan@2x.png') no-repeat;
    background-size: 100%;
    height: 154px;
    width: 160px;
    margin-bottom: 60px;
    float: left;
  }

.mobile .logo-landingpage {
  background: url('../images/logo@2x.png') no-repeat;
  background-size: 100%;
  height: 97px;
  margin: 0 auto;
  width: 100px;
}

.headline-landingpage {
  padding: 13px 0 0;
}

  .desktop .headline-landingpage, .tablet.landscape .headline-landingpage {
    margin-left: 60px;
    float: left;
  }

  .tablet.portrait .headline-landingpage {
    clear: both;
  }

  .mobile .headline-landingpage {
    text-align: center;
  }

  .headline-landingpage h1 {
    color: #FFD024;
  }

.nav-pills-landingpage {
  margin: 30px 0;
}

  .nav-pills-landingpage li {
    margin-bottom: 4px;
  }

  .nav-pills-landingpage a {
    background: #FFD024;
    color: #26417D;
    /*background: #fff;*/
    /*color: #26417D;*/
    padding: 15px 20px !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
  }

    .nav-pills-landingpage a:before {
      content: '\f105';
      font-family: 'FontAwesome';
      font-size: 18px;
      margin-top: -2px;
      position: absolute;
      right: 15px;
    }

    .nav-pills-landingpage a:hover, .nav-pills-landingpage a:focus {
      background: #F0BC00 !important;
      color: #26417D;
      /*background: #26417D !important;*/
      /*color: #fff;*/
    }

.footer {
  background: #18284D;
  bottom: 0;
  color: rgba(255 ,255 ,255 , .5);
  font-size: 12px;
  left: 0;
  padding-bottom: 10px;
  padding-top: 25px;
  position: fixed;
  right: 0;
}

  .footer a {
    color: rgba(255, 255, 255, .5);
  }

    .footer a:hover {
      color: rgba(255, 255, 255, .75);
      text-decoration: none;
    }

.modal-title {
  color: #26417d;
}

.modal-body {
  color: #4c4c4c;
}

  .modal-body a {
    color: #26417d;
  }

    .modal-body a:hover {
      color: #0375b9;
      text-decoration: none;
    }