@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?dfqltm");
  src: url("../fonts/icomoon.eot?#iefixdfqltm") format("embedded-opentype"), url("../fonts/icomoon.ttf?dfqltm") format("truetype"), url("../fonts/icomoon.woff?dfqltm") format("woff"), url("../fonts/icomoon.svg?dfqltm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 22, 2015*/
@font-face {
  font-family: 'PF DinText Pro Thin';
  src: url("../fonts/pfdintextpro-thin.eot");
  src: url("../fonts/pfdintextpro-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro-thin.woff2") format("woff2"), url("../fonts/pfdintextpro-thin.woff") format("woff"), url("../fonts/pfdintextpro-thin.ttf") format("truetype"), url("../fonts/pfdintextpro-thin.svg#pf_dintext_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'PF DinText Pro Regular';
  src: url("../fonts/pfdintextpro-regular.eot");
  src: url("../fonts/pfdintextpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro-regular.woff2") format("woff2"), url("../fonts/pfdintextpro-regular.woff") format("woff"), url("../fonts/pfdintextpro-regular.ttf") format("truetype"), url("../fonts/pfdintextpro-regular.svg#pf_dintext_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova Regular';
  src: url("../fonts/proximanova-reg-webfont.eot");
  src: url("../fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-reg-webfont.woff") format("woff"), url("../fonts/proximanova-reg-webfont.ttf") format("truetype"), url("../fonts/proximanova-reg-webfont.svg#pf_dintext_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'PF DinText Pro Bold';
  src: url("../fonts/pfdintextpro-bold.eot");
  src: url("../fonts/pfdintextpro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro-bold.woff2") format("woff2"), url("../fonts/pfdintextpro-bold.woff") format("woff"), url("../fonts/pfdintextpro-bold.ttf") format("truetype"), url("../fonts/pfdintextpro-bold.svg#pf_dintext_probold") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-open_with:before {
  content: "\e903"; }

.icon-patate:before {
  content: "\e900"; }

.icon-keyboard_control:before {
  content: "\e813"; }

.icon-keyboard_arrow_up:before {
  content: "\e814"; }

.icon-keyboard_arrow_right:before {
  content: "\e815"; }

.icon-keyboard_arrow_left:before {
  content: "\e816"; }

.icon-keyboard_arrow_down:before {
  content: "\e817"; }

.icon-search:before {
  content: "\e812"; }

.icon-volume_up:before {
  content: "\e80c"; }

.icon-volume_off:before {
  content: "\e80d"; }

.icon-volume_mute:before {
  content: "\e80e"; }

.icon-volume_down:before {
  content: "\e80f"; }

.icon-lock_outline:before {
  content: "\e80a"; }

.icon-lock_open:before {
  content: "\e80b"; }

.icon-person_outline:before {
  content: "\e808"; }

.icon-check:before {
  content: "\e807"; }

.icon-stop:before {
  content: "\e806"; }

.icon-pause:before {
  content: "\e801"; }

.icon-play_arrow:before {
  content: "\e802"; }

.icon-close:before {
  content: "\e803"; }

.icon-eye:before {
  content: "\e904"; }

.icon-fullscreen-exit:before {
  content: "\e810"; }

.icon-fullscreen:before {
  content: "\e811"; }

.icon-pencil:before {
  content: "\e804"; }

.icon-three-bars:before {
  content: "\e603"; }

.icon-location:before {
  content: "\e822"; }

.icon-mail:before {
  content: "\e821"; }

.icon-facebook3:before {
  content: "\e81e"; }

.icon-facebook4:before {
  content: "\e81f"; }

.icon-twitter:before {
  content: "\e818"; }

.icon-twitter3:before {
  content: "\e819"; }

.icon-google-plus:before {
  content: "\e81a"; }

.icon-google-plus3:before {
  content: "\e81b"; }

.icon-facebook:before {
  content: "\e81c"; }

.icon-pencil2:before {
  content: "\e805"; }

.icon-instagram:before {
  content: "\e602"; }

.icon-pinterest:before {
  content: "\e601"; }

.icon-youtube:before {
  content: "\e600"; }

.icon-google-plus2:before {
  content: "\ea89"; }

.icon-facebook2:before {
  content: "\ea8d"; }

.icon-twitter2:before {
  content: "\ea92"; }

.icon-extended-warranty:before {
  content: "\e905"; }

.icon-exit:before {
  content: "\e906"; }

.icon-delete:before {
  content: "\e907"; }

.icon-hilight-tag:before {
  content: "\e908"; }

.icon-photo-top-level:before {
  content: "\e909"; }

.icon-dislike:before {
  content: "\e901"; }

.icon-like:before {
  content: "\e902"; }

.icon-GoPro_Be_a_HERO_Logo:before {
  content: "\e604"; }

.icon-GoPro_Logo_All_Black_NoHero:before {
  content: "\e605"; }

.icon-envelop:before {
  content: "\e809"; }

.icon-facebook-with-circle2:before {
  content: "\e820"; }

.icon-facebook-with-circle:before {
  content: "\e81d"; }

.icon-select-arrows:before {
  content: "\e800"; }

.icon-slide-show:before {
  content: "\e90a"; }

.icon-awards-notext:before {
  content: "\e90b"; }

.icon-playback-mode:before {
  content: "\e90c"; }

.icon-download:before {
  content: "\e90b"; }

/*
* LAYOUT
* Structure, main margins, main paddings, architecture of elements
* No colors, font families, backgrounds, borders, etc
*/
/* Navigation bar */
header {
  position: fixed;
  top: 0em;
  left: 0em;
  width: 100%;
  z-index: 100; }
  header nav > ul {
    margin: 0em; }

/* Width limited container */
.shrunk-container {
  margin: auto;
  max-width: 500px; }
  .shrunk-container.padded {
    padding: 3em; }
  .shrunk-container.large {
    max-width: 800px; }

/* Separator with text */
.text-separator {
  height: 2.5em; }

.text-separator > div {
  float: left;
  height: 2px; }
.text-separator .left, .text-separator .right {
  width: 39.9%;
  position: relative;
  top: 0.5em; }
.text-separator .text {
  width: 19.9%; }

/* Sections */
.section {
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
  overflow: hidden;
  /* Full page with content centered horizontaly and verticaly */
  /* Sumo */
  /* Responsive table */
  /* Category header section */
  /* Small header section */
  /* Profile header section */
  /* Menu section */
  /* Fixed  */
  /* Wall */
  /* User set video */
  /* User set mini */
  /* User set standard */
  /* Video page */
  /* Generic overlay */
  /* FAQ */ }
  .section.full-page {
    height: 100vh;
    padding: 0; }
    .section.full-page > .table {
      display: table;
      text-align: center;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .section.full-page > .table > .cell {
        display: table-cell;
        vertical-align: middle; }
  .section.sumo {
    position: fixed;
    overflow: hidden;
    padding-top: 0em;
    padding-bottom: 0em;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: padding-top 0.3s, opacity 0.3s, height 0.3s;
    -moz-transition: padding-top 0.3s, opacity 0.3s, height 0.3s;
    -ms-transition: padding-top 0.3s, opacity 0.3s, height 0.3s;
    transition: padding-top 0.3s, opacity 0.3s, height 0.3s; }
    .section.sumo > div.container, .section.sumo > div.container-fluid, .section.sumo > div.shrunk-container {
      position: relative; }
    .section.sumo.opened {
      padding-top: 10em;
      height: 100%;
      opacity: 1; }
  .section#share {
    padding-top: 6em;
    padding-bottom: 35em; }
  @media (max-width: 768px) {
    .section#share {
      padding-bottom: 6em; } }
  .section table {
    border-collapse: collapse;
    width: 100%; }
    .section table caption {
      padding-left: 0.5em; }
    .section table thead tr th {
      padding: 1em; }
    .section table tr td {
      padding: 0.8em;
      vertical-align: middle; }
    @media (min-width: 1400px) {
      .section table tr td.w10 {
        width: 10%; }
      .section table tr td.w15 {
        width: 15%; }
      .section table tr td.w20 {
        width: 20%; }
      .section table tr td.w25 {
        width: 25%; }
      .section table tr td.w33 {
        width: 33.3%; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .section table tr td.w10 {
        width: 10%; }
      .section table tr td.w15 {
        width: 15%; }
      .section table tr td.w20 {
        width: 20%; }
      .section table tr td.w25 {
        width: 25%; }
      .section table tr td.w33 {
        width: 33.3%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .section table tr td.w10 {
        width: 10%; }
      .section table tr td.w15 {
        width: 15%; }
      .section table tr td.w20 {
        width: 20%; }
      .section table tr td.w25 {
        width: 25%; }
      .section table tr td.w33 {
        width: 33.3%; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .section table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em; }
      .section table tr + tr {
        margin-top: 1.5em;
        display: block; }
      .section table tr td {
        display: block;
        min-height: 3em; }
        .section table tr td:before {
          content: attr(data-label);
          line-height: 1.1em;
          display: block;
          float: left; } }
    @media (max-width: 768px) {
      .section table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em; }
      .section table tr + tr {
        margin-top: 0em;
        display: block; }
      .section table tr td {
        display: block;
        min-height: 3.2em;
        padding-left: 50%; }
        .section table tr td:before {
          position: absolute;
          left: 1.5em;
          content: attr(data-label);
          display: block; } }
  .section.category-header {
    padding-top: 9em;
    padding-bottom: 6em; }
    .section.category-header h1,
    .section.category-header h2 {
      margin: 0em; }
    .section.category-header.minified {
      padding-top: 9em;
      padding-bottom: 2em; }
      .section.category-header.minified h2 {
        display: inline-block; }
      .section.category-header.minified .pre-text {
        display: inline-block; }
  .section.small-header {
    padding-top: 10em;
    padding-bottom: 7em; }
  .section.profile-header {
    padding-top: 9em;
    padding-bottom: 8em; }
    .section.profile-header h1 {
      margin: 0em; }
    .section.profile-header p.likes > span, .section.profile-header p.views > span {
      display: block; }
  .section.menu {
    padding: 2em 0em 2em 0em;
    line-height: 1em;
    overflow: visible; }
    .section.menu p {
      margin-bottom: 0em;
      line-height: 1em; }
      .section.menu p a.link-filter span {
        display: none; }
      .section.menu p a.link-filter.active span {
        display: inline-block; }
        .section.menu p a.link-filter.active span:first-child {
          margin-left: 0.8em; }
  .section.fp-section > .fp-tableCell > .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  .section.fixed > .overlay {
    z-index: 0; }
    .section.fixed > .overlay:after {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 59vw;
      z-index: 1; }
  .section.wall {
    padding: 0em; }
    .section.wall > .container-fluid > .row > div {
      float: left;
      overflow: hidden;
      position: relative; }
      .section.wall > .container-fluid > .row > div.hoverable {
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .section.wall > .container-fluid > .row > div.hoverable .table .cell h3 {
          max-height: 3.1em;
          overflow: hidden; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover .table {
          opacity: 1;
          position: relative;
          z-index: 99; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover:after {
          content: '';
          position: absolute;
          top: -10px;
          left: -10px;
          width: 120%;
          height: 120%; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover:hover .table {
          z-index: 2; }
        .section.wall > .container-fluid > .row > div.hoverable.featured {
          width: 66.66%;
          height: 40.3%;
          padding-bottom: 40.3%; }
          .section.wall > .container-fluid > .row > div.hoverable.featured.one, .section.wall > .container-fluid > .row > div.hoverable.featured.two {
            width: 100%;
            height: 40.3%;
            padding-bottom: 40.3%; }
          .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell h3 {
            max-height: 2em;
            overflow: hidden; }
        .section.wall > .container-fluid > .row > div.hoverable.first-page.one {
          width: 100%;
          height: 40.3%;
          padding-bottom: 40.3%; }
        .section.wall > .container-fluid > .row > div.hoverable.first-page.two {
          width: 50%;
          height: 40.3%;
          padding-bottom: 40.3%; }
        @media (min-width: 1200px) and (max-width: 1400px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured {
            width: 100%; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured {
            width: 100%;
            height: 50vh; }
            .section.wall > .container-fluid > .row > div.hoverable.featured .btn-play {
              -webkit-transform: scale(0.8);
              -moz-transform: scale(0.8);
              -ms-transform: scale(0.8);
              transform: scale(0.8); }
          .section.wall > .container-fluid > .row > div.hoverable.first-page.two {
            width: 100%; } }
        @media (max-width: 768px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured {
            width: 100%;
            height: 60vh;
            padding-bottom: inherit; }
            .section.wall > .container-fluid > .row > div.hoverable.featured .btn-play {
              -webkit-transform: scale(0.7);
              -moz-transform: scale(0.7);
              -ms-transform: scale(0.7);
              transform: scale(0.7); }
          .section.wall > .container-fluid > .row > div.hoverable.first-page.two {
            width: 100%; } }
      .section.wall > .container-fluid > .row > div > .overlay {
        position: absolute;
        top: -40px;
        left: -40px;
        width: 120%;
        height: 120%; }
      .section.wall > .container-fluid > .row > div .centered-content {
        position: absolute;
        width: 100%;
        height: 100%; }
        .section.wall > .container-fluid > .row > div .centered-content .table {
          display: table;
          width: 100%;
          height: 100%;
          z-index: 10; }
          .section.wall > .container-fluid > .row > div .centered-content .table .cell {
            display: table-cell;
            vertical-align: middle;
            padding: 0em 1em; }
            .section.wall > .container-fluid > .row > div .centered-content .table .cell a.link-wall-cell {
              display: block;
              max-height: 3.2em;
              overflow: hidden; }
      .section.wall > .container-fluid > .row > div p.statistics {
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        z-index: 10;
        padding-left: 2em;
        padding-right: 2em; }
      .section.wall > .container-fluid > .row > div > a {
        /* This a an invisible link for layout purpose, that's why it is here */ }
        .section.wall > .container-fluid > .row > div > a.link-overlay:link, .section.wall > .container-fluid > .row > div > a.link-overlay:visited {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index: 1500; }
    @media (max-width: 768px) {
      .section.wall > .container-fluid > .row > div {
        width: 100%;
        height: 25em; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .section.wall > .container-fluid > .row > div {
        width: 100%;
        height: 25em;
        padding-bottom: 25em; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .section.wall > .container-fluid > .row > div {
        width: 50%;
        height: 33%;
        padding-bottom: 33%; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .section.wall > .container-fluid > .row > div {
        width: 50%;
        height: 33%;
        padding-bottom: 33%; } }
    @media (min-width: 1400px) {
      .section.wall > .container-fluid > .row > div {
        width: 33.33%;
        height: 20%;
        padding-bottom: 20%; } }
  .section .user-set-video {
    overflow: hidden; }
    .section .user-set-video .table {
      display: table;
      width: 100%;
      margin: 0; }
      .section .user-set-video .table .cell {
        display: table-cell;
        vertical-align: middle; }
        .section .user-set-video .table .cell:first-child {
          width: 8em;
          height: 6em; }
        .section .user-set-video .table .cell .pic {
          display: inline-block;
          width: 6em;
          height: 6em; }
          .section .user-set-video .table .cell .pic img {
            display: none; }
        .section .user-set-video .table .cell .title, .section .user-set-video .table .cell .description {
          display: block; }
        .section .user-set-video .table .cell .title {
          margin-bottom: 0.2em; }
    @media (min-width: 768px) and (max-width: 992px) {
      .section .user-set-video .table {
        display: block;
        text-align: center; }
        .section .user-set-video .table .cell {
          display: block; }
          .section .user-set-video .table .cell:first-child {
            width: inherit; } }
    @media (max-width: 768px) {
      .section .user-set-video .table {
        display: block;
        text-align: center; }
        .section .user-set-video .table .cell {
          display: block; }
          .section .user-set-video .table .cell:first-child {
            width: inherit; } }
  .section .user-set-mini > .pic {
    height: 5em;
    width: 5em;
    margin: auto; }
  @media (max-width: 768px) {
    .section .user-set-mini > .pic {
      margin-bottom: 1em; } }
  .section .user-set-mini > div, .section .user-set-mini > p {
    float: left; }
  .section .user-set-mini > div {
    padding-left: 2em;
    width: calc(100% - 5em); }
  @media (max-width: 768px) {
    .section .user-set-mini > div {
      width: auto; } }
  @media (max-width: 768px) {
    .section .user-set-mini > div, .section .user-set-mini > p {
      float: none;
      padding-left: 0em; } }
  .section .user-set > .pic {
    height: 10em;
    width: 10em;
    margin: auto; }
    .section .user-set > .pic > img {
      display: none; }
  .section .user-set > a {
    display: block;
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%; }
  .section .consistent-block {
    padding: 2em; }
    .section .consistent-block.expander {
      padding: 0em;
      overflow: hidden;
      max-height: 0em;
      opacity: 0;
      -webkit-transition: max-height 0.5s, padding 0.5s, opacity 0.5s;
      -moz-transition: max-height 0.5s, padding 0.5s, opacity 0.5s;
      -ms-transition: max-height 0.5s, padding 0.5s, opacity 0.5s;
      transition: max-height 0.5s, padding 0.5s, opacity 0.5s; }
      .section .consistent-block.expander.opened {
        padding: 2em;
        max-height: 50em;
        opacity: 1; }
  .section .statistics {
    display: inline-block;
    margin-top: 0.5em; }
    .section .statistics > p {
      text-align: center; }
  .section > .fixed {
    position: absolute;
    width: 100%; }
    .section > .fixed.bottom {
      bottom: 0; }
    .section > .fixed.top {
      top: 0; }
  .section > .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0.8; }
  .section h1, .section h2, .section h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }

/* Checkboxes */
.form-checkbox {
  width: 24px;
  height: 24px;
  position: relative; }
  .form-checkbox label {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px; }
    .form-checkbox label span {
      padding-left: 2em;
      display: block;
      white-space: nowrap;
      position: relative;
      margin-top: -0.2em; }
    .form-checkbox label:after {
      content: '\e807';
      font-family: 'icomoon';
      line-height: 0em;
      font-size: 1.6em;
      position: absolute;
      top: 7px;
      left: -3px;
      border: none;
      background: transparent;
      opacity: 0; }
    .form-checkbox label:hover:after {
      opacity: 0.3; }
  .form-checkbox input[type=checkbox] {
    opacity: 0; }
    .form-checkbox input[type=checkbox]:focus {
      opacity: 1;
      position: absolute;
      width: 16px;
      height: 16px;
      top: 0px;
      -webkit-box-shadow: 0px 0px 10px #00A3DA;
      -moz-box-shadow: 0px 0px 10px #00A3DA;
      -ms-box-shadow: 0px 0px 10px #00A3DA;
      box-shadow: 0px 0px 10px #00A3DA;
      left: 4px;
      z-index: 0; }
    .form-checkbox input[type=checkbox]:checked + label:after {
      opacity: 1; }
  .form-checkbox.disabled {
    opacity: 0.3; }
  .form-checkbox.checked label:after {
    opacity: 1; }
  .form-checkbox.checked input[type=checkbox]:focus {
    box-shadow: none; }
  .form-checkbox.checked input[type=checkbox]:checked + label:after {
    opacity: 1; }
  .form-checkbox.checked input[type=checkbox] + label:after {
    opacity: 1; }

/* Select replacer */
.select-wrapper {
  cursor: pointer;
  position: relative;
  /* Pseudo select menu */ }
  .select-wrapper > span.title-label {
    display: block;
    padding: 0.5em 1em; }
    .select-wrapper > span.title-label > span.icon-select-arrows {
      display: inline;
      line-height: 0em;
      position: absolute;
      right: 1em;
      top: 50%;
      margin-top: -0.05em; }
  .select-wrapper ul.select-inner {
    opacity: 0;
    position: absolute;
    left: 0em;
    width: 100%;
    height: 0px;
    overflow: hidden;
    z-index: -3;
    padding: 0em;
    list-style: none; }
    .select-wrapper ul.select-inner.opened {
      height: auto;
      opacity: 1;
      z-index: 1500;
      max-height: 500px;
      overflow: auto; }
    .select-wrapper ul.select-inner li:first-child {
      display: none; }
    .select-wrapper ul.select-inner li {
      padding: 0.8em; }
  .select-wrapper.pseudo-select > span.title-label {
    line-height: inherit; }
    .select-wrapper.pseudo-select > span.title-label > img.logo {
      position: absolute;
      top: 50%;
      left: 1em;
      margin-top: -0.5em;
      height: 1em; }
    .select-wrapper.pseudo-select > span.title-label > span.icon-select-arrows {
      right: 1em; }
    .select-wrapper.pseudo-select > span.title-label > span.active {
      display: inherit; }
  .select-wrapper.pseudo-select ul.select-inner li:first-child {
    display: table; }
  .select-wrapper.pseudo-select ul.select-inner li {
    padding: 0em;
    display: table;
    width: 100%; }
    .select-wrapper.pseudo-select ul.select-inner li > a {
      padding: 1.2rem;
      display: table-cell; }

/* Slider / Carousel Layout */
.owl-carousel#homepage-slider .owl-next, .owl-carousel#homepage-slider .owl-prev {
  position: absolute;
  margin: 0;
  padding: 0;
  margin-top: -2em;
  display: block;
  width: 4em;
  height: 4em;
  top: 50%; }
  .owl-carousel#homepage-slider .owl-next.disabled, .owl-carousel#homepage-slider .owl-prev.disabled {
    display: none; }
.owl-carousel#homepage-slider .owl-next {
  right: 1em; }
.owl-carousel#homepage-slider .owl-prev {
  left: 1em; }
@media (max-width: 768px) {
  .owl-carousel#homepage-slider .owl-prev, .owl-carousel#homepage-slider .owl-next {
    display: none; } }
.owl-carousel#homepage-slider .owl-pagination {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  height: 2em;
  text-align: center; }
  .owl-carousel#homepage-slider .owl-pagination .owl-page {
    display: inline-block; }
    .owl-carousel#homepage-slider .owl-pagination .owl-page:last-child {
      margin-right: 0; }
.owl-carousel .container-slide {
  height: 100vh;
  width: 100%;
  position: relative; }
  .owl-carousel .container-slide .image {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
    z-index: 3; }
  .owl-carousel .container-slide > .overlay {
    position: absolute;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .owl-carousel .container-slide > .centered-content {
    position: relative;
    top: 25%;
    z-index: 10; }
    .owl-carousel .container-slide > .centered-content .pre-text {
      margin-bottom: 2em; }
    .owl-carousel .container-slide > .centered-content h3 {
      margin-top: 0em;
      margin-bottom: 1.0em;
      padding-left: 2em;
      padding-right: 2em;
      max-height: 2em;
      max-width: 100vw;
      overflow: hidden; }
    @media (max-width: 768px) {
      .owl-carousel .container-slide > .centered-content h3 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-bottom: 1.0em; } }
  .owl-carousel .container-slide img {
    display: none; }
  .owl-carousel .container-slide.special-1 > .centered-content {
    top: 15%; }
    .owl-carousel .container-slide.special-1 > .centered-content .pre-text {
      max-width: 30em;
      margin: 0em auto 2em auto; }
    .owl-carousel .container-slide.special-1 > .centered-content h3 {
      margin-bottom: 0.2em; }
  .owl-carousel .container-slide.special-1 img {
    display: inline;
    height: 30vh;
    width: 62.5vh;
    position: relative;
    left: 3em; }
    .owl-carousel .container-slide.special-1 img.img-app {
      left: 0em;
      max-height: 4em;
      width: auto; }
  @media (min-width: 768px) and (max-width: 992px) {
    .owl-carousel .container-slide.special-1 img {
      left: 0em; } }
  @media (max-width: 768px) {
    .owl-carousel .container-slide.special-1 img {
      left: 0em; }
      .owl-carousel .container-slide.special-1 img.img-app {
        max-height: 3em; } }

/* Slider thumbnails container */
.slider-thumbnails {
  position: absolute;
  width: 100%;
  top: calc(100vh - 3em);
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  transition: top 0.3s; }
  .slider-thumbnails.closed {
    top: calc(100vh + 6.8em); }
  .slider-thumbnails .thumbnails p {
    text-align: center; }
    .slider-thumbnails .thumbnails p a.link-slider-thumb {
      display: inline-block;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .slider-thumbnails .thumbnails p a.link-slider-thumb img {
        display: none; }
    @media (min-width: 1400px) {
      .slider-thumbnails .thumbnails p a.link-slider-thumb {
        width: 200px;
        height: 100px;
        margin-right: 20px; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .slider-thumbnails .thumbnails p a.link-slider-thumb {
        width: 200px;
        height: 100px;
        margin-right: 15px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .slider-thumbnails .thumbnails p a.link-slider-thumb {
        width: 18vw;
        height: 100px;
        margin-right: 10px; } }
    @media (min-width: 768px) and (max-width: 992px) {
      .slider-thumbnails .thumbnails p a.link-slider-thumb {
        width: 18vw;
        height: 100px;
        margin-right: 5px; } }
    @media (max-width: 768px) {
      .slider-thumbnails .thumbnails p a.link-slider-thumb {
        width: 15vw;
        height: 15vw; } }
    .slider-thumbnails .thumbnails p a:last-child {
      margin-right: 0; }

/* Special images */
.img-app {
  height: 3.5em;
  width: auto; }
  .img-app.disabled {
    opacity: 0.4; }

@media (min-width: 768px) and (max-width: 992px) {
  .img-app {
    margin-bottom: 5em; } }
@media (max-width: 768px) {
  .img-app {
    margin-bottom: 5em; } }
.img-mockup-2 {
  position: absolute;
  top: -4em;
  left: 50%; }

@media (max-width: 768px) {
  .img-mockup-2 {
    position: inherit;
    top: inherit;
    width: 100%;
    height: auto; } }
.img-mockup-3 {
  position: absolute;
  top: 0em;
  left: 50%; }

@media (max-width: 768px) {
  .img-mockup-3 {
    position: inherit;
    top: inherit;
    width: 100%;
    height: auto; } }
.img-create {
  height: 15vmin;
  width: auto; }

.img-omni {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: auto; }

.img-stitch {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: auto;
  position: relative;
  left: -1.5em; }

/* Special layout */
#be-a-hero-everywhere {
  font-size: 7em;
  position: relative;
  line-height: 1.1em;
  margin-bottom: 0.1em; }
  @media (min-width: 1200px) and (max-width: 1400px) {
    #be-a-hero-everywhere {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      transform-origin: left; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    #be-a-hero-everywhere {
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      transform: scale(0.7);
      transform-origin: left; } }
  @media (min-width: 768px) and (max-width: 992px) {
    #be-a-hero-everywhere {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      transform: none;
      font-size: 5em;
      transform-origin: center;
      display: inline-block; } }
  @media (max-width: 768px) {
    #be-a-hero-everywhere {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      transform: none;
      transform-origin: center;
      display: inline-block;
      font-size: 10vw; } }
  #be-a-hero-everywhere > span {
    padding-left: 0.58em;
    font-family: "PF DinText Pro Bold", Arial, sans-serif; }
    #be-a-hero-everywhere > span:first-child {
      font-family: "PF DinText Pro Thin", Arial, sans-serif;
      line-height: 0.6em;
      font-size: 0.3em;
      font-weight: bold;
      display: block;
      padding-left: 0;
      text-align: left; }
    #be-a-hero-everywhere > span:last-child {
      font-size: 0.62em;
      font-family: "PF DinText Pro Bold", Arial, sans-serif;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: absolute;
      padding-left: 0;
      bottom: 0.03em;
      left: -0.2em; }

