img,video{height:auto;width:100%}embed,iframe,object{margin:0;max-width:100%}figure{padding:0;margin:0}svg{vertical-align:top}


/* Lazyloading */

.no-js .lazyload {
  display: none;
}
.js .lazyload {
  opacity: .001;
  vertical-align: top;
}
.js img.lazyloaded {
  opacity: 1;
  vertical-align: top;
}
.js img.fade-in {
  opacity: 0;
}
.js img.fade-in.lazyloaded {
  -webkit-animation: fade-in 700ms ease-in forwards;
  animation: fade-in 700ms ease-in forwards;
}
@-webkit-keyframes fade-in {
  to { opacity:1; }
}
@keyframes fade-in {
  to { opacity:1; }
}

img[data-sizes="auto"] { display: block; }

.cover-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.cover-img.top img { object-position: center top;}
.cover-img.bottom img { object-position: center bottom;}

.fixed-ratio { display: block; position: relative; height: 0; overflow: hidden; }
.fixed-ratio > img { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: inherit; }
.no-js .fixed-ratio { display: none; }


/* Video / iframe / embed */

.embed-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  /*padding-top: 75%;  4:3 Aspect Ratio */
  /*padding-top: 66.66%;  3:2 Aspect Ratio */
  /*padding-top: 62.5%;  8:5 Aspect Ratio */
  /*padding-top: 100%;  1:1 Aspect Ratio */
}

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



/* Sidescroll common */

.sidescroll {
    width: 100%;
    position: relative;
}

.sidescroll .s-inner {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.sidescroll .h-scroller {
    flex-direction: row;
    height: 100%;
    display: flex;
    will-change: transform;
    transform-style: preserve-3d;
}

.sidescroll .h-content {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 100%;
}