body {
	background-color: black;
	/*height: 100%;*/
	width: 100%;
}

.landscape, .portrait {
	width: 100%;
	height: 100%;
	display: none;
	/*overflow: hidden;*/
}

.landscape {
	height: 180vh;
	position: absolute;
}

img {
	position: absolute;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

.scrolldown {
	text-align: center;
	width: 100%;
	position: absolute;
	top:5px;
	color: white;
	opacity: 0.5;
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.tr {
	top: 20px;
	right: 40px;
	/* width: 135px; */
	height: 45px;
	position: fixed;
}

.m {
	bottom: 50vh;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	-webkit-animation-name:             rotate; 
	-webkit-animation-duration:         1.2s; 
	-webkit-animation-iteration-count:  infinite;
	-webkit-animation-timing-function: linear;
	width: 35px;
	height: 35px;
}

.prev, .next {
	height: 30px;
	position: absolute;
	left: 50%;
	bottom: calc(50vh - 15px);
	position: fixed;
}

.prev {
	margin-left: -165px;
}

.next {
	margin-left: 130px;
}

.lds-ring {
	display: inline-block;
	position: absolute;
	z-index: 999;
}

.lds-ring div {
	width: 40px;
	height: 40px;
	margin: 5px;
	border: 5px solid #fff;
}

.portrait .lds-ring {
	width: 50px;
	height: 50px;
	top: 40vw;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

.portring {
	display: none;
}

.landscape .lds-ring {
  width: 50px;
  height: 50px;
  bottom: calc(50vh - 25px);
  left: 50%;
  margin-left: -25px;
  position: fixed;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

.bl {
	bottom: 0;
	left: 0;
	width: 85px;
	height: 40px;
}

.br {
	bottom: 20px;
	right: 40px;
	/* width: 95px; */
	height: 40px;
	position: fixed;
}

.portimage {
	width: 100%;
	z-index: 10;
}

.visibilityOff {
	visibility: hidden;
}

.black {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100vh;
	background-color: black;
	display: none;
}

.black img {
	position: absolute;
	width: 100%;
	top: 0;
}