/* Separator */
div.separator {
  display: table;
  width: 100%; }
  div.separator > div {
    display: table-cell;
    width: 25%;
    vertical-align: middle;
    text-align: center; }
    div.separator > div.text {
      text-transform: uppercase;
      width: 50%; }
  div.separator.slider {
    width: 70%;
    margin: auto; }
    div.separator.slider > div {
      width: 40%; }
      div.separator.slider > div.text {
        width: 10%; }

/* Upload Process */
.upload-process .btn-file, .upload-process .btn-alert {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 4em 2em; }
  .upload-process .btn-file .select-file, .upload-process .btn-alert .select-file {
    max-width: 25em;
    margin: auto; }
  .upload-process .btn-file .separator, .upload-process .btn-alert .separator {
    display: none; }
    .upload-process .btn-file .separator.opened, .upload-process .btn-alert .separator.opened {
      display: block; }
    .upload-process .btn-file .separator hr, .upload-process .btn-alert .separator hr {
      margin: 0; }
    .upload-process .btn-file .separator .left, .upload-process .btn-file .separator .right, .upload-process .btn-file .separator .text, .upload-process .btn-alert .separator .left, .upload-process .btn-alert .separator .right, .upload-process .btn-alert .separator .text {
      display: inline-block; }
    .upload-process .btn-file .separator .left, .upload-process .btn-file .separator .right, .upload-process .btn-alert .separator .left, .upload-process .btn-alert .separator .right {
      width: 40%;
      vertical-align: super; }
  .upload-process .btn-file .remove, .upload-process .btn-alert .remove {
    position: absolute;
    top: 1em;
    right: 1em; }
.upload-process .step-2.opened, .upload-process .step-1.opened, .upload-process .notification-bar.opened {
  display: block; }
.upload-process .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }
.upload-process .btn-alert .first-text, .upload-process .btn-alert .second-text {
  display: block; }

