#skrollr-body {
	position: relative;
	height: calc(4000px + 8vw);
}

.pslide {
	position: fixed;
	width: 100%;
	height: 114.19vh;
}

.pslide-content {
	display: flex;
	align-items: center;
	height: 100vh;
}

.pslide1 {
	top: 0;
	height: 100vh;
}

.pslide1 h4 {
	color: rgb(0, 114, 181);
}

.pslide2 {
	top: 100vh;
	margin-top: -14.19vh;
}

.pslide2 * { color: #fff; }

.pslide2 .pslide-content {
	top: 28.38vh; 
	left: 0;
}

.pslide3 {
	top: 100vh;
}

.pslide3 * { color: #fff; }

.pslide3 .pslide-content {
	background-color: rgb(11, 34, 73);
	background-image: linear-gradient(180deg, rgb(11, 34, 73) 0%, rgb(15, 56, 126) 100%);
}

.pslide4 {
	top: 100vh;
}

.pslide4 * { color: #fff; }

.pslide4 .pslide-content {
	top: 8vw; 
	left: 0;
}

.pslide4 .btn__secondary:after {
	border-color: #fff;
}

.video-waves > div {
	position: absolute;
}

.video-waves .pslide-wave-wrap {
	height: 100vh;
	top: 0;
	left: 0;
}

.video-waves .pslide-wave-mobile {
	display: none;
}

.pslide-content {
	height: 100vh;
}

.extra-info {
	position: absolute;
	top: 100vh;
	width: 100%;
	transition: all 1s ease-out;
}

.extra-info.active {
	top: -8vw;
}

.extra-info .pslide-content {
	background-color: rgb(11, 34, 73);
	background-image: linear-gradient(180deg, rgb(11, 34, 73) 0%, rgb(15, 56, 126) 100%);
}

.delay {
	opacity: 0;
	transform: translateY(-50px);
}


.drop-wrapper {
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.drop {
	position: absolute;
	width: 5px;
	height: 150vh;
	background: rgba(255,255,255,.5);
	top: 90vh;
	left: -50px;
}

.bullet {
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgb(11, 34, 73);
	border: 5px solid rgba(255,255,255,.8);
	text-align: center;
	cursor: pointer;
	pointer-events: all;
}

.bullet * {
	margin-top: 4px;
	font-size: 26px;
	color: #fff;
}


.drop .bullet {
	position: absolute;
	left: -20px;
}

.bullet1 {
	background: red;
	top: -20px;
}

.rot-text {
	position: absolute;
	width: 180px;
	height: 180px;
	top: -75px;
	left: -75px;
	transform: rotate(200deg);
	opacity: 1;
}

.rot-text tspan {
	 font-weight: 900;
	 font-size: 12px;
	 fill: rgb(0, 114, 181);
}

.bullet4 {
	top: auto;
	bottom: -20px;
}

.bullet2,
.bullet3 {
	top: 150vh;
	left: -70px;
}

.floater {
	position: absolute;
    height: auto;
}

.floats1 .floater1 {
	animation: float 13s ease-in-out -5s infinite;
	width: 90px;
    top: -14vh;
    left: 46%;
}

.floats1 .floater2 {
	animation: float 7s ease-in-out -3s infinite;
	width: 80px;
    top: 0;
    left: 0;
}

.floats1 .floater3 {
	animation: float 10s ease-in-out -1s infinite;
	width: 15px;
    top: 17vh;
    left: 26%;
}

.floats1 .floater4 {
	animation: float 11s ease-in-out -11s infinite;
	width: 38px;
    top: 7vh;
    left: 36%;
}

.floats1 .floater5 {
	animation: float 16s ease-in-out -6s infinite;
	width: 26px;
    top: -15vh;
    left: 12%;
}

.floats3 .floater1 {
	animation: float 6s ease-in-out -5s infinite;
	width: 90px;
    top: -2vh;
    left: 20%;
}

.floats3 .floater2 {
	animation: float 9s ease-in-out -3s infinite;
	width: 10px;
    top: 0;
    left: 0;
}

.floats3 .floater3 {
	animation: float 13s ease-in-out -1s infinite;
	width: 38px;
    top: 17vh;
    left: 13vw;
}

.floats3 .floater4 {
	animation: float 11s ease-in-out -11s infinite;
	width: 25px;
    top: 7vh;
    left: 56%;
}

.floats3 .floater5 {
	animation: float 12s ease-in-out -6s infinite;
	width: 26px;
    top: -15vh;
    left: 12%;
}

.mineral {
	text-align: right;
	width: 80%;
}

.float-text {
	text-align: right;
	width: 70%;
}

.float-text:after {
	content: '';
	position: absolute;
	width: 3vw;
	height: 5px;
	background: rgba(255,255,255,.5);
	right: calc(-30% - 5px); 
	top: 40px;
}

.float-text span {
	display: block;
	line-height: 1.3;
}

.float-text1 {
	height: 280px;
}

.float-text span:nth-child(1) {
	font-size: 3rem;
}

.aqm.kz .float-text1 span:nth-child(1):before,
.aqm.by .float-text1 span:nth-child(1):before {
	content: 'На ';
	font-size: 1.6rem;
}

.float-text1 span:nth-child(2) {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.aqm.kz .float-text1 span:nth-child(2),
.aqm.by .float-text1 span:nth-child(2) {
	font-size: 1.8rem;
}

.float-text1 span:nth-child(3) {
	font-size: 1rem;
}

.bullet.swapExtraActive span:first-child,
.bullet.swapExtraActive.active span:last-child {
	display: inline;
}

.bullet.swapExtraActive span:last-child,
.bullet.swapExtraActive.active span:first-child {
	display: none;
}

.sub-wrapper {
	height: 100vh; 
	position: relative;
}

.sub {
	position: absolute; 
	top: 100vh; 
	height: 100vh; 
	display: flex; 
	flex-direction: column; 
	justify-content: center;
}

.sub:first-of-type {
	top: 0vh;
}


@keyframes float { 0% { transform: translateY(0vw); } 50% { transform: translateY(-1.5vw); } 100% { transform: translateY(0vw); } }