/*! CSS Used from: https://exxacon.cl/content/cache/wpfc-minified/7azu7tyc/br7bo.css ; media=all */
@media all {
  header,
  nav {
    display: block;
  }

  a {
    background-color: transparent;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  img {
    border: 0;
  }

  @media print {
    *,
    :after,
    :before {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: ' (' attr(href) ')';
    }

    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    color: #3097d1;
    text-decoration: none;
  }

  a:focus,
  a:hover {
    color: #216a94;
    text-decoration: underline;
  }

  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  img {
    vertical-align: middle;
  }

  ul {
    margin-top: 0;
    margin-bottom: 7px;
  }

  .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .container:after,
  .container:before {
    display: table;
    content: ' ';
  }

  .container:after {
    clear: both;
  }

  @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }

  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }

  .row {
    margin-right: -15px;
    margin-left: -15px;
  }

  .row:after,
  .row:before {
    display: table;
    content: ' ';
  }

  .row:after {
    clear: both;
  }

  .col-md-3,
  .col-md-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  @media (min-width: 992px) {
    .col-md-3,
    .col-md-9 {
      float: left;
    }

    .col-md-3 {
      width: 25%;
    }

    .col-md-9 {
      width: 75%;
    }
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  *,
  :active,
  :focus,
  :hover {
    outline: none !important;
  }

  .container {
    width: 100%;
    max-width: 1200px;
  }

  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .menu ul li.menu-item,
  .menu ul li.menu__item {
    position: relative;
    float: none;
  }

  .menu ul li.menu-item a,
  .menu ul li.menu__item a {
    display: block;
    padding: 7px 5px;
    text-decoration: none;
  }

  .menu ul li.menu-item a span,
  .menu ul li.menu__item a span {
    display: inline-block;
    vertical-align: middle;
  }

  .menu ul li.menu-item a span,
  .menu ul li.menu__item a span {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #5f625f;
    line-height: 1.2;
    max-width: 200px;
  }

  .menu.menu--default {
    text-align: right;
  }

  @media (max-width: 70.0525em) {
    .menu.menu--default {
      text-align: left;
    }
  }

  .menu.menu--default ul li.menu-item,
  .menu.menu--default ul li.menu__item {
    display: inline-block;
    position: relative;
    height: 104px;
    line-height: 104px;
  }

  .menu.menu--default ul li.menu-item:after,
  .menu.menu--default ul li.menu__item:after {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background-color: #e41426;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  @media (max-width: 70.0525em) {
    .menu.menu--default ul li.menu-item,
    .menu.menu--default ul li.menu__item {
      display: block;
    }
  }

  .menu.menu--default ul li.menu-item a,
  .menu.menu--default ul li.menu__item a {
    padding: 12px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
  }

  .menu.menu--default ul li.menu-item a span,
  .menu.menu--default ul li.menu__item a span {
    font-size: 13px;
    letter-spacing: 0.9px;
    color: #fff;
    font-weight: 400;
  }

  .menu.menu--default ul li.menu-item.current-menu-item:after,
  .menu.menu--default ul li.menu-item:hover:after,
  .menu.menu--default ul li.menu__item.current-menu-item:after,
  .menu.menu--default ul li.menu__item:hover:after {
    width: 100%;
  }

  .menu.menu--uppercase {
    text-transform: uppercase;
  }

  header.header--default {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    width: calc(100%-60px);
    z-index: 10;
    max-width: 1920px;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  @media (max-width: 70.0525em) {
    header.header--default {
      display: none;
    }
  }

  header.header--default .header__bottom {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
  }

  header.header--default .header__bottom .logo a {
    display: block;
    height: 104px;
    line-height: 104px;
  }

  .header__bottom .logo a img {
    max-width: 185px !important;
  }

  header.header--default {
    left: 0px;
    right: 0px;
  }

  header.header--default .header__bottom {
    background: rgb(0, 0, 0, 0.5);
    padding: 15px 0px 0px;
  }

  .container {
    width: 100%;
    max-width: 1400px;
  }

  .header__bottom .logo a img {
    max-width: 250px;
  }

  @media screen and (max-width: 1024px) {
    .menu ul {
      margin-top: 10px;
    }
  }

  @media (min-width: 1367px) {
    .container {
      max-width: 1400px;
    }
  }

  @media (max-width: 1367px) {
    .container {
      max-width: 1260px;
    }
  }

  @media (max-width: 1025px) {
    .container {
      max-width: 960px;
    }
  }

  @media (min-resolution: 120dpi) and (max-resolution: 144dpi) {
    .container {
      max-width: 1260px;
    }
  }

  @media (min-width: 1368px) and (max-width: 1441px) {
    .container {
      max-width: 1360px;
    }
  }
}

/*! CSS Used from: https://exxacon.cl/content/cache/wpfc-minified/7azu7tyc/br7bo.css ; media=all */
@media all {
  header {
    display: block;
  }

  a {
    background-color: transparent;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  img {
    border: 0;
  }

  @media print {
    *,
    :after,
    :before {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: ' (' attr(href) ')';
    }

    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    color: #3097d1;
    text-decoration: none;
  }

  a:focus,
  a:hover {
    color: #216a94;
    text-decoration: underline;
  }

  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  img {
    vertical-align: middle;
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  *,
  :active,
  :focus,
  :hover {
    outline: none !important;
  }

  header.header--mobile {
    position: absolute;
    z-index: 10;
    display: none;
    padding: 30px 0;
    text-align: center;
    width: 100%;
  }

  @media (max-width: 70.0525em) {
    header.header--mobile {
      display: block;
    }

    header.header--mobile img {
      width: 50%;
    }
  }

  @media screen and (max-width: 1024px) {
    header.header--mobile {
      padding: 15px;
      text-align: left;
    }
  }

  @media screen and (max-width: 767px) {
    header.header--mobile {
      position: fixed;
    }

    header.header--mobile {
      background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.6) 70%
      );
    }
  }

  header.header--mobile img {
    transition: all 300ms ease;
  }

  @media screen and (max-width: 1024px) {
    header.header--mobile {
      background: #000;
    }

    header.header--mobile {
      padding: 10px 15px;
      text-align: left;
    }
  }

  @media (min-width: 768px) and (max-width: 992px) {
    header.header--mobile img {
      width: 31%;
    }
  }
}

/*! CSS Used from: https://exxacon.cl/content/cache/wpfc-minified/7azu7tyc/br7bo.css ; media=all */
@media all {
  a {
    background-color: transparent;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  img {
    border: 0;
  }

  @media print {
    *,
    :after,
    :before {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: ' (' attr(href) ')';
    }

    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    color: #3097d1;
    text-decoration: none;
  }

  a:focus,
  a:hover {
    color: #216a94;
    text-decoration: underline;
  }

  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  img {
    vertical-align: middle;
  }

  ul {
    margin-top: 0;
    margin-bottom: 7px;
  }

  #mobile-menu {
    position: fixed;
    width: 100%;
    max-width: 425px;
    height: calc(100% - 58px);
    top: 0;
    right: -425px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    background-color: #000;
  }

  @media (max-width: 70.0525em) {
    #mobile-menu {
      display: block;
    }
  }

  #mobile-menu .menu__header {
    padding: 30px 0;
  }

  #mobile-menu .menu__header .header__logo img {
    max-width: 130px;
  }

  #mobile-menu .menu__content {
    padding: 0 20px 30px;
  }

  #mobile-menu .menu__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 30px 0;
  }

  @media (max-width: 26.615em) {
    #mobile-menu .menu__content ul {
      padding: 0;
      margin: 0;
    }
  }

  #mobile-menu .menu__content ul li.menu-item a,
  #mobile-menu .menu__content ul li.menu__item a {
    display: block;
    padding: 17px 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700;
    color: #ccc;
  }

  #mobile-menu .menu__content ul li.menu-item.current-menu-item span,
  #mobile-menu .menu__content ul li.menu__item.current-menu-item span {
    color: #fff;
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  *,
  :active,
  :focus,
  :hover {
    outline: none !important;
  }

  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .menu ul li.menu-item,
  .menu ul li.menu__item {
    position: relative;
    float: none;
  }

  .menu ul li.menu-item a,
  .menu ul li.menu__item a {
    display: block;
    padding: 7px 5px;
    text-decoration: none;
  }

  .menu ul li.menu-item a span,
  .menu ul li.menu__item a span {
    display: inline-block;
    vertical-align: middle;
  }

  .menu ul li.menu-item a span,
  .menu ul li.menu__item a span {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: #5f625f;
    line-height: 1.2;
    max-width: 200px;
  }

  .menu.menu--uppercase {
    text-transform: uppercase;
  }

  .menu.menu--mobile ul li.menu__item a {
    padding: 12px;
  }

  .menu.menu--mobile ul li.menu__item a span {
    font-size: 13px;
    letter-spacing: 0.9px;
    color: #fff;
    font-weight: 700;
  }

  @media (max-width: 70.0525em) {
    #mobile-menu {
      display: none;
    }
  }

  @media screen and (max-width: 1100px) {
    .menu__secondary {
      display: none;
    }

    #mobile-menu .menu__content ul li.current-menu-item {
      border-bottom: 2px solid #e41426;
    }
  }

  #mobile-menu .menu__header {
    padding: 8px 0 30px;
  }

  #mobile-menu .menu__header .header__logo img {
    max-width: 200px;
  }

  .menu.menu--mobile ul li.menu__item a span {
    font-size: 16px;
  }

  #mobile-menu .menu__content ul li.menu-item a,
  #mobile-menu .menu__content ul li.menu__item a {
    padding: 23px 0px;
  }

  @media screen and (max-width: 1024px) {
    .menu ul {
      margin-top: 10px;
    }
  }
}