/* Vertically centered content */
.center-this-vertically {
  position: relative; }
  .center-this-vertically > .table {
    display: table; }
    .center-this-vertically > .table > .cell {
      display: table-cell;
      vertical-align: middle; }
    @media (max-width: 768px) {
      .center-this-vertically > .table > .cell {
        display: block; } }
    .center-this-vertically > .table > .cell + .cell {
      padding-left: 3em; }
    @media (max-width: 768px) {
      .center-this-vertically > .table > .cell + .cell {
        padding-left: 0; } }
  .center-this-vertically > .middle-button.behavior-1 {
    position: absolute;
    top: 50%;
    margin-top: -2.5em; }
  .center-this-vertically > .middle-button.behavior-2 {
    position: absolute;
    top: 50%;
    margin-top: -2.5em; }
  .center-this-vertically > .middle-button.behavior-3 {
    position: absolute;
    top: 4em;
    width: 50%;
    text-align: center; }
  .center-this-vertically > .middle-button.behavior-4 {
    position: absolute;
    top: 17em;
    width: 50%;
    text-align: center; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .center-this-vertically > .middle-button.behavior-1 {
      position: inherit;
      text-align: center;
      margin-bottom: 3em; }
    .center-this-vertically > .middle-button.behavior-2 {
      position: inherit;
      text-align: center;
      margin-bottom: 3em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .center-this-vertically > .middle-button.behavior-1 {
      position: inherit;
      text-align: center;
      margin-bottom: 2em; }
    .center-this-vertically > .middle-button.behavior-2 {
      position: inherit;
      text-align: center;
      margin-bottom: 2em; } }
  @media (max-width: 768px) {
    .center-this-vertically > .middle-button.behavior-1 {
      position: inherit;
      text-align: center;
      margin-bottom: 2em; }
    .center-this-vertically > .middle-button.behavior-2 {
      position: inherit;
      text-align: center;
      margin-bottom: 2em; }
    .center-this-vertically > .middle-button.behavior-3 {
      position: inherit;
      text-align: center;
      margin-bottom: 2em;
      top: inherit;
      width: 100%; }
    .center-this-vertically > .middle-button.behavior-4 {
      position: inherit;
      top: inherit;
      width: 100%; } }

/* Modal */
.modal-content {
  padding: 3em; }
  .modal-content .btn-close {
    position: absolute;
    right: 0em;
    top: -0.5em;
    z-index: 10; }
  .modal-content .media-block {
    height: 25em; }
    .modal-content .media-block > .overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    .modal-content .media-block .centered-content {
      position: absolute;
      width: 100%;
      height: 100%; }
      .modal-content .media-block .centered-content .table {
        display: table;
        width: 100%;
        height: 100%;
        z-index: 10; }
        .modal-content .media-block .centered-content .table .cell {
          display: table-cell;
          line-height: 0;
          width: 100%;
          vertical-align: middle;
          padding: 0em 1em; }
  @media (min-width: 768px) and (max-width: 992px) {
    .modal-content .media-block {
      height: 20em; } }
  @media (max-width: 768px) {
    .modal-content .media-block {
      height: 16em; } }

.modal-xl {
  width: 100%; }

@media (min-width: 992px) and (max-width: 1200px) {
  .modal-lg {
    width: 70vw; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  .modal-lg {
    width: 60vw;
    max-width: 70em; } }
/* Notifications */
.notification-bar {
  position: relative; }
  .notification-bar > p {
    display: table;
    padding-right: 3em;
    margin-bottom: 0em; }
    .notification-bar > p > span {
      display: table-cell;
      vertical-align: middle; }
    .notification-bar > p > span + span {
      padding-left: 1em; }
    .notification-bar > p a img {
      vertical-align: top;
      height: inherit; }
    .notification-bar > p img {
      width: 3em;
      height: auto; }
  .notification-bar > button {
    position: absolute;
    display: table;
    right: 1.5em;
    top: 50%;
    padding: 0em; }
    .notification-bar > button > span, .notification-bar > button > i {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  .notification-bar > .arrow {
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    left: 3em;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    .notification-bar > .arrow.top {
      top: -0.5em; }
    .notification-bar > .arrow.bottom {
      bottom: -0.5em; }
  .notification-bar.cookie {
    position: fixed;
    bottom: 0em;
    width: 100%;
    left: 0em;
    z-index: 999; }
  .notification-bar.auto-off {
    overflow: hidden;
    max-height: 10em; }

/* Progress bars */
.progress {
  position: relative;
  height: 3px; }
  .progress .progress-bar > span {
    position: absolute; }
    .progress .progress-bar > span:first-child {
      top: -1.4em;
      left: 0%; }
    .progress .progress-bar > span:last-child {
      top: -1.4em;
      right: 0%; }

/**
* Dragula
* Drag n drop feature
*/
.sortable-list {
  padding: 1em 1.5em; }
  .sortable-list.source > li > span img, .sortable-list.source > div > span img, .sortable-list.source > p > span img {
    width: 100%;
    max-width: 150px;
    height: auto; }
  .sortable-list.source > li > span:nth-child(3), .sortable-list.source > li > span:nth-child(4), .sortable-list.source > div > span:nth-child(3), .sortable-list.source > div > span:nth-child(4), .sortable-list.source > p > span:nth-child(3), .sortable-list.source > p > span:nth-child(4) {
    display: none; }
  .sortable-list.target {
    counter-reset: staffpick; }
    .sortable-list.target > li:before, .sortable-list.target > div:before, .sortable-list.target > p:before {
      counter-increment: staffpick;
      content: counter(staffpick); }
  .sortable-list > li, .sortable-list > div, .sortable-list > p {
    display: block;
    padding: 0.5em 0em;
    margin-bottom: 1px;
    cursor: pointer; }
    .sortable-list > li > span, .sortable-list > div > span, .sortable-list > p > span {
      display: table-cell;
      vertical-align: middle; }
      .sortable-list > li > span img, .sortable-list > div > span img, .sortable-list > p > span img {
        height: 3em;
        display: inline-block;
        margin-right: 1em; }
      .sortable-list > li > span:nth-child(3), .sortable-list > div > span:nth-child(3), .sortable-list > p > span:nth-child(3) {
        width: 100%; }
    .sortable-list > li > div, .sortable-list > div > div, .sortable-list > p > div {
      display: table-cell !important;
      width: 0em;
      overflow: hidden; }
      .sortable-list > li > div input, .sortable-list > div > div input, .sortable-list > p > div input {
        display: none; }
    .sortable-list > li:before, .sortable-list > div:before, .sortable-list > p:before {
      display: table-cell;
      vertical-align: middle;
      padding-right: 1em;
      padding-left: 1em; }

.gu-mirror {
  list-style: none; }
  .gu-mirror img {
    height: 3em;
    display: inline-block;
    margin-right: 1em; }
  .gu-mirror > span:nth-child(4), .gu-mirror > span:nth-child(5), .gu-mirror > div:nth-child(4), .gu-mirror > div:nth-child(5), .gu-mirror > p:nth-child(4), .gu-mirror > p:nth-child(5) {
    display: none; }

#staff-pick-menu {
  position: fixed;
  top: 7em;
  right: 2em; }

@media (min-width: 1400px) {
  #staff-pick-menu {
    top: 2em; } }
/* Footer */
/*
* COLORS - BACKGROUNDS - FONTS
*/
body, p, a, li, div, span, .btn {
  font-family: "PF DinText Pro Thin", Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "PF DinText Pro Bold", Arial, sans-serif; }

/* Links */
a.link-default:link, a.link-default:visited {
  color: #00A3DA;
  border-bottom: 3px solid #00A3DA; }
a.link-default:hover, a.link-default:focus {
  color: #03BFFE;
  border-bottom: 3px solid #03BFFE;
  text-decoration: none; }
a.link-neutral:link, a.link-neutral:visited {
  color: #F9FAFA;
  border-bottom: 3px solid #F9FAFA; }
a.link-neutral:hover, a.link-neutral:focus {
  color: #FFF;
  border-bottom: 3px solid #FFF;
  text-decoration: none; }
a.link-backgrounded:link, a.link-backgrounded:visited {
  background-color: #FFF;
  color: #000;
  text-decoration: none;
  padding: 0.1em 0.1em 0em 0.1em; }
a.link-backgrounded:hover, a.link-backgrounded:focus {
  background-color: #F7403D;
  text-decoration: none; }
a.link-tab:link, a.link-tab:visited {
  display: inline-block;
  color: #999999;
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  text-decoration: none;
  display: inline-block; }
a.link-tab:hover, a.link-tab:focus {
  color: #00A3DA;
  text-decoration: none; }
a.link-tab.active:link, a.link-tab.active:visited {
  color: #000; }
a.link-tab.active:hover, a.link-tab.active:focus {
  color: #000;
  cursor: default; }
a.link-create:link, a.link-create:visited, a.link-create > span {
  color: #FFF;
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s; }
a.link-create:hover, a.link-create:focus {
  color: #00A3DA;
  text-decoration: none; }
a.link-create > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em; }
a.checkbox-label {
  color: #999999;
  font-size: 1.4em !important; }
  a.checkbox-label:hover, a.checkbox-label:focus {
    text-decoration: none; }
a.link-large:link, a.link-large:visited {
  color: #666666;
  text-transform: uppercase; }
a.link-large:hover, a.link-large:focus {
  color: #03BFFE;
  text-decoration: none; }
a.link-abuse:link, a.link-abuse:visited {
  color: #999999; }
a.link-abuse:hover, a.link-abuse:focus {
  color: #FFF;
  text-decoration: none; }
a.link-video-social:link, a.link-video-social:visited {
  font-size: 1.8em;
  color: #FFF;
  display: inline-block;
  padding: 0.4em;
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  border-radius: 10em;
  line-height: 0em;
  margin-right: 0.1em; }
a.link-video-social:hover, a.link-video-social:focus {
  text-decoration: none;
  opacity: 0.7; }
a.link-video-social.facebook:link {
  background-color: #4E71A8; }
a.link-video-social.twitter:link {
  background-color: #1CB7EB; }
a.link-video-social.google-plus:link {
  background-color: #E1584B; }
a.link-video-social.email:link {
  background-color: #3498DB; }
a.link-icon:link, a.link-icon:visited, a.link-icon:focus {
  font-size: 1.6em;
  display: inline-block;
  padding: 0.4em;
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  border-radius: 10em;
  line-height: 0em;
  text-decoration: none; }
a.link-icon:hover {
  text-decoration: none;
  opacity: 0.7; }
a.link-icon.dark-on-clear-1:link, a.link-icon.dark-on-clear-1:visited {
  background-color: #D8D8D8;
  color: #000; }
a.link-navbar-main:link, a.link-navbar-main:active, a.link-navbar-main:focus, a.link-navbar-main:visited {
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.3em;
  letter-spacing: .2em; }
a.link-navbar-main:hover {
  color: #FFF; }
a.link-welcome:link, a.link-welcome:visited {
  color: #999999;
  text-decoration: none; }
a.link-welcome:hover, a.link-welcome:focus {
  color: #FFF;
  text-decoration: none; }
a.link-tag:link, a.link-tag:visited {
  margin-bottom: 0.2em;
  margin-right: 0.15em;
  display: inline-block;
  color: #FFF;
  background-color: #00A3DA;
  padding: 0em 1.3em;
  font-size: 1.3em;
  text-transform: uppercase;
  font-family: "PF DinText Pro Bold", Arial, sans-serif; }
a.link-tag:hover, a.link-tag:focus {
  background-color: #03BFFE;
  text-decoration: none; }
a.link-social:link, a.link-social:visited {
  color: #999999;
  font-size: 3em;
  display: inline-block;
  margin-right: 1em; }
a.link-social:hover, a.link-social:focus {
  color: #03BFFE;
  text-decoration: none; }
a.link-soft-dark:link, a.link-soft-dark:visited {
  color: #999999;
  font-size: 1.4em;
  display: inline-block;
  margin: 0.2em 1em;
  letter-spacing: 0.05em; }
a.link-soft-dark:hover, a.link-soft-dark:focus {
  color: #03BFFE;
  text-decoration: none; }
a.link-filter:link, a.link-filter:visited {
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  text-transform: uppercase;
  color: #999999;
  font-size: 1.4em;
  display: inline-block;
  margin: 0.8em 1em;
  letter-spacing: 0.1em; }
a.link-filter:hover, a.link-filter:focus {
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  color: #FFF;
  text-decoration: none; }
a.link-filter.active {
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  color: #FFF; }
  a.link-filter.active:hover {
    opacity: 0.7; }
a.link-filter.icon {
  font-size: 2em; }
a.link-paginate:link, a.link-paginate:visited {
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  text-transform: uppercase;
  color: #999999;
  font-size: 1.8em;
  display: inline-block;
  margin: 0.8em 0.5em; }
a.link-paginate:hover, a.link-paginate:focus {
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  color: #FFF;
  text-decoration: none; }
a.link-paginate.active {
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  color: #FFF; }
  a.link-paginate.active:hover {
    opacity: 0.7; }
a.link-wall-cell:link, a.link-wall-cell:visited {
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  text-transform: uppercase;
  color: #F9FAFA; }
a.link-wall-cell:hover, a.link-wall-cell:focus {
  color: #FFF;
  text-decoration: none; }
a.link-profile:link, a.link-profile:visited {
  color: #999999; }
a.link-profile:hover, a.link-profile:focus {
  color: #FFF;
  text-decoration: none; }
a.link-user:link, a.link-user:hover, a.link-user:focus, a.link-user:visited {
  text-decoration: none; }
  a.link-user:link .title, a.link-user:hover .title, a.link-user:focus .title, a.link-user:visited .title {
    color: #FFF;
    text-transform: uppercase;
    font-size: 3em;
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    line-height: 1.1em; }
  a.link-user:link .description, a.link-user:hover .description, a.link-user:focus .description, a.link-user:visited .description {
    color: #999999;
    font-size: 1.3em; }
a.link-user-set:link, a.link-user-set:visited {
  color: #FFF;
  text-transform: uppercase;
  font-size: 3em;
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  line-height: 1.1em;
  display: block;
  width: 100%;
  height: 100%; }
a.link-user-set > img {
  display: none; }
a.link-user-set:hover, a.link-user-set:focus {
  text-decoration: none; }
a.link-more-content:link, a.link-more-content:visited {
  opacity: 0.6;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin: 0.15em; }
a.link-more-content:hover, a.link-more-content:focus {
  opacity: 1; }
a.link-more-content > img {
  max-width: 15em;
  height: auto; }
a.link-slider-thumb:link, a.link-slider-thumb:visited {
  position: relative; }
  a.link-slider-thumb:link:after, a.link-slider-thumb:visited:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.2; }
a.link-slider-thumb:hover:after {
  opacity: 0; }
a.link-pseudo-option:link, a.link-pseudo-option:visited, a.link-pseudo-option:focus {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-decoration: none; }
a.link-pseudo-option.active {
  background-color: #03BFFE;
  color: #FFF; }
  a.link-pseudo-option.active:focus {
    text-decoration: none; }
a.link-pseudo-option:hover {
  color: #FFF;
  text-decoration: none; }
a.link-pre-footer:link, a.link-pre-footer:visited, a.link-pre-footer > i, a.link-pre-footer > span {
  color: #00A3DA;
  text-decoration: none; }
a.link-pre-footer > i, a.link-pre-footer > span {
  font-size: 0.9em; }
a.link-pre-footer:hover, a.link-pre-footer:focus {
  color: #03BFFE;
  text-decoration: underline; }
a.link-pre-footer-neutral:link, a.link-pre-footer-neutral:visited {
  color: #999999;
  font-size: 0.8em;
  text-decoration: none; }
a.link-pre-footer-neutral:hover, a.link-pre-footer-neutral:focus {
  color: #F3F4F4;
  text-decoration: none; }

/* Exception for pagerfanta: Normally link style should be declared like this: a.link-classname*/
.pagerfanta li a:link, .pagerfanta li a:visited, .pagerfanta li a:focus, .pagerfanta li a:active {
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  text-transform: uppercase;
  color: #999999;
  font-size: 1.8em;
  text-decoration: none; }
.pagerfanta li a:hover {
  color: #FFF; }
.pagerfanta li.active > span {
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  color: #FFF;
  font-size: 1.8em; }

/* Exception for FAQ: Normally link style should be declared like this: a.link-classname*/
.faq-item a:link, .faq-item a:visited {
  color: #00A3DA;
  border-bottom: 3px solid #00A3DA; }
.faq-item a:hover, .faq-item a:focus {
  color: #03BFFE;
  border-bottom: 3px solid #03BFFE;
  text-decoration: none; }

/* Navigation bar */
header {
  -webkit-transition: top 0.3s ease-in-out, background-color 0.3s;
  -moz-transition: top 0.3s ease-in-out, background-color 0.3s;
  -ms-transition: top 0.3s ease-in-out, background-color 0.3s;
  transition: top 0.3s ease-in-out, background-color 0.3s;
  top: -3em;
  background-color: transparent; }

header.opened {
  top: 0em;
  background-color: #000; }

nav .logo {
  max-height: 1.8em; }

nav > ul {
  list-style: none;
  padding: 0em; }

nav > ul > li {
  display: block;
  height: 4em;
  line-height: 0em; }

nav > ul > li > div {
  display: table;
  text-align: center;
  height: 100%; }

nav > ul > li > div > a {
  display: table-cell;
  vertical-align: middle; }

nav .profile-image {
  height: 1.8em; }

nav > ul > li > span.separator {
  background-color: #999999;
  display: block;
  width: 1px;
  height: 1em;
  position: relative;
  top: 1.5em;
  margin: 0 2em 0 2em; }

nav > ul > li > div > .btn-group {
  display: table-cell;
  vertical-align: middle; }

nav > ul > li.user > .btn-group > button > span {
  color: #999999;
  font-size: 1.4em; }

nav > ul > li > div > .btn-group > .dropdown-menu {
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  border: none; }

nav > ul > li > div > .btn-group > .dropdown-menu > li > a {
  font-size: 1.4em; }

nav > ul > li > div > .btn-group > .btn-default,
nav > ul > li > div > .btn-group.open > .btn-default,
nav > ul > li > div > .btn-group.open > .btn-default:hover,
nav > ul > li > div > .btn-group > .btn-default:focus,
nav > ul > li > div > .btn-group.open > .btn-default:focus {
  background-color: transparent;
  border: none; }

.btn {
  border-style: solid;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0.05em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  -ms-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, border-color 0.3s, opacity 0.3s; }
  .btn:active:focus, .btn:focus {
    outline: none !important; }
  .btn + .btn {
    margin-left: 0.3em; }

.btn-std {
  font-size: 1.4em;
  padding: 0.6em 1.8em 0.6em 1.8em;
  text-transform: uppercase;
  border-width: 5px; }

.btn-xs {
  font-size: 1em;
  padding: 0.4em 2em;
  text-transform: uppercase;
  border-width: 3px; }

.btn-lg {
  font-size: 1.6em;
  padding: 0.9em 3em 1.0em 3em;
  text-transform: uppercase;
  border-width: 5px; }

/* Button connect with socials */
.btn-facebook,
.btn-google {
  background-color: #222222;
  color: #FFF;
  border-color: #222222;
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }

.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus {
  background-color: #3A5B94;
  color: #FFF;
  border-color: #3A5B94;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.btn-google:hover,
.btn-google:active,
.btn-google:focus {
  background-color: #E34836;
  color: #FFF;
  border-color: #E34836;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

/* Button primary */
.btn-primary {
  background-color: #00A3DA;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  color: #FFF;
  border-color: #00A3DA; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:focus:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
    background-color: #03BFFE;
    color: #FFF;
    border-color: #03BFFE;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

.btn-iframe {
  white-space: normal;
  max-width: 80%; }

/* Button pending */
.btn-pending {
  line-height: 1em;
  background-color: #F3F4F4;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  color: #999999;
  border-color: #F3F4F4; }
  .btn-pending:hover, .btn-pending:focus, .btn-pending:focus:hover, .btn-pending:active, .btn-pending:active:hover, .btn-pending:active:focus {
    background-color: #F3F4F4;
    color: #999999;
    border-color: #F3F4F4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Button gridtape */
.btn-gridtape {
  background-color: #222222;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  color: #FFF;
  border-color: #222222; }
  .btn-gridtape:hover, .btn-gridtape:focus, .btn-gridtape:focus:hover, .btn-gridtape:active, .btn-gridtape:active:hover, .btn-gridtape:active:focus {
    background-color: #353535;
    color: #FFF;
    border-color: #353535;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Button play */
.btn-play {
  background-color: #00A3DA;
  color: #FFF;
  border-color: #00A3DA;
  opacity: 0.8;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em; }
  .btn-play:hover, .btn-play:active, .btn-play:focus {
    background-color: #03BFFE;
    color: #FFF;
    border-color: #03BFFE;
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
  .btn-play > span {
    font-size: 3em; }

/* Stroke button for dark background */
.btn-stroke-light {
  background-color: transparent;
  color: #999999;
  border-color: #999999;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .btn-stroke-light:hover, .btn-stroke-light:active, .btn-stroke-light:focus {
    background-color: #00A3DA;
    color: #FFF;
    border-color: #00A3DA;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Stroke button for light background */
.btn-stroke-dark {
  background-color: transparent;
  color: #353535;
  border-color: #353535;
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }
  .btn-stroke-dark:hover, .btn-stroke-dark:active, .btn-stroke-dark:focus {
    background-color: #00A3DA;
    color: #FFF;
    border-color: #00A3DA;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Stroke button full white */
.btn-stroke-white {
  background-color: transparent;
  color: #FFF;
  border-color: #FFF;
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }
  .btn-stroke-white:hover, .btn-stroke-white:active, .btn-stroke-white:focus {
    background-color: #00A3DA;
    color: #FFF;
    border-color: #00A3DA;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Stroke button GoPro color */
.btn-stroke-gopro {
  background-color: transparent;
  color: #00A3DA;
  border-color: #00A3DA;
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }
  .btn-stroke-gopro:hover, .btn-stroke-gopro:active, .btn-stroke-gopro:focus {
    background-color: #03BFFE;
    color: #FFF;
    border-color: #03BFFE;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* No stroke */
.btn-no-stroke {
  background-color: transparent;
  color: #999999;
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }
  .btn-no-stroke:hover, .btn-no-stroke:active, .btn-no-stroke:focus {
    background-color: #F9FAFA;
    color: #999999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Edit button */
.btn-edit {
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  border-radius: 10em;
  background-color: #000;
  color: #FFF;
  padding: 0.4rem 0rem;
  width: 4rem;
  height: 4rem;
  line-height: 2.5rem;
  font-size: 2rem; }
  .btn-edit:hover:not(.disabled), .btn-edit:focus:not(.disabled), .btn-edit:active:not(.disabled) {
    background-color: #03BFFE;
    color: #FFF;
    cursor: pointer; }
  .btn-edit.dismiss {
    line-height: 0; }

/* Close button */
.btn-close {
  background-color: transparent;
  padding: 0em;
  color: #000;
  font-size: 3em;
  line-height: 0em; }
  .btn-close:hover, .btn-close:focus, .btn-close:active {
    color: #D8D8D8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

/* Large Tabulation with centered icons (special markup) */
.btn-tabulation {
  display: table;
  padding: 2.5em 1.8em;
  background-color: transparent;
  border-radius: 0; }
  .btn-tabulation > span {
    display: table-cell;
    vertical-align: middle;
    color: #FFF;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em; }
    .btn-tabulation > span:first-child {
      padding-right: 1.5em; }
    .btn-tabulation > span:last-child {
      text-align: left;
      white-space: normal;
      word-spacing: 10em;
      text-transform: uppercase; }
  .btn-tabulation.active {
    background-color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
    .btn-tabulation.active > span {
      color: #00A3DA; }
  .btn-tabulation:hover > span {
    color: #00A3DA; }
  .btn-tabulation + .btn-tabulation {
    border-top: 1px solid #FFF;
    margin-left: 0; }

@media (min-width: 768px) and (max-width: 992px) {
  .btn-tabulation {
    width: 100%;
    padding: 1.0em 1.5em; }
    .btn-tabulation > span {
      font-size: 1.2em; }
      .btn-tabulation > span:last-child {
        word-spacing: normal;
        text-transform: none; } }
@media (max-width: 768px) {
  .btn-tabulation {
    display: inline-block;
    padding: 1.0em 1.5em;
    float: left; }
    .btn-tabulation > span {
      display: inline;
      font-size: 1.2em; }
      .btn-tabulation > span:first-child {
        padding-right: 0em; }
      .btn-tabulation > span:last-child {
        display: none; }
    .btn-tabulation + .btn-tabulation {
      border-left: 1px solid #FFF;
      border-top: none; } }
/* Forms */
label {
  font-weight: normal; }

.form-control {
  border: 1px solid #D8D8D8; }

textarea.form-control, textarea.form-minimal {
  padding: 1em; }
textarea.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

textarea, textarea.form-control, input.form-control {
  font-size: 1.4em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #D8D8D8;
  width: 100%;
  color: #353535;
  resize: none; }

/* Standard form */
.form-std input, .form-std input.form-control, .form-std.form-control input, .form-std.form-control input.form-control {
  height: 3em;
  padding: 0em 1.6em 0em 0em;
  font-size: 1.6em; }
  .form-std input.border-bottom, .form-std input.form-control.border-bottom, .form-std.form-control input.border-bottom, .form-std.form-control input.form-control.border-bottom {
    border-bottom: 2px solid #D8D8D8 !important; }
.form-std .input-group .form-control, .form-std.form-control .input-group .form-control {
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  border: 0px;
  box-shadow: none;
  background-color: #FFF; }
.form-std .input-group .input-group-addon, .form-std .input-group .input-group-addon > span, .form-std.form-control .input-group .input-group-addon > span, .form-std .form-minimal.form-control .input-group .input-group-addon > span, .form-minimal.form-control .form-std .input-group .input-group-addon > span, .form-std.form-control .input-group .input-group-addon, .form-std.form-control .input-group .input-group-addon > span {
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  border: 0px;
  box-shadow: none;
  background-color: #FFF;
  padding-left: 0.4em;
  padding-right: 0.6em; }
  .form-std .input-group .input-group-addon > span, .form-std .input-group .input-group-addon > span > span, .form-std.form-control .input-group .input-group-addon > span > span, .form-std .form-minimal.form-control .input-group .input-group-addon > span > span, .form-minimal.form-control .form-std .input-group .input-group-addon > span > span, .form-std.form-control .input-group .input-group-addon > span, .form-std.form-control .input-group .input-group-addon > span > span {
    font-size: 1.8em;
    color: #03BFFE; }

/* Minimal form */
.form-minimal input, .form-minimal input.form-control, .form-minimal.form-control input, .form-minimal.form-control input.form-control {
  height: 3em;
  padding: 0em 1em;
  font-size: 1.5em;
  border: 1px solid #D8D8D8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .form-minimal input:focus, .form-minimal input.form-control:focus, .form-minimal.form-control input:focus, .form-minimal.form-control input.form-control:focus {
    border: 1px solid #66afe9; }
.form-minimal .input-group, .form-minimal.form-control .input-group {
  width: 100%; }
  .form-minimal .input-group .input-group-addon, .form-minimal .form-std.form-control .input-group .input-group-addon > span, .form-std.form-control .form-minimal .input-group .input-group-addon > span, .form-minimal .input-group .input-group-addon > span, .form-minimal.form-control .input-group .input-group-addon > span, .form-minimal.form-control .input-group .input-group-addon, .form-minimal.form-control .input-group .input-group-addon > span {
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -ms-border-radius: 0em;
    border-radius: 0em;
    border: 0px;
    box-shadow: none;
    background-color: #FFF; }
    .form-minimal .input-group .input-group-addon > span, .form-minimal .form-std.form-control .input-group .input-group-addon > span > span, .form-std.form-control .form-minimal .input-group .input-group-addon > span > span, .form-minimal .input-group .input-group-addon > span > span, .form-minimal.form-control .input-group .input-group-addon > span > span, .form-minimal.form-control .input-group .input-group-addon > span, .form-minimal.form-control .input-group .input-group-addon > span > span {
      font-size: 1.8em;
      color: #03BFFE; }

/* Transparent form */
.form-transparent {
  text-align: center; }
  .form-transparent input::-webkit-input-placeholder, .form-transparent textarea::-webkit-input-placeholder {
    /* Chrome */
    color: #FFF; }
  .form-transparent input:-ms-input-placeholder, .form-transparent textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #FFF; }
  .form-transparent input::-moz-placeholder, .form-transparent textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF;
    opacity: 1; }
  .form-transparent input:-moz-placeholder, .form-transparent textarea:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #FFF;
    opacity: 1; }
  .form-transparent input.form-control {
    height: auto;
    padding: 0em;
    font-size: 1.5em;
    border: 1px solid #FFF;
    background-color: transparent;
    color: #FFF;
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
    .form-transparent input.form-control:focus {
      border: 1px solid #FFF; }
  .form-transparent textarea.form-control {
    background-color: transparent;
    border: none;
    color: #FFF;
    text-align: center;
    text-transform: uppercase; }
  .form-transparent .input-group {
    width: 100%; }
    .form-transparent .input-group .input-group-addon, .form-transparent .form-std.form-control .input-group .input-group-addon > span, .form-std.form-control .form-transparent .input-group .input-group-addon > span, .form-transparent .form-minimal.form-control .input-group .input-group-addon > span, .form-minimal.form-control .form-transparent .input-group .input-group-addon > span, .form-transparent .input-group .input-group-addon > span {
      -webkit-border-radius: 0em;
      -moz-border-radius: 0em;
      -ms-border-radius: 0em;
      border-radius: 0em;
      border: 0px;
      box-shadow: none;
      background-color: transparent; }
      .form-transparent .input-group .input-group-addon > span, .form-transparent .form-std.form-control .input-group .input-group-addon > span > span, .form-std.form-control .form-transparent .input-group .input-group-addon > span > span, .form-transparent .form-minimal.form-control .input-group .input-group-addon > span > span, .form-minimal.form-control .form-transparent .input-group .input-group-addon > span > span, .form-transparent .input-group .input-group-addon > span > span {
        font-size: 1.8em;
        color: #FFF; }
    .form-transparent .input-group label {
      font-size: 1.6em;
      text-transform: uppercase;
      color: #FFF; }
    @media (min-width: 768px) and (max-width: 992px) {
      .form-transparent .input-group label {
        font-size: 1.4em; } }
    @media (max-width: 768px) {
      .form-transparent .input-group label {
        font-size: 1.2em; } }
  .form-transparent .bootstrap-tagsinput {
    background-color: transparent;
    border: none; }
    .form-transparent .bootstrap-tagsinput input {
      display: inline-block;
      width: 7em;
      background-color: transparent;
      border: 1px solid #FFF;
      color: #FFF;
      padding-left: 0.7em;
      text-transform: uppercase; }
      .form-transparent .bootstrap-tagsinput input:focus {
        border: 1px solid #FFF; }

/* Height auto */
.form-auto input, .form-auto input.form-control, .form-auto.form-control input, .form-auto.form-control input.form-control {
  height: auto;
  padding: 0.2em 0.4em;
  font-size: 1.3em;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
.form-auto .input-group, .form-auto.form-control .input-group {
  width: 100%; }

/* Bootstrap Tags Input */
.bootstrap-tagsinput {
  display: table;
  border: 1px solid #D8D8D8;
  background-color: #FFF;
  padding: 0.4em 1em;
  width: 100%;
  font-size: 1.3em;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

.bootstrap-tagsinput input {
  display: table-cell;
  border: none;
  padding: 0em;
  font-size: 1.3em;
  outline: inherit;
  line-height: 2.5em; }

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none; }

.bootstrap-tagsinput .tag {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.6em 0.5em 0.6em 1em;
  text-transform: uppercase;
  color: #FFF;
  font-family: "PF DinText Pro Thin", Arial, sans-serif;
  font-size: 1em;
  background-color: #00A3DA;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 0.7em;
  cursor: pointer; }

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  font-family: 'icomoon';
  content: "\e803";
  padding: 0; }

#link-start-at {
  padding: 0em 0.4em;
  font-size: 1em;
  color: #000;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  max-width: 4em; }

/* Form feedbacks */
.input-group.feedback {
  /* Success feedback */ }
  .input-group.feedback:after {
    font-family: 'Material Icons';
    position: absolute;
    top: 50%;
    right: 0.6em;
    font-size: 2em;
    margin-top: -0.6em;
    line-height: 1em;
    z-index: 99; }
  .input-group.feedback.has-success input {
    color: #7ED321; }
  .input-group.feedback.has-success .input-group-addon > i, .form-std .input-group.feedback.has-success .input-group-addon > span > i, .form-minimal .input-group.feedback.has-success .input-group-addon > span > i, .form-transparent .input-group.feedback.has-success .input-group-addon > span > i, .input-group.feedback.has-success .input-group-addon > span, .form-std .input-group.feedback.has-success .input-group-addon > span > span, .form-minimal .input-group.feedback.has-success .input-group-addon > span > span, .form-transparent .input-group.feedback.has-success .input-group-addon > span > span {
    color: #7ED321; }
  .input-group.feedback.has-success .form-control {
    border: none; }
  .input-group.feedback.has-error {
    border: 1px solid #F7403D; }
    .input-group.feedback.has-error .input-group-addon > i, .form-std .input-group.feedback.has-error .input-group-addon > span > i, .form-minimal .input-group.feedback.has-error .input-group-addon > span > i, .form-transparent .input-group.feedback.has-error .input-group-addon > span > i, .input-group.feedback.has-error .input-group-addon > span, .form-std .input-group.feedback.has-error .input-group-addon > span > span, .form-minimal .input-group.feedback.has-error .input-group-addon > span > span, .form-transparent .input-group.feedback.has-error .input-group-addon > span > span {
      color: #F7403D; }
    .input-group.feedback.has-error .form-control {
      border: none; }

/* News subscribing */
.subscribe input, .subscribe input.form-control {
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  height: 7rem;
  border: 1px solid #999999;
  background-color: transparent;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 2em;
  color: #999999; }
.subscribe button {
  text-transform: uppercase;
  height: 7rem;
  letter-spacing: 0.2em;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 2rem; }
@media (max-width: 768px) {
  .subscribe input {
    font-size: 1.6em; }
  .subscribe button {
    font-size: 1.5rem; } }

/* Search form */
.search-form {
  margin: auto; }
  .search-form input, .search-form input.form-control {
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -ms-border-radius: 0em;
    border-radius: 0em;
    border: none;
    background-color: rgba(255, 255, 255, 0.05);
    padding-left: 0.4em;
    padding-left: 0.4em;
    height: auto;
    font-size: 5em;
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    text-transform: uppercase;
    color: #FFF; }
    .search-form input:focus, .search-form input.form-control:focus {
      border-bottom-color: #00A3DA; }
    .search-form input::selection, .search-form input.form-control::selection {
      color: #000;
      background-color: #FFF; }
  .search-form button {
    background-color: transparent;
    color: #999999; }
    .search-form button > span {
      font-size: 5em; }
    .search-form button:hover, .search-form button:focus {
      color: #FFF; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .search-form input, .search-form input.form-control {
      font-size: 3em; }
    .search-form button > span {
      font-size: 3em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .search-form input, .search-form input.form-control {
      font-size: 2em; }
    .search-form button > span {
      font-size: 2em; } }
  @media (max-width: 768px) {
    .search-form input, .search-form input.form-control {
      font-size: 1.6em; }
    .search-form button > span {
      font-size: 1.6em; } }

/* Checkbox default */
.checkbox-default {
  background-color: #A4A5A5;
  /* Stroke color */ }
  .checkbox-default label {
    background-color: #141414;
    /* Inner box color */ }
    .checkbox-default label span {
      color: #999999;
      /* Color of the text label */
      font-size: 1.4em;
      /* Size of the text label */ }
    .checkbox-default label:after {
      color: #FFF;
      /* Color of the icon */ }
  .checkbox-default.checked {
    background-color: #03BFFE;
    /* Stroke color when checked */ }
    .checkbox-default.checked label {
      background-color: #03BFFE;
      /* Inner box color when checked */ }

/* Checkbox clear */
.checkbox-clear {
  background-color: #D8D8D8;
  /* Stroke color */ }
  .checkbox-clear label {
    background-color: #FFF;
    /* Inner box color */ }
    .checkbox-clear label span {
      color: #999999;
      /* Color of the text label */
      font-size: 1.4em;
      /* Size of the text label */ }
    .checkbox-clear label:after {
      color: #FFF;
      /* Color of the icon */ }
  .checkbox-clear.checked {
    background-color: #03BFFE;
    /* Stroke color when checked */ }
    .checkbox-clear.checked label {
      background-color: #03BFFE;
      /* Inner box color when checked */ }

/* Select replacer and pseudo select */
.select-wrapper.stroke-light > span.title-label {
  font-size: 1.6em;
  text-transform: uppercase;
  color: #F9FAFA;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  letter-spacing: 0.05em;
  border: 5px solid #F9FAFA;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .select-wrapper.stroke-light > span.title-label > span.icon-select-arrows {
    color: #FFF; }
  .select-wrapper.stroke-light > span.title-label > span.active {
    background-color: #03BFFE;
    color: #FFF;
    border-color: transparent; }
  .select-wrapper.stroke-light > span.title-label:hover {
    color: #FFF;
    background-color: #03BFFE;
    border-color: #03BFFE; }
    .select-wrapper.stroke-light > span.title-label:hover > span.icon-select-arrows {
      color: #F9FAFA; }
.select-wrapper.stroke-light ul.select-inner {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 3px #000;
  -moz-box-shadow: 0px 0px 3px #000;
  -ms-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border: 0.7em solid #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.3em; }
  .select-wrapper.stroke-light ul.select-inner li {
    font-family: "PF DinText Pro Regular", Arial, sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D8;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
    .select-wrapper.stroke-light ul.select-inner li:hover, .select-wrapper.stroke-light ul.select-inner li.active {
      background-color: #03BFFE;
      color: #FFF;
      border-color: transparent; }
    .select-wrapper.stroke-light ul.select-inner li > a {
      font-family: "PF DinText Pro Regular", Arial, sans-serif;
      letter-spacing: 0.05em;
      font-weight: bold;
      border-top: none; }
    .select-wrapper.stroke-light ul.select-inner li:first-child {
      border-top: none; }
    .select-wrapper.stroke-light ul.select-inner li:last-child {
      border-bottom: none; }
.select-wrapper.stroke-dark > span.title-label {
  font-size: 1.6em;
  text-transform: uppercase;
  color: #353535;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  letter-spacing: 0.05em;
  border: 5px solid #353535;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .select-wrapper.stroke-dark > span.title-label > span.icon-select-arrows {
    color: #353535; }
  .select-wrapper.stroke-dark > span.title-label > span.active {
    background-color: #03BFFE;
    color: #FFF;
    border-color: transparent; }
  .select-wrapper.stroke-dark > span.title-label:hover {
    color: #FFF;
    background-color: #03BFFE;
    border-color: #03BFFE; }
    .select-wrapper.stroke-dark > span.title-label:hover > span.icon-select-arrows {
      color: #FFF; }
.select-wrapper.stroke-dark ul.select-inner {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 3px #000;
  -moz-box-shadow: 0px 0px 3px #000;
  -ms-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border: 0.7em solid #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.3em; }
  .select-wrapper.stroke-dark ul.select-inner li {
    font-family: "PF DinText Pro Regular", Arial, sans-serif;
    color: #353535;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D8;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
    .select-wrapper.stroke-dark ul.select-inner li:hover, .select-wrapper.stroke-dark ul.select-inner li.active {
      background-color: #03BFFE;
      color: #FFF;
      border-color: transparent; }
    .select-wrapper.stroke-dark ul.select-inner li > a {
      font-family: "PF DinText Pro Regular", Arial, sans-serif;
      letter-spacing: 0.05em;
      font-weight: bold;
      border-top: none; }
    .select-wrapper.stroke-dark ul.select-inner li:first-child {
      border-top: none; }
    .select-wrapper.stroke-dark ul.select-inner li:last-child {
      border-bottom: none; }
.select-wrapper.no-stroke > span.title-label {
  font-size: 1.6em;
  text-transform: uppercase;
  color: #F9FAFA;
  font-family: "PF DinText Pro Regular", Arial, sans-serif;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  letter-spacing: 0.05em;
  border: none; }
  .select-wrapper.no-stroke > span.title-label > span.icon-select-arrows {
    color: #F9FAFA; }
  .select-wrapper.no-stroke > span.title-label > span.active {
    background-color: #03BFFE;
    color: #FFF;
    border-color: transparent; }
  .select-wrapper.no-stroke > span.title-label:hover {
    color: #FFF;
    background-color: #03BFFE;
    border: none; }
    .select-wrapper.no-stroke > span.title-label:hover > span.icon-select-arrows {
      color: #FFF; }
.select-wrapper.no-stroke ul.select-inner {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 30px -15px #000;
  -moz-box-shadow: 0px 0px 30px -15px #000;
  -ms-box-shadow: 0px 0px 30px -15px #000;
  box-shadow: 0px 0px 30px -15px #000;
  border: none;
  font-size: 1.3em; }
  .select-wrapper.no-stroke ul.select-inner li {
    font-family: "PF DinText Pro Regular", Arial, sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D8;
    -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
    .select-wrapper.no-stroke ul.select-inner li:hover, .select-wrapper.no-stroke ul.select-inner li.active {
      background-color: #03BFFE;
      color: #FFF;
      border-color: transparent; }
    .select-wrapper.no-stroke ul.select-inner li > a {
      font-family: "PF DinText Pro Regular", Arial, sans-serif;
      letter-spacing: 0.05em;
      font-weight: bold;
      border-top: none; }
    .select-wrapper.no-stroke ul.select-inner li:first-child {
      border-top: none; }
    .select-wrapper.no-stroke ul.select-inner li:last-child {
      border-bottom: none; }

/* Upload Process */
.upload-process [data-steps] {
  display: none; }
.upload-process .editor {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 2em;
  min-height: 560px; }
  .upload-process .editor #KolorEyesPlayerEditParent,
  .upload-process .editor #KolorEyesPlayerEdit {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    .upload-process .editor #KolorEyesPlayerEditParent #KolorEyesPlayerEdit:after,
    .upload-process .editor #KolorEyesPlayerEdit #KolorEyesPlayerEdit:after {
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      transition: opacity 0.3s;
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: #000; }
    .upload-process .editor #KolorEyesPlayerEditParent #KolorEyesPlayerEdit.medium:after,
    .upload-process .editor #KolorEyesPlayerEdit #KolorEyesPlayerEdit.medium:after {
      opacity: 0.5; }
    .upload-process .editor #KolorEyesPlayerEditParent #KolorEyesPlayerEdit.full:after,
    .upload-process .editor #KolorEyesPlayerEdit #KolorEyesPlayerEdit.full:after {
      opacity: 1; }
  .upload-process .editor > .form-group {
    padding: 20% 10% 3em 10%; }
  .upload-process .editor > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.7; }
  .upload-process .editor > .preview {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 560px;
    z-index: 150;
    padding: 10%;
    text-align: center; }
    .upload-process .editor > .preview > div {
      display: table-cell;
      vertical-align: middle; }
      .upload-process .editor > .preview > div > h1 {
        margin: 0;
        font-size: 5em;
        margin-bottom: 0.5em; }
      .upload-process .editor > .preview > div > p {
        color: #FFF;
        font-size: 1.6em;
        text-transform: uppercase;
        max-height: 7em;
        overflow: auto; }
      @media (min-width: 768px) and (max-width: 992px) {
        .upload-process .editor > .preview > div > h1 {
          font-size: 2em; }
        .upload-process .editor > .preview > div > p {
          font-size: 1.3em; } }
      @media (max-width: 768px) {
        .upload-process .editor > .preview > div > h1 {
          font-size: 2em; }
        .upload-process .editor > .preview > div > p {
          font-size: 1em; } }
.upload-process .btn-alert {
  cursor: inherit;
  border: 5px solid #353535; }
  .upload-process .btn-alert .first-text {
    letter-spacing: -0.01em;
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    color: #F3F4F4;
    font-size: 7em; }
  .upload-process .btn-alert .second-text {
    font-size: 1.6em;
    color: #F3F4F4;
    white-space: normal; }
.upload-process .btn-file {
  text-transform: uppercase;
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  font-size: 1.6em;
  border: 5px dashed #00A3DA; }
  .upload-process .btn-file .filename, .upload-process .btn-file .first-text, .upload-process .btn-file .second-text {
    font-family: "PF DinText Pro Bold", Arial, sans-serif; }
  .upload-process .btn-file .first-text {
    letter-spacing: -0.01em;
    color: #F3F4F4;
    font-size: 1.3em; }
  .upload-process .btn-file .second-text {
    font-size: 0.8em;
    color: #F3F4F4; }
  .upload-process .btn-file .separator hr {
    border-top: 1px solid #999999; }
  .upload-process .btn-file .separator .left, .upload-process .btn-file .separator .right, .upload-process .btn-file .separator .text {
    font-family: "Proxima Nova Regular", Arial, sans-serif; }
  .upload-process .btn-file .separator .text {
    padding: 0em 2em; }
  .upload-process .btn-file .remove {
    font-size: 60%; }
  @media (max-width: 768px) {
    .upload-process .btn-file .select-file, .upload-process .btn-file .first-text, .upload-process .btn-file .second-text, .upload-process .btn-file .separator, .upload-process .btn-file .filename {
      font-size: 70%; } }
  .upload-process .btn-file:hover .separator .text {
    color: #999999; }
  .upload-process .btn-file:hover .filename {
    color: #F9FAFA; }

.tooltip.in {
  opacity: 1; }

.tooltip-inner {
  color: #FFF !important;
  font-size: 1.3em;
  background-color: #F7403D;
  border-radius: 0px;
  -webkit-box-shadow: 0px 2px 3px #000;
  -moz-box-shadow: 0px 2px 3px #000;
  -ms-box-shadow: 0px 2px 3px #000;
  box-shadow: 0px 2px 3px #000; }

.tooltip.top .tooltip-arrow {
  border-top-color: #F7403D; }

/*
* COMPONENTS
* Only skin properties
*/
/* Global for body */
body {
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -ms-transition: filter 0.3s;
  transition: filter 0.3s;
  background-color: #000; }

/* Logos */
.gopro-logo-base {
  height: 5em;
  width: auto; }

/* Sections */
.section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* Responsive table */
  /* Full page with content centered horizontaly and verticaly */
  /* Blurred section */
  /* Pre footer */
  /* Category header */
  /* Sumo */
  /* Section Dark */
  /* Section grid tape color (darker than dark) */
  /* Section Light */
  /* Profile header */
  /* Menu */
  /* Wall */
  /* Pre footer */
  /* FAQ */
  /* Video page */
  /* Tags on video page */
  /* User set video */
  /* User set mini */
  /* User set standard */ }
  .section .pre-text {
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 0.7em; }
  .section .pre-text-2 {
    text-transform: uppercase;
    font-size: 1.8em;
    letter-spacing: 0.3em; }
  @media (max-width: 768px) {
    .section .pre-text-2 {
      font-size: 1.4em; } }
  .section .text {
    font-size: 1.6em; }
    .section .text ul li {
      font-size: 1em; }
  .section table {
    font-size: 0.8em; }
    .section table caption {
      font-size: 1.6em;
      text-transform: uppercase;
      font-family: "PF DinText Pro Bold", Arial, sans-serif;
      border-bottom: 1px solid rgba(128, 128, 128, 0.2); }
    .section table thead th {
      border-bottom: 1px solid rgba(128, 128, 128, 0.2);
      text-align: center; }
      .section table thead th:first-child {
        text-align: left; }
    .section table tr td {
      border-bottom: 1px solid rgba(128, 128, 128, 0.2);
      text-align: center; }
      .section table tr td:first-child {
        text-align: left; }
      .section table tr td.status {
        text-align: center; }
        .section table tr td.status.success {
          background-color: #7ED321; }
        .section table tr td.status.danger {
          background-color: #F7403D; }
        .section table tr td.status.warning {
          background-color: #F5A700; }
        .section table tr td.status.yellow {
          background-color: #FFD700; }
    @media (min-width: 768px) and (max-width: 992px) {
      .section table tr {
        border: 1px solid #999999; }
        .section table tr td {
          font-size: 1.2em;
          text-align: right; }
          .section table tr td:before {
            font-weight: bold;
            font-size: 1.2em; }
          .section table tr td:first-child {
            background-color: rgba(128, 128, 128, 0.2);
            text-align: right;
            font-weight: bold; } }
    @media (max-width: 768px) {
      .section table tr {
        border: none; }
        .section table tr td {
          font-size: 1.2em;
          text-align: right; }
          .section table tr td:before {
            font-weight: bold;
            font-size: 1.2em; }
          .section table tr td:first-child {
            background-color: rgba(128, 128, 128, 0.2);
            text-align: right;
            font-weight: bold; } }
  @media (max-width: 768px) {
    .section .text {
      font-size: 1.2em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .section .text {
      font-size: 1.3em; } }
  .section h1, .section h2, .section h3, .section h4 {
    text-transform: uppercase; }
  .section h1 {
    font-size: 7em; }
  @media (max-width: 768px) {
    .section h1 {
      font-size: 5em; } }
  .section h2 {
    font-size: 3em; }
  .section h3 {
    font-size: 2em; }
  .section.full-page > .overlay {
    background-color: #353535; }
  .section.full-page h1, .section.full-page h2, .section.full-page h3, .section.full-page h4, .section.full-page h5 {
    color: #FFF; }
  .section.full-page p, .section.full-page div {
    color: #999999; }
  .section.full-page .text {
    color: #A4A5A5; }
  .section.full-page .pre-text {
    color: #999999; }
  .section.full-page .text-label {
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    color: #F9FAFA;
    text-transform: uppercase;
    font-size: 1.4em; }
  .section.full-page .text-help {
    color: #999999;
    font-size: 1.3em; }
  .section.blur {
    filter: blur(10px);
    -webkit-filter: blur(10px); }
  .section.category-header h1 {
    font-size: 10vmin; }
  .section.category-header h2 {
    font-size: 6vmin; }
  .section.category-header .pre-text {
    font-size: 2vmin;
    text-transform: uppercase;
    letter-spacing: 0.2em; }
  .section.category-header.minified h1 {
    font-size: 3em; }
    .section.category-header.minified h1 sup {
      font-family: "PF DinText Pro Thin", Arial, sans-serif;
      font-size: 30%;
      top: -0.6em; }
  .section.category-header.minified h2 {
    font-size: 1.2em; }
  .section.category-header.minified .pre-text {
    font-size: 1em; }
  .section.sumo > .overlay {
    background-color: #000;
    opacity: 0.7; }
  .section.dark h1, .section.gridtape h1, .section.dark h2, .section.gridtape h2, .section.dark h3, .section.gridtape h3, .section.dark h4, .section.gridtape h4, .section.dark h5, .section.gridtape h5 {
    color: #FFF; }
  .section.dark p, .section.gridtape p, .section.dark div, .section.gridtape div {
    color: #999999; }
  .section.dark .text, .section.gridtape .text {
    color: #A4A5A5; }
  .section.dark .pre-text, .section.gridtape .pre-text {
    color: #999999; }
  .section.dark .text-label, .section.gridtape .text-label {
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    color: #F9FAFA;
    text-transform: uppercase;
    font-size: 1.4em; }
  .section.dark .text-help, .section.gridtape .text-help {
    color: #999999;
    font-size: 1.3em; }
  .section.dark > .overlay, .section.gridtape > .overlay {
    background-color: #000;
    opacity: 0.85; }
    .section.dark > .overlay.low-opacity, .section.gridtape > .overlay.low-opacity {
      opacity: 0.3; }
  .section.dark.category-header > .overlay, .category-header.section.gridtape > .overlay {
    background-color: #000;
    opacity: 0.5; }
  .section.dark.category-header .pre-text, .category-header.section.gridtape .pre-text {
    color: #FFF; }
  .section.dark.fixed, .fixed.section.gridtape {
    background-color: #FFF; }
    .section.dark.fixed > .overlay, .fixed.section.gridtape > .overlay {
      opacity: 0.9;
      background-position: top;
      background-size: 100%;
      background-repeat: no-repeat; }
      .section.dark.fixed > .overlay:after, .fixed.section.gridtape > .overlay:after {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,1+100 */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, black 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, black 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, black 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#000000',GradientType=0 );
        /* IE6-8 */ }
  .section.gridtape > .overlay {
    background-color: #222222;
    opacity: 1; }
  .section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5 {
    color: #141414; }
  .section.light p, .section.light div {
    color: #141414; }
  .section.light .text {
    color: #353535; }
  .section.light .pre-text {
    color: #999999; }
  .section.light > .overlay {
    background-color: #FFF;
    opacity: 0.9; }
    .section.light > .overlay.low-opacity {
      opacity: 0.3; }
  .section.light.category-header > .overlay {
    background-color: #FFF;
    opacity: 0.5; }
  .section.light.category-header .pre-text {
    color: #000; }
  .section.profile-header > .overlay {
    background-color: #222222;
    opacity: 1; }
  .section.profile-header p.pic {
    width: 15vh;
    height: 15vh;
    -webkit-border-radius: 12em;
    -moz-border-radius: 12em;
    -ms-border-radius: 12em;
    border-radius: 12em;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .section.profile-header p.pic > img {
      display: none; }
  .section.profile-header h1 {
    color: #FFF;
    font-size: 5em;
    padding-left: 1em;
    padding-right: 1em;
    word-wrap: break-word; }
  @media (max-width: 768px) {
    .section.profile-header h1 {
      font-size: 2em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .section.profile-header h1 {
      font-size: 3em; } }
  .section.profile-header .text {
    color: #999999;
    text-align: center;
    font-size: 1.4em;
    padding-left: 1em;
    padding-right: 1em;
    word-wrap: break-word; }
  @media (max-width: 768px) {
    .section.profile-header .text {
      font-size: 1.3em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .section.profile-header .text {
      font-size: 1.6em; } }
  .section.profile-header p.likes,
  .section.profile-header p.views {
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    font-size: 1.8em; }
    .section.profile-header p.likes span,
    .section.profile-header p.views span {
      text-transform: uppercase;
      font-size: 50%;
      letter-spacing: 0.3em; }
  .section.menu {
    background-color: #000;
    color: #999999; }
    .section.menu p a.link-filter span {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .section.menu p a.link-filter.active.d span.icon-keyboard_arrow_up {
      color: #999999; }
    .section.menu p a.link-filter.active.a span.icon-keyboard_arrow_down {
      color: #999999; }
  .section.wall {
    background-color: #000; }
    .section.wall > .container-fluid > .row > div {
      -webkit-transition: width 1s, height 1s, padding 1s;
      -moz-transition: width 1s, height 1s, padding 1s;
      -ms-transition: width 1s, height 1s, padding 1s;
      transition: width 1s, height 1s, padding 1s;
      /* Video block menu buttons */ }
      .section.wall > .container-fluid > .row > div > .overlay {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        transition: opacity 0.3s; }
      .section.wall > .container-fluid > .row > div.hoverable {
        border-top: 6px solid #000;
        border-left: 6px solid #000; }
        .section.wall > .container-fluid > .row > div.hoverable .table,
        .section.wall > .container-fluid > .row > div.hoverable p.statistics {
          opacity: 0;
          -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          -ms-transition: opacity 0.3s;
          transition: opacity 0.3s; }
        .section.wall > .container-fluid > .row > div.hoverable:hover .overlay, .section.wall > .container-fluid > .row > div.hoverable.viewed .overlay {
          opacity: 0.5; }
        .section.wall > .container-fluid > .row > div.hoverable:hover .table,
        .section.wall > .container-fluid > .row > div.hoverable:hover p.statistics, .section.wall > .container-fluid > .row > div.hoverable.viewed .table,
        .section.wall > .container-fluid > .row > div.hoverable.viewed p.statistics {
          opacity: 1; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover:after {
          opacity: 0.4;
          -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          -ms-transition: opacity 0.3s;
          transition: opacity 0.3s;
          background-color: #000; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover:hover .overlay:first-child {
          opacity: 1; }
        .section.wall > .container-fluid > .row > div.hoverable.force-hover:hover:after {
          opacity: 0.2; }
        .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell h3 {
          color: #FFF;
          font-size: 5em; }
        @media (min-width: 992px) and (max-width: 1200px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell h3 {
            font-size: 3em; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell h3 {
            font-size: 3em; } }
        @media (max-width: 768px) {
          .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell h3 {
            font-size: 3em; } }
        .section.wall > .container-fluid > .row > div.hoverable.featured .table .cell p.pre-text {
          color: #FFF;
          font-size: 1.2em; }
      .section.wall > .container-fluid > .row > div .table .cell {
        text-align: center; }
        .section.wall > .container-fluid > .row > div .table .cell h3 {
          color: #FFF;
          font-size: 3em;
          padding-left: 1em;
          padding-right: 1em; }
        @media (max-width: 768px) {
          .section.wall > .container-fluid > .row > div .table .cell h3 {
            font-size: 7vmin; } }
        .section.wall > .container-fluid > .row > div .table .cell .text {
          text-align: center;
          color: #F9FAFA;
          text-transform: uppercase;
          letter-spacing: 0.3em;
          font-size: 1em;
          padding-left: 2em;
          padding-right: 2em; }
      .section.wall > .container-fluid > .row > div p.statistics {
        text-align: center;
        color: #F9FAFA;
        text-transform: uppercase;
        letter-spacing: 0.3em;
        font-size: 1em; }
      .section.wall > .container-fluid > .row > div > a {
        /* This a an invisible link for layout purpose, that's why it is here */ }
      .section.wall > .container-fluid > .row > div .downloadable {
        position: absolute;
        top: 2rem;
        right: 7rem;
        z-index: 1600;
        background-color: white;
        color: black; }
        .section.wall > .container-fluid > .row > div .downloadable:hover {
          background-color: #00A3DA;
          color: white; }
      .section.wall > .container-fluid > .row > div nav.menublock {
        position: absolute;
        top: 2rem;
        right: 2rem;
        height: 45px;
        z-index: 1600; }
        .section.wall > .container-fluid > .row > div nav.menublock > input {
          display: block;
          position: absolute;
          cursor: pointer;
          top: -15px;
          left: 0;
          width: 100%;
          padding: 0;
          height: 4em;
          opacity: 0; }
          .section.wall > .container-fluid > .row > div nav.menublock > input + button {
            line-height: 0; }
            .section.wall > .container-fluid > .row > div nav.menublock > input + button > span {
              line-height: 0; }
              .section.wall > .container-fluid > .row > div nav.menublock > input + button > span:last-child {
                display: none; }
            .section.wall > .container-fluid > .row > div nav.menublock > input + button + .dropdown {
              opacity: 0;
              transform: scale(0);
              transform-origin: top center;
              transition: opacity 0.3s, transform 0.3s; }
              .section.wall > .container-fluid > .row > div nav.menublock > input + button + .dropdown > button {
                line-height: 0; }
                .section.wall > .container-fluid > .row > div nav.menublock > input + button + .dropdown > button > span {
                  line-height: 0; }
          .section.wall > .container-fluid > .row > div nav.menublock > input:checked + button > span:first-child {
            display: none; }
          .section.wall > .container-fluid > .row > div nav.menublock > input:checked + button > span:last-child {
            display: inherit; }
          .section.wall > .container-fluid > .row > div nav.menublock > input:checked + button + .dropdown {
            display: block;
            opacity: 1;
            transform: scale(1); }
            .section.wall > .container-fluid > .row > div nav.menublock > input:checked + button + .dropdown > button {
              margin-top: 0.2em; }
              .section.wall > .container-fluid > .row > div nav.menublock > input:checked + button + .dropdown > button.disabled {
                cursor: select;
                opacity: 0.3; }
        .section.wall > .container-fluid > .row > div nav.menublock:hover {
          height: auto; }
          .section.wall > .container-fluid > .row > div nav.menublock:hover > input + button {
            background-color: #00A3DA; }
          .section.wall > .container-fluid > .row > div nav.menublock:hover > input:checked + button {
            background-color: #000; }
  .section.pre-footer > .overlay {
    background-color: #353535;
    border-bottom: 1px solid #444;
    opacity: 1; }
  .section.pre-footer .logo {
    width: 7em;
    height: auto; }
  .section.pre-footer p.text {
    font-size: 1.6em; }
    .section.pre-footer p.text a {
      font-size: 0.7em; }
  .section .faq-item > h2 {
    font-family: "PF DinText Pro Thin", Arial, sans-serif;
    text-transform: none;
    padding-bottom: 0.4em;
    border-bottom: 1px solid rgba(128, 128, 128, 0.5); }
  @media (max-width: 768px) {
    .section .faq-item > h2 {
      font-size: 2em; } }
  .section .faq-item table .icon-check {
    padding: 0.3em;
    border: 2px solid #7ED321;
    color: #7ED321; }
  .section .faq-item table .icon-close {
    padding: 0.3em;
    border: 2px solid #F7403D;
    color: #F7403D; }
  .section .faq-item table .icon-notification {
    color: #F5A700;
    font-size: 1.6em; }
  .section .consistent-block {
    background-color: #000; }
    .section .consistent-block.expander {
      background-color: #292929; }
  .section .statistics {
    text-decoration: none;
    display: inline-block; }
    .section .statistics.right {
      width: 6em;
      vertical-align: top; }
    .section .statistics.left {
      padding-top: 0.5em; }
    .section .statistics#share-button, .section .statistics#like-button, .section .statistics#patate-button, .section .statistics#download-button, .section .statistics.hoverable {
      cursor: pointer; }
      .section .statistics#share-button:hover > p.number, .section .statistics#like-button:hover > p.number, .section .statistics#patate-button:hover > p.number, .section .statistics#download-button:hover > p.number, .section .statistics.hoverable:hover > p.number {
        color: #FFF; }
      .section .statistics#share-button:hover > .text, .section .statistics#like-button:hover > .text, .section .statistics#patate-button:hover > .text, .section .statistics#download-button:hover > .text, .section .statistics.hoverable:hover > .text {
        color: #FFF; }
    .section .statistics > p.number {
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -ms-transition: color 0.3s;
      transition: color 0.3s;
      font-family: "Proxima Nova Regular", Arial, sans-serif;
      font-size: 2em; }
      .section .statistics > p.number [class^="icon-"].liked, .section .statistics > p.number [class^="icon-"].active, .section .statistics > p.number [class*=" icon-"].liked, .section .statistics > p.number [class*=" icon-"].active {
        color: #03BFFE; }
    .section .statistics > .text {
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -ms-transition: color 0.3s;
      transition: color 0.3s;
      font-size: 1em;
      text-transform: uppercase;
      color: #666666;
      letter-spacing: 0.1em; }
    @media (min-width: 768px) and (max-width: 992px) {
      .section .statistics.right {
        width: 17%; }
      .section .statistics.left {
        display: block;
        margin-bottom: 2em; } }
    @media (max-width: 768px) {
      .section .statistics.right {
        width: 17%; }
      .section .statistics.left {
        display: block;
        margin-bottom: 2em; } }
    @media (max-width: 768px) {
      .section .statistics > .text {
        font-size: 0.8em; } }
  .section .tags-zone {
    line-height: 3.0em;
    text-align: center; }
  .section .user-set-video .table .cell .pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    -ms-border-radius: 64px;
    border-radius: 64px; }
  .section .user-set-mini > .pic {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    -ms-border-radius: 10em;
    border-radius: 10em; }
  @media (max-width: 768px) {
    .section .user-set-mini > div, .section .user-set-mini > p {
      text-align: center; } }
  .section .user-set {
    text-align: center; }
    .section .user-set h1 {
      font-size: 3em; }
    @media (max-width: 768px) {
      .section .user-set h1 {
        font-size: 2em; } }
    .section .user-set > .pic {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      -webkit-border-radius: 10em;
      -moz-border-radius: 10em;
      -ms-border-radius: 10em;
      border-radius: 10em; }
    .section .user-set > .name {
      font-family: "PF DinText Pro Bold", Arial, sans-serif;
      font-size: 1.6em;
      text-transform: uppercase;
      letter-spacing: 0em; }
    .section .user-set > .category {
      text-transform: uppercase;
      letter-spacing: 0.1em; }
    .section .user-set > .statistics {
      text-transform: uppercase;
      letter-spacing: 0.3em;
      font-size: 1.6em; }
    .section .user-set > .statistics {
      color: #FFF; }

/* Shrunk container overlay */
.shrunk-container.overlay {
  background-color: rgba(0, 0, 0, 0.5); }

/* Modal */
body.modal-open .section {
  -webkit-filter: blur(5px);
  filter: blur(5px); }

.modal-backdrop.in {
  background-color: #353535;
  opacity: 0.9; }

.modal-content {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  border-radius: 0em;
  -webkit-box-shadow: 0px 0px 50px 0px #000;
  -moz-box-shadow: 0px 0px 50px 0px #000;
  -ms-box-shadow: 0px 0px 50px 0px #000;
  box-shadow: 0px 0px 50px 0px #000; }
  .modal-content > button.close {
    font-size: 2em; }
  .modal-content p.text {
    font-size: 1.6em; }
  .modal-content p.text-label {
    font-family: "PF DinText Pro Bold", Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 1.4em; }
  .modal-content p.text-help {
    color: #999999;
    font-size: 1.3em; }
  .modal-content .media-block {
    background-color: #000; }
    .modal-content .media-block > .overlay {
      opacity: 0.7;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    .modal-content .media-block .centered-content .table .cell {
      text-align: center;
      text-transform: uppercase;
      color: #FFF; }
      .modal-content .media-block .centered-content .table .cell h5 {
        font-size: 3em; }
      .modal-content .media-block .centered-content .table .cell .text {
        font-size: 1.2em; }
      @media (max-width: 768px) {
        .modal-content .media-block .centered-content .table .cell h5 {
          font-size: 1.8em; }
        .modal-content .media-block .centered-content .table .cell .text {
          font-size: 0.8em; } }
  .modal-content .tabs a.link-tab {
    font-size: 2.8em; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .modal-content .tabs a.link-tab {
      font-size: 2em; } }
  @media (min-width: 768px) and (max-width: 992px) {
    .modal-content .tabs a.link-tab {
      font-size: 1.8em; } }
  @media (max-width: 768px) {
    .modal-content .tabs a.link-tab {
      font-size: 1.8em; } }
  .modal-content.dark {
    background-color: #000; }
    .modal-content.dark h1, .modal-content.dark h2, .modal-content.dark h3, .modal-content.dark h4, .modal-content.dark h5, .modal-content.dark h6,
    .modal-content.dark p, .modal-content.dark span, .modal-content.dark li {
      color: #FFF; }

.modal-title {
  font-size: 5em;
  text-align: center;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .modal-title {
    font-size: 3em; } }
@media (min-width: 768px) and (max-width: 992px) {
  .modal-title {
    font-size: 3em; } }
/* Slider / Carousel */
.owl-carousel#homepage-slider {
  background-color: #000; }
.owl-carousel .owl-next, .owl-carousel .owl-prev {
  background-image: url("../images/ic_expand_more_white_24px.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.6;
  -webkit-transition: transform 0.3s, opacity 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s;
  -ms-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }
  .owl-carousel .owl-next:hover, .owl-carousel .owl-prev:hover {
    opacity: 1; }
.owl-carousel .owl-next {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.owl-carousel .owl-prev {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
.owl-carousel .owl-pagination .owl-page {
  border: 3px solid #FFF;
  padding: 0.4em;
  margin-right: 1em;
  opacity: 0.6;
  -webkit-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  -ms-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, border-color 0.3s, opacity 0.3s;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  -ms-border-radius: 64px;
  border-radius: 64px; }
  .owl-carousel .owl-pagination .owl-page.active, .owl-carousel .owl-pagination .owl-page:hover {
    background-color: #00A3DA;
    border-color: #00A3DA;
    opacity: 1; }
.owl-carousel .container-slide {
  text-align: center;
  background-color: #353535;
  background-image: url(../images/GoPro_Logo_VR_Reversed_rev2.svg);
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: 50% 20%;
  cursor: url("../images/grabbing.png"), move; }
  .owl-carousel .container-slide > .overlay {
    background-color: #000;
    opacity: 0.3; }
  .owl-carousel .container-slide > .centered-content .pre-text {
    text-transform: uppercase;
    color: #D8D8D8;
    letter-spacing: 0.4em;
    font-size: 2.0vh; }
  @media (max-width: 768px) {
    .owl-carousel .container-slide > .centered-content .pre-text {
      letter-spacing: 0.4em; } }
  .owl-carousel .container-slide > .centered-content h3 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 10vmin; }
  .owl-carousel .container-slide .btn-play {
    font-size: 2.5vh; }
  .owl-carousel .container-slide.special-1 > .overlay {
    background-color: #FFF;
    opacity: 0.7; }
  .owl-carousel .container-slide.special-1 > .centered-content .pre-text {
    color: #000;
    font-size: 2.5vh;
    letter-spacing: 0.1em; }
  .owl-carousel .container-slide.special-1 > .centered-content h3 {
    color: #000; }

/* Progress bars */
.progress {
  overflow: visible;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.5); }
  .progress .progress-bar {
    background-color: #FFF; }
    .progress .progress-bar > span {
      font-size: 1.3em;
      font-family: "Proxima Nova Regular", Arial, sans-serif;
      color: #FFF;
      text-transform: uppercase; }
      .progress .progress-bar > span:last-child {
        font-weight: bold; }

/* Rounded alphabet */
.rounded-alphabet {
  border-width: 0.08em;
  border-style: solid;
  font-family: "PF DinText Pro Bold", Arial, sans-serif;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 1220px;
  -moz-border-radius: 1220px;
  -ms-border-radius: 1220px;
  border-radius: 1220px;
  width: 1.92em;
  height: 1.92em;
  padding: 0.912em 0em 0em 0em;
  line-height: 0; }
  .rounded-alphabet.size-xxxxsmall {
    font-size: 0.32em; }
  .rounded-alphabet.size-xxxsmall {
    font-size: 0.64em; }
  .rounded-alphabet.size-xxsmall {
    font-size: 0.96em; }
  .rounded-alphabet.size-xsmall {
    font-size: 1.28em; }
  .rounded-alphabet.size-small {
    font-size: 1.44em; }
  .rounded-alphabet.size-large {
    font-size: 1.76em; }
  .rounded-alphabet.size-xlarge {
    font-size: 1.92em; }
  .rounded-alphabet.size-xxlarge {
    font-size: 2.24em; }
  .rounded-alphabet.size-xxxlarge {
    font-size: 2.56em; }
  .rounded-alphabet.size-xxxxlarge {
    font-size: 3.2em; }
  .rounded-alphabet.color-white {
    border-color: #FFF;
    color: #FFF; }
  .rounded-alphabet.color-black {
    border-color: #000;
    color: #000; }

/* Available soon text */
.available-soon {
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center; }

/* Pagination / Pagerfanta */
.pagerfanta {
  list-style: none;
  padding: 0em; }
  .pagerfanta li {
    display: inline-block;
    margin: 1em; }
  .pagerfanta .prev,
  .pagerfanta .next {
    display: none; }

/* Notifications */
.notification-bar {
  padding: 2em; }
  .notification-bar > button {
    margin-top: -1.5em;
    width: 3em;
    height: 3em;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    -ms-border-radius: 10em;
    border-radius: 10em;
    border: none;
    padding: 0em;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .notification-bar > button:hover {
      background-color: rgba(0, 0, 0, 0.4); }
    .notification-bar > button > span, .notification-bar > button > i {
      width: 3em;
      font-size: 1.8em;
      color: #FFF; }
  .notification-bar p {
    font-size: 1.3em; }
  @media (min-width: 768px) and (max-width: 992px) {
    .notification-bar > button {
      margin-top: -0.75em;
      width: 1.5em;
      height: 1.5em; }
      .notification-bar > button > span, .notification-bar > button > i {
        width: 1.5em;
        font-size: 1em; }
    .notification-bar p {
      font-size: 1.2em; } }
  @media (max-width: 768px) {
    .notification-bar > button {
      margin-top: -0.75em;
      width: 1.5em;
      height: 1.5em; }
      .notification-bar > button > span, .notification-bar > button > i {
        width: 1.5em;
        font-size: 1em; }
    .notification-bar p {
      font-size: 1em; } }
  .notification-bar.danger {
    background-color: #F7403D; }
    .notification-bar.danger p {
      color: #FFF;
      text-align: left; }
      .notification-bar.danger p a {
        color: #FFF;
        border-color: #FFF;
        font-weight: bold; }
    .notification-bar.danger > .arrow {
      background-color: #F7403D; }
  .notification-bar.success {
    background-color: #7ED321; }
    .notification-bar.success p {
      color: #FFF;
      text-align: left; }
      .notification-bar.success p a {
        color: #FFF;
        border-color: #FFF;
        font-weight: bold; }
    .notification-bar.success > .arrow {
      background-color: #7ED321; }
  .notification-bar.warning {
    background-color: #F5A700; }
    .notification-bar.warning p {
      color: #FFF;
      text-align: left; }
      .notification-bar.warning p a {
        color: #FFF;
        border-color: #FFF;
        font-weight: bold; }
    .notification-bar.warning > .arrow {
      background-color: #F5A700; }
  .notification-bar.gopro {
    background-color: #00A3DA; }
    .notification-bar.gopro p {
      color: #FFF;
      text-align: left; }
      .notification-bar.gopro p a {
        color: #FFF;
        border-color: #FFF;
        font-weight: bold; }
    .notification-bar.gopro > .arrow {
      background-color: #00A3DA; }
  .notification-bar.white {
    background-color: #FFF; }
    .notification-bar.white p {
      color: #000;
      text-align: left;
      text-transform: uppercase; }
      .notification-bar.white p a {
        color: #000;
        border: none;
        font-weight: bold;
        background-color: transparent; }
    .notification-bar.white > .arrow {
      background-color: #FFF; }
  .notification-bar.cookie {
    background-color: #D8D8D8; }
    .notification-bar.cookie p {
      color: #353535;
      text-align: left; }
      .notification-bar.cookie p a {
        color: #00A3DA;
        border: none;
        font-weight: bold;
        background-color: transparent; }
    .notification-bar.cookie > .arrow {
      background-color: #FFF; }
  .notification-bar.auto-off {
    -webkit-animation-delay: 5s;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-name: autoOff;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-delay: 5s;
    -moz-animation-duration: 0.8s;
    -moz-animation-name: autoOff;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -o-animation-delay: 5s;
    -o-animation-duration: 0.8s;
    -o-animation-name: autoOff;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    animation-delay: 5s;
    animation-duration: 0.8s;
    animation-name: autoOff;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */ }
@-webkit-keyframes autoOff {
  100% {
    opacity: 0;
    max-height: 0em;
    padding: 0em;
    font-size: 0em; } }
@-moz-keyframes autoOff {
  100% {
    opacity: 0;
    max-height: 0em;
    padding: 0em;
    font-size: 0em; } }
@-o-keyframes autoOff {
  100% {
    opacity: 0;
    max-height: 0em;
    padding: 0em;
    font-size: 0em; } }
@keyframes autoOff {
  100% {
    opacity: 0;
    max-height: 0em;
    padding: 0em;
    font-size: 0em; } }
    .notification-bar.auto-off.fast {
      -webkit-animation-delay: 2s;
      -webkit-animation-duration: 0.8s;
      -webkit-animation-name: autoOff;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -moz-animation-delay: 2s;
      -moz-animation-duration: 0.8s;
      -moz-animation-name: autoOff;
      -moz-animation-iteration-count: 1;
      -moz-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -o-animation-delay: 2s;
      -o-animation-duration: 0.8s;
      -o-animation-name: autoOff;
      -o-animation-iteration-count: 1;
      -o-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      animation-delay: 2s;
      animation-duration: 0.8s;
      animation-name: autoOff;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */ }
    .notification-bar.auto-off.slow {
      -webkit-animation-delay: 15s;
      -webkit-animation-duration: 0.8s;
      -webkit-animation-name: autoOff;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -moz-animation-delay: 15s;
      -moz-animation-duration: 0.8s;
      -moz-animation-name: autoOff;
      -moz-animation-iteration-count: 1;
      -moz-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -o-animation-delay: 15s;
      -o-animation-duration: 0.8s;
      -o-animation-name: autoOff;
      -o-animation-iteration-count: 1;
      -o-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      animation-delay: 15s;
      animation-duration: 0.8s;
      animation-name: autoOff;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */ }

@media (max-width: 768px) {
  .notification-bar {
    padding: 1.1em; } }
/* Errors */
div.error {
  padding: 2em;
  text-align: center;
  background-color: #FFF;
  max-width: 50em;
  margin: auto; }
  div.error h1, div.error h2, div.error h3, div.error h4, div.error h5, div.error h6 {
    font-size: 5em;
    margin-top: 0;
    margin-bottom: 0em;
    text-transform: uppercase; }
  div.error p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 2em; }

@media (max-width: 768px) {
  div.error {
    font-size: 0.7em; } }
/* Separators */
div.separator > div.text {
  color: #A4A5A5;
  font-size: 1.6em;
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  letter-spacing: 0.1em; }
div.separator > div > hr {
  border-top: 2px solid #A4A5A5; }
div.separator.slider > div.text {
  font-size: 1.2em; }
div.separator.slider > div > hr {
  border-top: 2px solid #FFF;
  opacity: 0.3; }

/* Spinner */
.spinner {
  position: relative; }
  .spinner .circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    border-bottom-color: transparent;
    border-width: 1em;
    /*SEE CALC*/
    border-style: solid; }
@-webkit-keyframes GoProSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes GoProSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes GoProSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes GoProSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
    .spinner .circle.blue {
      width: 60%;
      height: 60%;
      margin-left: -30%;
      margin-top: -30%;
      top: 50%;
      left: 50%;
      border-top-color: #00A3DA;
      border-left-color: #00A3DA;
      border-right-color: #00A3DA;
      -webkit-animation-delay: 0s;
      -webkit-animation-duration: 1s;
      -webkit-animation-name: GoProSpinner;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -moz-animation-delay: 0s;
      -moz-animation-duration: 1s;
      -moz-animation-name: GoProSpinner;
      -moz-animation-iteration-count: infinite;
      -moz-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -o-animation-delay: 0s;
      -o-animation-duration: 1s;
      -o-animation-name: GoProSpinner;
      -o-animation-iteration-count: infinite;
      -o-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      animation-delay: 0s;
      animation-duration: 1s;
      animation-name: GoProSpinner;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      animation-direction: reverse; }
    .spinner .circle.grey {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-top-color: #C0C0C0;
      border-left-color: #C0C0C0;
      border-right-color: #C0C0C0;
      -webkit-animation-delay: 0s;
      -webkit-animation-duration: 1s;
      -webkit-animation-name: GoProSpinner;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -moz-animation-delay: 0s;
      -moz-animation-duration: 1s;
      -moz-animation-name: GoProSpinner;
      -moz-animation-iteration-count: infinite;
      -moz-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -o-animation-delay: 0s;
      -o-animation-duration: 1s;
      -o-animation-name: GoProSpinner;
      -o-animation-iteration-count: infinite;
      -o-animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      animation-delay: 0s;
      animation-duration: 1s;
      animation-name: GoProSpinner;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      /* this prevents the animation from restarting! */
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
  .spinner.large {
    width: 5em;
    height: 5em; }
    .spinner.large .circle {
      border-width: 0.5em; }
  .spinner.std {
    width: 3em;
    height: 3em; }
    .spinner.std .circle {
      border-width: 0.35em; }
  .spinner.small {
    width: 1.5em;
    height: 1.5em; }
    .spinner.small .circle {
      border-width: 0.17em; }
  .spinner.responsive {
    width: 100%;
    padding-bottom: 100%; }
    .spinner.responsive .circle {
      border-width: calc(100vw*0.08); }

/**
* Dragula
* Drag n drop feature
*/
.sortable-list {
  min-height: 2em; }
  .sortable-list.source {
    border: 3px dashed #D8D8D8; }
  .sortable-list.target {
    border: 3px dashed #7ED321; }
  .sortable-list > li, .sortable-list > div, .sortable-list > p {
    cursor: pointer; }
    .sortable-list > li > span, .sortable-list > div > span, .sortable-list > p > span {
      font-size: 1.3em; }

.gu-mirror {
  font-size: 1.3em; }

/* Footer */
footer .overlay {
  opacity: 1; }
footer h5 {
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 0.1em; }
footer p.text {
  font-size: 1.4em;
  letter-spacing: 0.05em;
  max-width: 18em; }
footer hr {
  border-top: 1px solid #999999;
  margin: 3em 0em; }

/* Utilities */
.font-family-text {
  font-family: "PF DinText Pro Thin", Arial, sans-serif !important; }

.font-family-text-2 {
  font-family: "Proxima Nova Regular", Arial, sans-serif !important; }

.font-family-text-3 {
  font-family: "PF DinText Pro Regular", Arial, sans-serif !important; }

.font-family-headline {
  font-family: "PF DinText Pro Bold", Arial, sans-serif !important; }

.font-size-xxxxsmall {
  font-size: 0.8em !important; }

.font-size-xxxsmall {
  font-size: 1em !important; }

.font-size-xxsmall {
  font-size: 1.2em !important; }

.font-size-xsmall {
  font-size: 1.3em !important; }

.font-size-small {
  font-size: 1.4em !important; }

.font-size-base {
  font-size: 1.6em !important; }

.font-size-large {
  font-size: 1.8em !important; }

.font-size-xlarge {
  font-size: 2em !important; }

.font-size-xxlarge {
  font-size: 3em !important; }

.font-size-xxxlarge {
  font-size: 5em !important; }

.font-size-xxxxlarge {
  font-size: 7em !important; }

.color-gopro-black {
  color: #000 !important; }

.color-gopro-tire {
  color: #353535 !important; }

.color-medium-grey {
  color: #999999 !important; }

.color-gopro-concrete {
  color: #A4A5A5 !important; }

.color-gopro-silver {
  color: #D8D8D8 !important; }

.color-gopro-glacier {
  color: #F3F4F4 !important; }

.color-gopro-snow {
  color: #F9FAFA !important; }

.color-medium-white {
  color: #FFF !important; }

.color-gopro {
  color: #00A3DA !important; }

.color-gopro-pacific {
  color: #03BFFE !important; }

.color-gopro-atlantic {
  color: #007FAA !important; }

.color-gopro-hardhat {
  color: #F5A700 !important; }

.color-gopro-finishline {
  color: #7ED321 !important; }

.color-gopro-blood {
  color: #F7403D !important; }

.color-gopro-black {
  color: #000 !important; }

.color-gopro-asphalt {
  color: #141414 !important; }

.color-gopro-gridtape {
  color: #222222 !important; }

.color-gopro-tire {
  color: #353535 !important; }

.color-gopro-gunmetal {
  color: #666666 !important; }

.color-gopro-concrete {
  color: #A4A5A5 !important; }

.color-gopro-silver {
  color: #D8D8D8 !important; }

.color-gopro-glacier {
  color: #F3F4F4 !important; }

.color-gopro-snow {
  color: #F9FAFA !important; }

.color-gopro-white {
  color: #FFF !important; }

.color-gopro-facebook {
  color: #3A5B94 !important; }

.color-gopro-google {
  color: #E34836 !important; }

.color-medium-grey {
  color: #999999 !important; }

.uppercase {
  text-transform: uppercase !important; }

.bold {
  font-weight: bold !important; }

.none {
  display: none !important; }

.inline {
  display: inline !important; }

.inline-block {
  display: inline-block !important; }

.block {
  display: block !important; }

@media (max-width: 768px) {
  .text-left-xs {
    text-align: left !important; }

  .text-center-xs {
    text-align: center !important; }

  .text-justify-xs {
    text-align: justify !important; }

  .text-right-xs {
    text-align: right !important; }

  .font-size-xxxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-small-responsive {
    font-size: 1em !important; }

  .font-size-base-responsive {
    font-size: 1.2em !important; }

  .font-size-large-responsive {
    font-size: 1.3em !important; }

  .font-size-xlarge-responsive {
    font-size: 1.4em !important; }

  .font-size-xxlarge-responsive {
    font-size: 1.6em !important; }

  .font-size-xxxlarge-responsive {
    font-size: 1.8em !important; }

  .font-size-xxxxlarge-responsive {
    font-size: 2em !important; }

  .font-size-one-word-title {
    font-size: 3em !important; }

  .pull-left-xs {
    float: left !important; }

  .pull-right-xs {
    float: right !important; }

  .mgbot1dot0-xs {
    margin-bottom: 1.0em !important; }

  .mgbot2dot0-xs {
    margin-bottom: 2.0em !important; } }
@media (min-width: 768px) and (max-width: 992px) {
  .text-left-sm {
    text-align: left !important; }

  .text-center-sm {
    text-align: center !important; }

  .text-justify-sm {
    text-align: justify !important; }

  .text-right-sm {
    text-align: right !important; }

  .font-size-xxxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xsmall-responsive {
    font-size: 1em !important; }

  .font-size-small-responsive {
    font-size: 1.2em !important; }

  .font-size-base-responsive {
    font-size: 1.3em !important; }

  .font-size-large-responsive {
    font-size: 1.4em !important; }

  .font-size-xlarge-responsive {
    font-size: 1.6em !important; }

  .font-size-xxlarge-responsive {
    font-size: 1.8em !important; }

  .font-size-xxxlarge-responsive {
    font-size: 2em !important; }

  .font-size-xxxxlarge-responsive {
    font-size: 3em !important; }

  .font-size-one-word-title {
    font-size: 5em !important; }

  .pull-left-sm {
    float: left !important; }

  .pull-right-sm {
    float: right !important; }

  .mgbot2dot0-sm {
    margin-bottom: 2.0em !important; } }
@media (min-width: 992px) and (max-width: 1200px) {
  .text-left-md {
    text-align: left !important; }

  .text-center-md {
    text-align: center !important; }

  .text-justify-md {
    text-align: justify !important; }

  .text-right-md {
    text-align: right !important; }

  .font-size-xxxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxsmall-responsive {
    font-size: 1em !important; }

  .font-size-xsmall-responsive {
    font-size: 1.2em !important; }

  .font-size-small-responsive {
    font-size: 1.3em !important; }

  .font-size-base-responsive {
    font-size: 1.4em !important; }

  .font-size-large-responsive {
    font-size: 1.6em !important; }

  .font-size-xlarge-responsive {
    font-size: 1.8em !important; }

  .font-size-xxlarge-responsive {
    font-size: 2em !important; }

  .font-size-xxxlarge-responsive {
    font-size: 3em !important; }

  .font-size-xxxxlarge-responsive {
    font-size: 5em !important; }

  .font-size-one-word-title {
    font-size: 7em !important; }

  .pull-left-md {
    float: left !important; }

  .pull-right-md {
    float: right !important; } }
@media (min-width: 1200px) and (max-width: 1400px) {
  .text-left-lg {
    text-align: left !important; }

  .text-center-lg {
    text-align: center !important; }

  .text-justify-lg {
    text-align: justify !important; }

  .text-right-lg {
    text-align: right !important; }

  .font-size-xxxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxxsmall-responsive {
    font-size: 1em !important; }

  .font-size-xxsmall-responsive {
    font-size: 1.2em !important; }

  .font-size-xsmall-responsive {
    font-size: 1.3em !important; }

  .font-size-small-responsive {
    font-size: 1.4em !important; }

  .font-size-base-responsive {
    font-size: 1.6em !important; }

  .font-size-large-responsive {
    font-size: 1.8em !important; }

  .font-size-xlarge-responsive {
    font-size: 2em !important; }

  .font-size-xxlarge-responsive {
    font-size: 3em !important; }

  .font-size-xxxlarge-responsive {
    font-size: 5em !important; }

  .font-size-xxxxlarge-responsive {
    font-size: 7em !important; }

  .font-size-one-word-title {
    font-size: 7em !important; }

  .pull-left-lg {
    float: left !important; }

  .pull-right-lg {
    float: right !important; } }
@media (min-width: 1400px) {
  .text-left-xl {
    text-align: left !important; }

  .text-center-xl {
    text-align: center !important; }

  .text-justify-xl {
    text-align: justify !important; }

  .text-right-xl {
    text-align: right !important; }

  .font-size-xxxxsmall-responsive {
    font-size: 0.8em !important; }

  .font-size-xxxsmall-responsive {
    font-size: 1em !important; }

  .font-size-xxsmall-responsive {
    font-size: 1.2em !important; }

  .font-size-xsmall-responsive {
    font-size: 1.3em !important; }

  .font-size-small-responsive {
    font-size: 1.4em !important; }

  .font-size-base-responsive {
    font-size: 1.6em !important; }

  .font-size-large-responsive {
    font-size: 1.8em !important; }

  .font-size-xlarge-responsive {
    font-size: 2em !important; }

  .font-size-xxlarge-responsive {
    font-size: 3em !important; }

  .font-size-xxxlarge-responsive {
    font-size: 5em !important; }

  .font-size-xxxxlarge-responsive {
    font-size: 7em !important; }

  .font-size-one-word-title {
    font-size: 7em !important; }

  .pull-left-xl {
    float: left !important; }

  .pull-right-xl {
    float: right !important; } }
.pd0 {
  padding: 0em !important; }

.pd2dot0 {
  padding: 2em !important; }

.mg0 {
  margin: 0em !important; }

.mgauto {
  margin: auto !important; }

.pdtop0 {
  padding-top: 0em !important; }

.pdtop0dot1 {
  padding-top: 0.1em !important; }

.pdtop0dot3 {
  padding-top: 0.3em !important; }

.pdtop0dot5 {
  padding-top: 0.5em !important; }

.pdtop0dot8 {
  padding-top: 0.8em !important; }

.pdtop1dot0 {
  padding-top: 1.0em !important; }

.pdtop1dot5 {
  padding-top: 1.5em !important; }

.pdtop2dot0 {
  padding-top: 2.0em !important; }

.pdtop4dot0 {
  padding-top: 4.0em !important; }

.pdtop6dot0 {
  padding-top: 6.0em !important; }

.pdtop10dot0 {
  padding-top: 10.0em !important; }

.pdtop35vh {
  padding-top: 35vh !important; }

.pdleft0 {
  padding-left: 0em !important; }

.pdleft0dot1 {
  padding-left: 0.1em !important; }

.pdleft0dot3 {
  padding-left: 0.3em !important; }

.pdleft0dot5 {
  padding-left: 0.5em !important; }

.pdleft0dot8 {
  padding-left: 0.8em !important; }

.pdleft1dot0 {
  padding-left: 1.0em !important; }

.pdleft1dot5 {
  padding-left: 1.5em !important; }

.pdleft2dot0 {
  padding-left: 2.0em !important; }

.pdbot0 {
  padding-bottom: 0em !important; }

.pdbot0dot1 {
  padding-bottom: 0.1em !important; }

.pdbot0dot3 {
  padding-bottom: 0.3em !important; }

.pdbot0dot5 {
  padding-bottom: 0.5em !important; }

.pdbot0dot8 {
  padding-bottom: 0.8em !important; }

.pdbot1dot0 {
  padding-bottom: 1.0em !important; }

.pdbot1dot5 {
  padding-bottom: 1.5em !important; }

.pdbot2dot0 {
  padding-bottom: 2.0em !important; }

.pdbot10dot0 {
  padding-bottom: 10.0em !important; }

.pdbot35vh {
  padding-bottom: 35vh !important; }

.pdbot40vh {
  padding-bottom: 40vh !important; }

.pdright0 {
  padding-right: 0em !important; }

.pdright0dot1 {
  padding-right: 0.1em !important; }

.pdright0dot3 {
  padding-right: 0.3em !important; }

.pdright0dot5 {
  padding-right: 0.5em !important; }

.pdright0dot8 {
  padding-right: 0.8em !important; }

.pdright1dot0 {
  padding-right: 1.0em !important; }

.pdright1dot5 {
  padding-right: 1.5em !important; }

.pdright2dot0 {
  padding-right: 2.0em !important; }

.mgtop0 {
  margin-top: 0em !important; }

.mgtop0dot1 {
  margin-top: 0.1em !important; }

.mgtop0dot3 {
  margin-top: 0.3em !important; }

.mgtop0dot5 {
  margin-top: 0.5em !important; }

.mgtop0dot8 {
  margin-top: 0.8em !important; }

.mgtop1dot0 {
  margin-top: 1.0em !important; }

.mgtop1dot5 {
  margin-top: 1.5em !important; }

.mgtop2dot0 {
  margin-top: 2.0em !important; }

.mgtop3dot0 {
  margin-top: 3.0em !important; }

.mgtop4dot0 {
  margin-top: 4.0em !important; }

.mgtop5dot0 {
  margin-top: 5.0em !important; }

.mgtop10dot0 {
  margin-top: 10.0em !important; }

.mgright0 {
  margin-right: 0em !important; }

.mgright0dot1 {
  margin-right: 0.1em !important; }

.mgright0dot3 {
  margin-right: 0.3em !important; }

.mgright0dot5 {
  margin-right: 0.5em !important; }

.mgright0dot8 {
  margin-right: 0.8em !important; }

.mgright1dot0 {
  margin-right: 1.0em !important; }

.mgright1dot5 {
  margin-right: 1.5em !important; }

.mgright2dot0 {
  margin-right: 2.0em !important; }

.mgright3dot0 {
  margin-right: 3.0em !important; }

.mgright4dot0 {
  margin-right: 4.0em !important; }

.mgright5dot0 {
  margin-right: 5.0em !important; }

.mgright10dot0 {
  margin-right: 10.0em !important; }

.mgbot0 {
  margin-bottom: 0em !important; }

.mgbot0dot1 {
  margin-bottom: 0.1em !important; }

.mgbot0dot3 {
  margin-bottom: 0.3em !important; }

.mgbot0dot5 {
  margin-bottom: 0.5em !important; }

.mgbot0dot8 {
  margin-bottom: 0.8em !important; }

.mgbot1dot0 {
  margin-bottom: 1.0em !important; }

.mgbot1dot5 {
  margin-bottom: 1.5em !important; }

.mgbot2dot0 {
  margin-bottom: 2.0em !important; }

.mgbot3dot0 {
  margin-bottom: 3.0em !important; }

.mgbot4dot0 {
  margin-bottom: 4.0em !important; }

.mgbot5dot0 {
  margin-bottom: 5.0em !important; }

.mgbot10dot0 {
  margin-bottom: 10.0em !important; }

.mgleft0 {
  margin-left: 0em !important; }

.mgleft0dot1 {
  margin-left: 0.1em !important; }

.mgleft0dot3 {
  margin-left: 0.3em !important; }

.mgleft0dot5 {
  margin-left: 0.5em !important; }

.mgleft0dot8 {
  margin-left: 0.8em !important; }

.mgleft1dot0 {
  margin-left: 1.0em !important; }

.mgleft1dot5 {
  margin-left: 1.5em !important; }

.mgleft2dot0 {
  margin-left: 2.0em !important; }

.mgleft3dot0 {
  margin-left: 3.0em !important; }

.mgleft4dot0 {
  margin-left: 4.0em !important; }

.mgleft5dot0 {
  margin-left: 5.0em !important; }

.mgleft10dot0 {
  margin-left: 10.0em !important; }

.clearfix {
  clear: both; }

/**
* Responsiveness
*/
@media (max-width: 768px) {
  html.landscape.no-desktop .section.wall .hoverable.featured {
    height: 100vh; } }
html.ie .section.sumo > .overlay {
  opacity: 0.9; }
html.edge .section {
  /* Blurred section */ }
  html.edge .section.blur {
    filter: none;
    -webkit-filter: none; }
  html.edge .section.sumo > .overlay {
    opacity: 0.9; }
html.edge body {
  /* Modal */ }
  html.edge body.modal-open .section {
    -webkit-filter: none;
    filter: none; }
  html.edge body .modal-backdrop.in {
    background-color: #000;
    opacity: 0.9; }

/**
Fixes
*/
body.full_height {
  height: 100%; }

.section .gopro_raw_text {
  height: 70vh;
  overflow: auto;
  padding-right: 2em; }
  .section .gopro_raw_text h1 {
    font-size: 5em; }
  .section .gopro_raw_text h1, .section .gopro_raw_text h2, .section .gopro_raw_text h3, .section .gopro_raw_text h4, .section .gopro_raw_text h5, .section .gopro_raw_text h6 {
    margin-top: 1.5em; }
    .section .gopro_raw_text h1:first-child, .section .gopro_raw_text h2:first-child, .section .gopro_raw_text h3:first-child, .section .gopro_raw_text h4:first-child, .section .gopro_raw_text h5:first-child, .section .gopro_raw_text h6:first-child {
      margin-top: 0; }
  @media (max-width: 768px) {
    .section .gopro_raw_text h1, .section .gopro_raw_text h2 {
      font-size: 3em; } }
  .section .gopro_raw_text p, .section .gopro_raw_text ul {
    font-size: 1.3em;
    text-align: justify;
    color: #F9FAFA; }
    .section .gopro_raw_text p a, .section .gopro_raw_text ul a {
      color: #03BFFE; }

#KolorEyesVideo {
  width: 100%;
  height: 600px; }

.section.wall.gpl-header-fit {
  padding-top: 75px; }
@media (max-width: 1024px) {
  .section.wall.gpl-header-fit {
    padding-top: 55px; } }

#marketing-nav #gpl-marketing-main-nav {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  #marketing-nav #gpl-marketing-main-nav.scrolled {
    background-color: black; }
#marketing-nav .gpl-logo .gpl-marketing-logo {
  height: 45px;
  margin: 0px 0px 0px 15px; }
  #marketing-nav .gpl-logo .gpl-marketing-logo img {
    bottom: 8px;
    max-width: 170px; }
#marketing-nav #gpl-mobile-sub-nav-box {
  overflow: auto; }
  #marketing-nav #gpl-mobile-sub-nav-box ul li.sub-nav-item label, #marketing-nav #gpl-mobile-sub-nav-box ul li.sub-nav-item a {
    font-family: "PF DinText Pro Regular", Arial, sans-serif; }
#marketing-nav .gpl-marketing-login a, #marketing-nav .gpl-marketing-login p {
  font-family: "PF DinText Pro Regular", Arial, sans-serif; }
#marketing-nav .gpl-marketing-main-links {
  font-size: 18px;
  letter-spacing: 2px; }
  #marketing-nav .gpl-marketing-main-links ul {
    bottom: 20px;
    padding-left: 75px; }
    #marketing-nav .gpl-marketing-main-links ul li {
      margin: 0px;
      padding-left: 55px;
      padding-right: 55px;
      border-right: 1px solid #4a4a4a; }
      #marketing-nav .gpl-marketing-main-links ul li:last-child {
        padding-left: 55px;
        padding-right: 0px;
        border-right: none; }
      #marketing-nav .gpl-marketing-main-links ul li a {
        font-family: "PF DinText Pro Bold", Arial, sans-serif;
        color: #999999;
        outline: none; }
        #marketing-nav .gpl-marketing-main-links ul li a.active {
          color: #00A3DA; }
          #marketing-nav .gpl-marketing-main-links ul li a.active:after {
            border: none; }
        #marketing-nav .gpl-marketing-main-links ul li a:focus {
          color: #FFF; }
        #marketing-nav .gpl-marketing-main-links ul li a#gpl-omni-link {
          max-width: none; }
          #marketing-nav .gpl-marketing-main-links ul li a#gpl-omni-link > span {
            letter-spacing: 0px; }
#marketing-nav .gpl-marketing-nav-details {
  margin: 15px 10px 0px 0px; }
#marketing-nav #gpl-account-info-wrapper #gpl-account-info-box {
  padding: 1em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: rgba(53, 53, 53, 0.9);
  text-align: center; }
  #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box .gpl-account-info-body {
    background-color: transparent;
    border: none; }
    #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box .gpl-account-info-body a {
      color: #D8D8D8;
      font-family: "PF DinText Pro Bold", Arial, sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 1.3em;
      letter-spacing: .2em;
      border-color: #666666;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -ms-transition: color 0.3s;
      transition: color 0.3s; }
      #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box .gpl-account-info-body a:hover {
        color: #F9FAFA; }
      #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box .gpl-account-info-body a:last-child {
        border: none; }
#marketing-nav .gpl-mobile-nav-actions > div, #marketing-nav .gpl-mobile-nav-actions > span {
  float: right; }
#marketing-nav span.animate {
  font-size: 1.6em;
  display: inline-block;
  color: #F9FAFA;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: rotatingLoop;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-delay: 0s;
  -moz-animation-duration: 1s;
  -moz-animation-name: rotatingLoop;
  -moz-animation-iteration-count: infinite;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-delay: 0s;
  -o-animation-duration: 1s;
  -o-animation-name: rotatingLoop;
  -o-animation-iteration-count: infinite;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-delay: 0s;
  animation-duration: 1s;
  animation-name: rotatingLoop;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }
@-webkit-keyframes rotatingLoop {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes rotatingLoop {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes rotatingLoop {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotatingLoop {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
#marketing-nav span.avatar {
  display: inline-block;
  position: relative;
  top: -6px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  border-radius: 60px; }
@media (max-width: 1024px) {
  #marketing-nav #gpl-marketing-nav-mobile .gpl-mobile-logo img {
    max-width: 170px; }
  #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box .gpl-account-info-body a {
    color: #F9FAFA; }
  #marketing-nav span.avatar {
    top: 0px; } }
#marketing-nav #gpl-flashes {
  display: none;
  z-index: 1000; }
  #marketing-nav #gpl-flashes.gpl-show {
    display: block;
    top: 75px; }
  @media (max-width: 1024px) {
    #marketing-nav #gpl-flashes.gpl-show {
      top: 55px; } }
#marketing-nav.scrolled #gpl-marketing-main-nav {
  background-color: black; }
#marketing-nav.scrolled #gpl-account-info-wrapper #gpl-account-info-box {
  background-color: #353535; }
@media (max-width: 1024px) {
  #marketing-nav #gpl-account-info-wrapper #gpl-account-info-box {
    background-color: #353535; } }

footer#gpl-footer {
  position: inherit; }
  footer#gpl-footer .gpl-footer-info-section h3 {
    font-size: 1.4em; }
  footer#gpl-footer .gpl-footer-info-section p {
    font-size: 1.2em; }
  footer#gpl-footer .gpl-footer-info-section form input[type="email"] {
    padding: 0.8em;
    line-height: 1em;
    color: #000; }
  footer#gpl-footer .gpl-footer-info-section #gpl-js-join-success, footer#gpl-footer .gpl-footer-info-section #gpl-js-join-warning {
    color: #FFF; }

#temp-nav-iframe:before {
  font-family: 'icomoon';
  content: "\e813";
  position: fixed;
  top: 0;
  left: 10px;
  line-height: 0.8em;
  font-size: 70px;
  opacity: 0.5;
  color: white;
  cursor: pointer;
  text-shadow: 0px 0px 2px black; }

#temp-nav-iframe:hover:before {
  opacity: 0; }

#temp-nav-iframe {
  position: fixed;
  top: 0px;
  left: -400px;
  height: 100%;
  padding: 0em;
  z-index: 999;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
  background-color: rgba(10, 10, 10, 0.8); }

#temp-nav-iframe iframe {
  border: none;
  background-color: transparent;
  height: 100%; }

#temp-nav-iframe:hover {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 1em; }

/*# sourceMappingURL=main.css.map */