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

@font-face {
    font-family: 'Paperback 9';
    src:  url('../fonts/PB9-Roman.eot');
    src: local('☺'),
    url('../fonts/PB9-Roman.eot') format('embedded-opentype'),
    url('../fonts/PB9-Roman.ttf') format('truetype'),
    url('../fonts/PB9-Roman.woff') format('woff'),
    url('../fonts/PB9-Roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Paperback 9';
    src:  url('../fonts/PB9-Bold.eot');
    src: local('☺'),
    url('../fonts/PB9-Bold.eot') format('embedded-opentype'),
    url('../fonts/PB9-Bold.ttf') format('truetype'),
    url('../fonts/PB9-Bold.woff') format('woff'),
    url('../fonts/PB9-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Paperback 9';
    src:  url('../fonts/PB9-Italic.otf');
    src: local('☺'),
    url('../fonts/PB9-Italic.eot') format('embedded-opentype'),
    url('../fonts/PB9-Italic.ttf') format('truetype'),
    url('../fonts/PB9-Italic.woff') format('woff'),
    url('../fonts/PB9-Italic.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Trade Gothic 20';
    src:  url('../fonts/TradeGothicLTStd-BdCn20.otf');
    src: local('☺'),
    url('../fonts/TradeGothicLTStd-BdCn20.eot') format('embedded-opentype'),
    url('../fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'),
    url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'),
    url('../fonts/TradeGothicLTStd-BdCn20.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trade Gothic 20';
    src:  url('../fonts/TradeGothicLTStd-BdCn20Obl.otf');
    src: local('☺'),
    url('../fonts/TradeGothicLTStd-BdCn20Obl.eot') format('embedded-opentype'),
    url('../fonts/TradeGothicLTStd-BdCn20Obl.ttf') format('truetype'),
    url('../fonts/TradeGothicLTStd-BdCn20Obl.woff') format('woff'),
    url('../fonts/TradeGothicLTStd-BdCn20Obl.svg') format('svg');
    font-weight: normal;
    font-style: oblique;
}

@font-face {
    font-family: 'Trade Gothic 18';
    src:  url('../fonts/TradeGothicLTStd-Cn18.otf');
    src: local('☺'),
    url('../fonts/TradeGothicLTStd-Cn18.eot') format('embedded-opentype'),
    url('../fonts/TradeGothicLTStd-Cn18.ttf') format('truetype'),
    url('../fonts/TradeGothicLTStd-Cn18.woff') format('woff'),
    url('../fonts/TradeGothicLTStd-Cn18.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trade Gothic 18';
    src:  url('../fonts/TradeGothicLTStd-Cn18Obl.otf');
    src: local('☺'),
    url('../fonts/TradeGothicLTStd-Cn18Obl.eot') format('embedded-opentype'),
    url('../fonts/TradeGothicLTStd-Cn18Obl.ttf') format('truetype'),
    url('../fonts/TradeGothicLTStd-Cn18Obl.woff') format('woff'),
    url('../fonts/TradeGothicLTStd-Cn18Obl.svg') format('svg');
    font-weight: normal;
    font-style: oblique;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
  content: "\f030";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.featured-video .arve-wrapper {
  max-width: 100% !important;
}

.gallery {
  width: 100%;
  margin-bottom: 40px;
}

.gallery__anchor {
  position: relative;
  top: -60px;
}

.gallery__stage {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.gallery__stage-wrapper {
  height: 70px;
  position: relative;
  margin: 0 40px;
}

.gallery__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gallery__post {
  -ms-flex-order: 1;
      order: 1;
}

.gallery__post a {
  color: #000000;
  text-decoration: none;
}

.gallery__featured {
  width: 100%;
  height: 400px;
  background: #000000;
  position: relative;
  margin-bottom: 20px;
}

.gallery__featured-container {
  position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
}

.gallery__featured-container--new.is-active {
  animation: fadeIn 1s;
  animation-fill-mode: forwards;
}

.gallery__featured-container--old {
  opacity: 1;
  transition: opacity 1s;
}

.gallery__featured-container--old.is-active {
  opacity: 0;
}

.gallery__arrow {
  position: absolute;
  top: calc(50% - 30px);
  font-size: 40px;
}

.gallery__arrow--left {
  padding: 0 10px;
  left: -40px;
}

.gallery__arrow--right {
  padding: 0 10px;
  right: -40px;
}

.gallery__featured img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.gallery__carousel {
  position: relative;
  padding: 0 30px;
}

.gallery__nav {
  position: absolute;
  left: 0;
  transition: left 0.5s;
}

.gallery__nav ol {
  padding: 0;
  margin: 0;
}

.gallery__nav li {
  list-style: none;
  display: inline-block;
}

.gallery__nav img {
  width: auto;
  height: 70px;
  display: inline-block;
}

.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  user-drag: none;
}

.gallery__featured-arrow {
  position: absolute;
  z-index: 10;
  font-size: 60px;
  color: #fff;
  cursor: pointer;
  padding: 20px 40px;
  opacity: 0.2;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
  transition: opacity 0.5s;
  top: calc(50% - 60px);
}

.gallery__featured-arrow:hover {
  opacity: 0.8;
}

.gallery__featured-arrow--right {
  right: 0;
}

.gallery__featured-arrow--left {
  left: 0;
}

@media screen and (min-width: 768px) {

  .gallery__featured {
    height: 668px;
  }

  .gallery__info {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .gallery__info > * {
    -ms-flex: 1;
        flex: 1;
  }

  .gallery__post {
    -ms-flex-order: -1;
        order: -1;
  }

  .gallery__nav img {
    height: 100px;
  }

  .gallery__stage-wrapper {
    width: 50%;
    height: 100px;
  }
}