.medias-trans {
  -webkit-transition: -webkit-transform 2s ease-in-out !important;
}

.medias-trans-high {
  -webkit-transition: -webkit-transform 1.6s ease-in-out !important;
}

.medias-trans-low {
  -webkit-transition: -webkit-transform 2.4s ease-in-out !important;
}

.medias-trans-down {
  -webkit-transform: translateY(-300vh) !important;
}

.medias-trans-up {
  -webkit-transform: translateY(300vh) !important;
}

.logo-trans {
  -webkit-transition: -webkit-transform 2s ease-in-out !important;
}

.logo-trans-down-1 {
  -webkit-transform: translateX(-50%) translateY(calc(-50vh - 105%)) !important;
}

.logo-trans-down-2 {
  -webkit-transform: translateX(-50%) translateY(calc(-50% - 400vh)) !important;
}

.logo-trans-up-1 {
  -webkit-transform: translateX(-50%) translateY(calc(+50vh + 105%)) !important;
}

.logo-trans-up-2 {
  -webkit-transform: translateX(-50%) translateY(calc(-50% + 400vh)) !important;
}

#masthead {
  position: absolute;
  z-index: 15;
  width: calc( 100% - 2*30px );
}

#page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 30px !important;
  position: fixed;
}

.menu_mobile {
  overflow: scroll !important;
  height: 100vh;
}

#main {
  position: absolute;
  width: calc( 100% - 2*30px );
  top: 0;
  overflow: hidden;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh) * 106);
}
#main .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
  height: 100vh;
}
#main .row .carou-grid,
#main .row .logo-grid {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
#main .carou-row .carou-grid {
  display: none;
}
#main .carou-row .carou-grid::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#main .medias-row {
  z-index: 2;
  position: absolute;
  width: calc( 100% + 2*7.5px );
  height: 100%;
  top: 0;
}
#main .medias-row .ratio-div {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
#main .medias-row .ratio-div .img-div {
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-origin: padding-box;
  background-clip: content-box;
  background-repeat: no-repeat;
  background-position: center;
}
#main .medias-row .media {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
#main #up-media-3 {
  top: -300vh;
}
#main #up-media-2 {
  top: -200vh;
}
#main #up-media-1 {
  top: -100vh;
}
#main #center-media {
  top: 0;
}
#main #down-media-1 {
  top: 100vh;
}
#main #down-media-2 {
  top: 200vh;
}
#main #down-media-3 {
  top: 300vh;
}
#main .logo-grid {
  position: absolute;
  width: 100%;
  height: 100%;
}
#main .logo-grid .logo-part {
  overflow: visible;
  position: absolute;
  width: calc( 50% - 7.5px );
  display: block;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
#main #center-logo {
  top: 0;
}
#main #down-logo {
  top: 400vh;
}
#main #up-logo {
  top: -400vh;
}

@media screen and (max-aspect-ratio: 1/1) and (max-width: 1125px) {
  .medias-row {
    overflow: hidden !important;
  }
  .medias-row .offset-media {
    display: none;
  }

  .logo-grid .logo-part {
    width: 75% !important;
  }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-8 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-aspect-ratio: 1/1) and (max-width: 576px) {
  .logo-grid .logo-part {
    top: unset !important;
    bottom: 54px !important;
    transform: translateX(-50%) !important;
    width: 65% !important;
  }

  .logo-trans {
    -webkit-transition: -webkit-transform 0s ease-in-out !important;
  }

  .logo-trans-down-1,
.logo-trans-down-2,
.logo-trans-up-1,
.logo-trans-up-2 {
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
  }
}
@media screen and (min-aspect-ratio: 2/1) {
  #main {
    width: 60%;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
.col-lg-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-lg-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-lg-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-lg-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-lg-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-lg-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

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