/*! CSS Used from: https://exxacon.cl/content/cache/wpfc-minified/7azu7tyc/br7bo.css ; media=all */
@media all {
  a {
    background-color: transparent;
  }

  a:active,
  a:hover {
    outline: 0;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  button {
    color: inherit;
    font: inherit;
    margin: 0;
  }

  button {
    overflow: visible;
  }

  button {
    text-transform: none;
  }

  button {
    -webkit-appearance: button;
    cursor: pointer;
  }

  @media print {
    *,
    :after,
    :before {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: ' (' attr(href) ')';
    }
  }

  *,
  :after,
  :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  a {
    color: #3097d1;
    text-decoration: none;
  }

  a:focus,
  a:hover {
    color: #216a94;
    text-decoration: underline;
  }

  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  ul {
    margin-top: 0;
    margin-bottom: 7px;
  }

  .hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }

  .hamburger:hover {
    opacity: 1;
  }

  .hamburger-box {
    width: 30px;
    height: 18px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
  }

  .hamburger-inner,
  .hamburger-inner:after,
  .hamburger-inner:before {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }

  .hamburger-inner:after,
  .hamburger-inner:before {
    content: '';
    display: block;
  }

  .hamburger-inner:before {
    top: -8px;
  }

  .hamburger-inner:after {
    bottom: -8px;
  }

  .hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .hamburger--collapse .hamburger-inner:after {
    top: -16px;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
      opacity 0.1s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
      opacity 0.1s linear;
  }

  .hamburger--collapse .hamburger-inner:before {
    -webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1)
        0.2s,
      -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
      -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
      -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .mobile-bar {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
    z-index: 100;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    display: none;
    background: #000;
  }

  @media (max-width: 70.0525em) {
    .mobile-bar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }

  .mobile-bar__menu {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000;
    width: calc(100% - 100px);
  }

  .mobile-bar__menu li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .mobile-bar__menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 58px;
  }

  .mobile-bar__menu li a span {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    display: block;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
  }

  .mobile-bar__menu li a svg {
    height: 24px;
    padding: 0;
    margin: 0;
    font-size: 19px;
    position: relative;
    bottom: -2px;
    max-width: 30px;
  }

  .mobile-bar__menu li a svg.fill path {
    fill: #fff;
  }

  .mobile-bar__menu li a svg.stroke path {
    stroke: #fff;
  }

  .mobile-bar__menu li.is-active span,
  .mobile-bar__menu li:hover span {
    color: #fff;
  }

  .mobile-bar__menu li.is-active svg.fill path,
  .mobile-bar__menu li:hover svg.fill path {
    fill: red;
  }

  .mobile-bar__menu li:hover svg.stroke path {
    stroke: red;
  }

  .mobile-bar__trigger {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: red;
    width: 100px;
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }

  .mobile-bar__trigger button {
    vertical-align: middle;
    position: relative;
    top: 3px;
  }

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  *,
  :active,
  :focus,
  :hover {
    outline: none !important;
  }

  @media screen and (max-width: 1024px) {
    .mobile-bar {
      bottom: auto;
      top: 0;
    }

    .mobile-bar__trigger {
      bottom: auto;
      top: 0;
    }
  }

  @media screen and (max-width: 1024px) {
    .mobile-bar__menu {
      display: none;
    }

    .mobile-bar {
      position: absolute;
    }

    .mobile-bar__trigger {
      background: none;
    }
  }

  @media screen and (max-width: 767px) {
    .mobile-bar {
      position: fixed;
    }
  }
}

