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

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

}
/* -------------------------- VFM FONT ----------------------------- */
@font-face {
    font-family: 'vfm-font';
    src: url('fonts/vfm-font.eot');
    src: url('fonts/vfm-font.eot?#iefix') format('embedded-opentype'),
         url('fonts/vfm-font.woff') format('woff'),
         url('fonts/vfm-font.ttf') format('truetype'),
         url('fonts/vfm-font.svg#vfm-font') format('svg');
    font-weight: normal;
    font-style: normal;
}
.vfmi {
  font-family: 'vfm-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vfmi-king:before {
  content: "\e603";
}
.vfmi-typo:before {
  content: "\e600";
}
.vfmi-mark:before {
  content: "\e601";
}
.vfmi-logo:before {
  content: "\e602";
}

body { 
  padding-top: 50px; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, .btn-link, .hover{
  webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
a{
  color: #0193B7;
}
.hover:hover{
  background: #dbf0f5;
}
img{
  max-width: 100%;
  height: auto;
}
.h1, .h2, .h3, h1, h2, h3, .navbar{
      font-family: 'texgyreadventorregular', Helvetica, Arial, sans-serif;
      text-transform: uppercase;
}

blockquote{
  font-size: 1em;
}

.clear{
  clear: both;
}
.btn{
  border-radius: 0;
  padding: 10px 30px;
      font-family: 'texgyreadventorbold';
text-transform: uppercase;
}
.btn-default{
  background: none;
  border-radius: 0;
  border: 2px solid #fff;
  color: #fff;
}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover{
  background: #3bd2e4;
  border-color: #3bd2e4;
  color: #fff;
}
.btn-huge{
  font-size: 2em;
}
.stars{
  color: #f6dd13;
  text-align: center;
  margin-bottom: 10px;
}
.bigblock{
  float: left;
  clear: both;
  width: 100%;
  padding-top: 10px;
}
.sharemenu{
  margin: 0;
  padding: 0;
  padding-top: 2em;
}
.sharemenu li{
  display: inline-block;
}
.footer{
  width: 100%;
  clear: both;
  float: left;
  padding: 30px 0;
  background: #f8f8f8;
}

.header{
   background: url(images/superbg-sm.jpg) no-repeat left center #051218; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:300px; 
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  color: #fff;
}

.overlay{
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-box-shadow: inset 0 0 200px rgba(0,0,0,.8);
  box-shadow: inset 0 0 200px rgba(0,0,0,.8);
  background: rgba(0,20,30,0.7);
}


.claim{
  padding: 1em;
  position: absolute;
  text-align: center;
  z-index: 200;
 -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center; 
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.claim{
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}


.cover-heading{
    text-shadow: 1px 1px 1px #000000;
    font-size: 1.6em;
    font-family: 'texgyreadventorregular', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.4em;
}

.navbar-brand{
    font-size: 38px;
    padding: 6px 0;
    padding-left: 15px;
    line-height: 1;
    color: #081117;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a{
    color: #081117;
}

.navbar-default .navbar-nav > li > a:hover{
  background: #dbf0f5;
  color: #000;
}

.navbar{
  margin: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0px 2px 0 rgba(0,0,0,0.3);
}
.navbar-toggle {
    border: none;
    border-radius: 0;
    margin-bottom: 4px;
    margin-top: 6px;
    padding: 9px 10px;
}
.flex, .flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}
.panel-heading{
  font-size: 2.4em;
  line-height: 1;
  padding-top: 20px;
}

.panel-default .panel-heading{
    background: none;
    border: none;
}
.panel-heading h1, .panel-heading h2, .panel-heading h3{
  margin: 0;
}

.features .panel-heading{
  min-height: 140px;
  font-size: 3em;
}

@media (min-width: 750px) {
  .header{
    height: 480px; 
    background-image: url(images/superbg-md.jpg);
  }
  .cover-heading{
      text-shadow: 1px 1px 1px #000000;
      font-size: 2em;
  }

  .claim{
    right: 10%;
    left: 10%;
  }
  .bigblock{
    padding-top: 20px;
  }
}

@media (min-width: 970px) {
  .header{
    height: 580px; 
  }

  .cover-heading{
    text-shadow: 1px 1px 1px #000000;
    font-size: 3em;
  }

  .claim{
    right: 15%;
    left: 15%;
  }

  .bigblock{
    padding-top: 30px;
  }
  .panel-heading, .features .panel-heading{
    font-size: 3.2em;
  }
}

@media (min-width: 1170px) {
  .header{
    height: 650px; 
    background-image: url(images/superbg-lg.jpg);
  }
  .cover-heading{
        text-shadow: 1px 1px 1px #000000;
        font-size: 4em;
  }
  .btn-huge{
    font-size: 3em;
  }
  .h2, h2{
        margin-bottom: 20px;
        margin-top: 10px;
  }
  .h1, h1{
        margin-bottom: 30px;
        margin-top: 10px;
  }
  .panel-heading, .features .panel-heading{
    font-size: 4em;
  }

  .bigblock{
    padding-top: 50px;
  }

}