.fog-container {
	width:100%;
	height:120vh;
  height:120svh;
  height:calc(var(--vh, 1vh) * 120);
	position:absolute;
    bottom:0;
    left:0;
	margin:0 auto;
	background-position:60% 50%;
    mask-image: linear-gradient(to bottom, transparent, black 45%, transparent);-webkit-mask-image: linear-gradient(to bottom, transparent, black 45%, transparent);
    z-index:98;
}

.fog-1 {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso1__S.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso1__S.png') type('image/png'));
	background-repeat: no-repeat;
	background-size: cover;
	z-index:10;
	animation: bg1 220s infinite linear ;
}

@keyframes bg1 {
  from {
	  background-position: 
      50% 267%;
	  opacity:1;
  }
  30% {
	  opacity:0.7;
  }
  60% {
	  opacity:0.1;
  }
  to {
	  background-position: 
      50% 0%;
	  opacity:1;
  }
}

@keyframes bg5 {
  from {
	  background-position: 
      50% 267%;
	  opacity:1;
  }
  30% {
	  opacity:0.7;
  }
  60% {
	  opacity:0.1;
  }
  to {
	  background-position: 
      50% 0%;
	  opacity:1;
  }
}
.fog-2{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso2__S.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso2__S.png') type('image/png'));
	background-repeat: no-repeat;
	background-size: cover;
	z-index:3;
	animation: bg2 200s infinite linear ;
}

@keyframes bg2 {
  from {
	  background-position: 
      50% 367%;
	  opacity:0.2;
  }
  30% {
	  opacity:0.7;
  }
  to {
	  background-position: 
      50% 100%;
	  opacity:0.2;
  }
}

@keyframes bg5 {
  from {
	  background-position: 
      50% 367%;
	  opacity:0.2;
  }
  30% {
	  opacity:0.7;
  }
  to {
	  background-position: 
      50% 100%;
	  opacity:0.2;
  }
}

.fog-3 {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso3__S.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso3__S.png') type('image/png'));
	background-repeat: no-repeat;
	background-size: cover;
    animation: bg3 190s infinite linear ;
	z-index:3;
}
@keyframes bg3 {
  from {
	  background-position: 
      50% 67%;
	  opacity:0.7;
  }
  30% {
	  opacity:1;
  }
  60% {
	  opacity:0.5;
  }
  to {
	  background-position: 
      50% -200%;
	  opacity:0.7;
  }
}
.fog-4 {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso4__S.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso4__S.png') type('image/png'));
	background-repeat: no-repeat;
	background-size: cover;
    animation: bg4 250s infinite linear ;
	z-index:3;
}
@keyframes bg4 {
  from {
	  background-position: 
      50% 267%;
	  opacity:0.2;
  }
  50% {
	  opacity:0.5;
  }
  to {
	  background-position: 
      50% 0%;
	  opacity:0.25!important;
  }
}

@media(min-width:48em) {
	.fog-1{background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso1.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso1.png') type('image/png')
  );}
  .fog-2{background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso2.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso2.png') type('image/png')
  );}
  .fog-3{background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso3.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso3.png') type('image/png')
  );}
  .fog-4{background: image-set(
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.8/img/webp/fog_perso4.webp') type('image/webp'),
    url('https://sp-comm-arkfiles.s3.theark.cloud/website/landing-pages/occ-peru/1.6/img/fog_perso4.png') type('image/png')
  );}
}

@media (prefers-reduced-motion: reduce) {
	.fog-container{display:none;}
}

@media (max-width:48em) {
	#map-clouds {
		display:none;
	}
}