.hero__background {
  opacity: 1;
}


.hero__background video {
    position: absolute;
    /* Centrado horizontal y vertical */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
    /* Escalado responsivo */
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    
    /* Ajuste para mostrar la parte importante del video */
    object-fit: cover;
    object-position: center 30%; /* Ajusta este valor según tu necesidad */
}
#filters_target {
    overflow: hidden;
}
@media (max-width: 1600px) {
    .hero__background video {
        object-position: center 35%; /* Ajuste para pantallas medianas */
    }
}

@media (max-width: 1280px) {
    .hero__background video {
        object-position: center 40%; /* Ajuste para pantallas más pequeñas */
    }
}

@media (max-width: 1024px) {
    .hero__background video {
        object-position: center 45%; /* Último ajuste antes de tu versión móvil */
    }
}

@media (max-width: 778px) {
     .hero.is_home {
        min-height: 500px !important;
        max-height: 500px !important;
        text-align: center !important;
    }
    .hero__background video {
        object-position: center 45%; /* Último ajuste antes de tu versión móvil */
        width:100%;
        transform: translate(-50%, -40%)
    }

    .hero__background::after {
   
    background:linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5) 0%,   
          rgba(0, 0, 0, 0.4) 30%,    /* Menos oscuro en el centro */
        rgba(0, 0, 0, 0.2) 50%, 
        rgba(0, 0, 0, 0) 70%    
    ) !important;
    z-index: 1;
}
}
   
