/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
 *
 *
*/

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

@font-face {
  font-family: 'MetaBlack';
  src: url('./fonts/MetaBlackLf-Roman.eot');
  src: url('./fonts/MetaBlackLf-Roman.eot') format('embedded-opentype'),
       url('./fonts/MetaBlackLf-Roman.ttf') format('truetype');
}

@font-face {
  font-family: 'Meta';
  src: url('./fonts/MetaBold-Italic.eot');
  src: url('./fonts/MetaBold-Italic.eot') format('embedded-opentype'),
       url('./fonts/MetaBold-Italic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Meta';
  src: url('./fonts/MetaBoldLF-Roman.eot');
  src: url('./fonts/MetaBoldLF-Roman.eot') format('embedded-opentype'),
       url('./fonts/MetaBoldLF-Roman.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Meta';
  src: url('./fonts/MetaWebPro-Normal.eot');
  src: url('./fonts/MetaWebPro-Normal.eot') format('embedded-opentype'),
       url('./fonts/MetaWebPro-Normal.woff') format('woff');
}

@font-face {
  font-family: 'Stag-Light';
  src: url('../fonts/stag/Stag-Light-Web.eot');
  src: url('../fonts/stag/Stag-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/stag/Stag-Light-Web.woff') format('woff'),
     url('../fonts/stag/Stag-Light-Web.ttf') format('truetype'),
     url('../fonts/stag/Stag-Light-Web.svg#Stag Web') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag-Bold';
  src: url('../fonts/stag/Stag-Bold-Web.eot');
  src: url('../fonts/stag/Stag-Bold-Web.eot?#iefix') format('embedded-opentype'),
     url('../fonts/stag/Stag-Bold-Web.woff') format('woff'),
     url('../fonts/stag/Stag-Bold-Web.ttf') format('truetype'),
     url('../fonts/stag/Stag-Bold-Web.svg#Stag Web') format('svg');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}


body {
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
}

.header-bar {
  width: 100%;
  background-color: white;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  color: #cccccc;
  letter-spacing: 0.05em;
  padding-top: 5px;
  padding-bottom: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  border-bottom: 5px solid #cccccc;
}

.animate {
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, transform 0.1s ease;
  transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
}

.in-viewport .animate {
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}

.in-viewport .delay-1 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.in-viewport .delay-2 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.in-viewport .delay-3 {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.in-viewport .delay43 {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.fadein {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.in-viewport .fadein {
  opacity: 1;
}

.elevate {
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.in-viewport .elevate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#site-ad-video-container {
  position: relative;
}

#site-ad-video-poster {
  position: absolute;
  z-index: 100;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
}

#site-ad-video-poster .show-after-video,
#site-ad-video-poster .show-before-video {
  z-index: 1000;
}

#site-ad-video-poster.slide .show-after-video {
  right: 0;
}

#site-ad-video-poster .show-after-video {
  right: -470px;
}

#site-ad-video-poster.before-video .show-after-video {
  display: none;
}

#site-ad-video-poster.after-video .show-before-video {
  display: none;
}

.video-control-btn {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 1;
}

.video-js:hover .video-control-btn {
  opacity: 0.5;
}

.video-js .video-control-btn:hover {
  cursor: pointer;
  opacity: 1;
}

.video-js.vjs-playing.hide-controls .video-control-btn {
  opacity: 0;
}

.video-js.vjs-playing .play-btn {
  display: none;
}

.video-js.vjs-paused .pause-btn {
  display: none;
}

.fullscreen-btn {
  top: calc(50% - 50px);
  left: calc(50% + 22px);
}

.pause-btn, .play-btn {
  top: calc(50% - 50px);
  right: calc(50% + 22px);
}

.close-btn {
  top: 0;
  right: 0;
}

.mute-btn, .unmute-btn {
  bottom: 0;
  right: 0;
  width: 35px;
  margin: 30px;
  height: 35px;
}

.unmute-btn {
  opacity: 0.5 !important;
}

.unmute-btn:hover, .mute-btn:hover {
  opacity: 1 !important;
}

a {
  text-decoration: none;
}

/* Preferred width and height for the element must also be set for this to work */
.absolute-center {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}