.hero__background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5) 0%,   
          rgba(0, 0, 0, 0.4) 30%,    /* Menos oscuro en el centro */
        rgba(0, 0, 0, 0.2) 50%, 
        rgba(0, 0, 0, 0) 70%    
    );
    z-index: 1;
}
.hero__branding {
    z-index: 9;
}
.products.section{

    background: white;
    background-color: white;
    z-index: 999999999;
}
.fit--cover-bg {
    position: absolute;
    background: white;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1
}

.wrapper {
  border-top: 0px solid #e41426;
  overflow: hidden;
}

.hero.is_home {
  min-height: 670px;
  max-height: 670px;
  text-align: center;
}

a.filters__item:hover {
  text-decoration: none !important;
}

.hero {
  min-height: 12.8125rem;
}

header.header--default .header__bottom {
}
@media screen and (max-width: 1024px) {
  #mobile-menu.is-active {
    height: 100%;
    display: block;
  }
}
@media (min-width: 64em) {
  .project__col {
    margin-top: -4rem;
  }
}

#mobile-menu.is-active {
  right: 0;
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
}
.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
@font-face {
  font-family: FontAwesome;
  src: url(../fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(../fonts/vendor/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713)
      format('embedded-opentype'),
    url(../fonts/vendor/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e)
      format('woff2'),
    url(../fonts/vendor/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad)
      format('woff'),
    url(../fonts/vendor/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9)
      format('truetype'),
    url(../fonts/vendor/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde)
      format('svg');
  font-weight: 400;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}