/* general */
.menuSwitch__icon {
    color: #2B2B2B;
}
.menuSwitch__text {
    color: #2B2B2B;
}
.header__heading {
    color: #FF3E3E;
}
.header__subheading {
    color: #FF3E3E;
}
.header {
    filter: drop-shadow(0px 2px 6px #0f281e2f);
} 
.mainText>p{
	white-space: pre
} 
/* general */

/* images */
body {
    background-image: url('images/fon.jpg');
    background-size: cover;
    background-position: center top;
    position: relative;
    background-repeat: no-repeat;
} 
.img,.img0{
	right: 0;
	bottom: 0;
	height: auto;
	width: 100%; 
}
.img{
	display: none;  
	animation-name: zoom-soft;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both; 
}
.cloud1{
	width: 129vw;
	height: auto;
	left: calc(50% - 65.5vw);
	top: -3vw;
    animation-name: wave-horizontal-hard;
    animation-duration: 9s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.cloud2{
	width: 214vw;
	height: auto; 
	left: calc(50% - 120vw);
	top: 14.2vw;
    animation-name: wave-vertical-hard;
    animation-duration: 9s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

/* images */

/* maintext */
.mainText__container {
	box-shadow: 0px 4px 20px rgba(255, 214, 188, 0.5);
}
.mainText__container {
    padding-bottom: 65px;
}
.mainText__container--round{
	max-width: 354px;
} 
@keyframes exp{
    0% {
        background-position: 0% 0%;
    } 
    3.99% {
        background-position: 0% 0%;
    } 
    4% {
        background-position: 25% 0%;
    } 
    7.99% {
        background-position: 25% 0%;
    } 
    8% {
        background-position: 50% 0%;
    }
    11.99% {
        background-position: 50% 0%;
    } 
    12% {
        background-position: 75% 0%;
    } 
    15.99% {
        background-position: 75% 0%;
    } 
    16% {
        background-position: 100% 0%;
    } 
    19.99% {
        background-position: 100% 0%;
    } 
    20% {
        background-position: 0% 25%;
    } 
    23.99% {
        background-position: 0% 25%;
    } 
    24% {
        background-position: 25% 25%;
    } 
    27.99% {
        background-position: 25% 25%;
    } 
    28% {
        background-position: 50% 25%;
    } 
    31.99% {
        background-position: 50% 25%;
    } 
    32% {
        background-position: 75% 25%;
    } 
    35.99% {
        background-position: 75% 25%;
    } 
    36% {
        background-position: 100% 25%;
    } 
    39.99% {
        background-position: 100% 25%;
    } 
    40% {
        background-position: 0% 50%;
    } 
    43.99% {
        background-position: 0% 50%;
    } 
    44% {
        background-position: 25% 50%;
    } 
    47.99% {
        background-position: 25% 50%;
    } 
    48% {
        background-position: 50% 50%;
    }  
    51.99% {
        background-position: 50% 50%;
    } 
    52% {
        background-position: 75% 50%;
    } 
    55.99% {
        background-position: 75% 50%;
    } 
    56% {
        background-position: 100% 50%;
    }
    59.99% {
        background-position: 100% 50%;
    } 
    60% {
        background-position: 0% 75%;
    } 
    63.99% {
        background-position: 0% 75%;
    } 
    64% {
        background-position: 25% 75%;
    } 
    67.99% {
        background-position: 25% 75%;
    } 
    68% {
        background-position: 50% 75%;
    } 
    71.99% {
        background-position: 50% 75%;
    } 
    72% {
        background-position: 75% 75%;
    } 
    75.99% {
        background-position: 75% 75%;
    } 
    76% {
        background-position: 100% 75%;
    } 
    79.99% {
        background-position: 100% 75%;
    } 
    80% {
        background-position: 0% 100%;
    } 
    83.99% {
        background-position: 0% 100%;
    } 
    84% {
        background-position: 25% 100%;
    } 
    87.99% {
        background-position: 25% 100%;
    } 
    88% {
        background-position: 50% 100%;
    } 
    91.99% {
        background-position: 50% 100%;
    } 
    92% {
        background-position: 75% 100%;
    } 
    95.99% {
        background-position: 75% 100%;
    } 
    96% {
        background-position: 100% 100%;
    } 
    99.99% {
        background-position: 100% 100%;
    } 
    100% {
        background-position: 0% 0%;
    }  
}
@media (min-width: 950px) { 
	.explosion{
		position: absolute;
		pointer-events: none;
		width: 4vw;
	    height: 4vw; 
	    bottom: 19vw;
	    right: 34vw;
	    
		animation-name: zoom-soft;
	    animation-duration: 6s;
	    animation-timing-function: ease-in-out;
	    animation-delay: 0s;
	    animation-direction: alternate;
	    animation-iteration-count: infinite;
	    animation-fill-mode: both;
	}
	.explosion>div{
		width: 100%;
		height: 100%;
		background-image: url(images/explosion.png);
		background-size: 500%;
		animation-name: exp;
	    animation-duration: 2s;  
	    animation-iteration-count: infinite; 	
		
	}
	.pagination__row{
		z-index: 3;
    	position: relative;
	}
	.img{
		display: block;
	}
	.img0{
		display: none;
	}
	body{
		padding: 0 !important;
		position: relative !important;
	}
	.relative{
		flex-grow: 0;
		height: 77.3vw;
	}
	.header__heading {
	    white-space: nowrap;
		font-size: 4.166vw; 
	} 
    .header {
    	padding-top: 1.96vw;
		margin-bottom: 2vw;
        filter: drop-shadow(0px 0.104167vw 0.3125vw #0f281e2f);
    }
	.main .container{
		max-width: 100%;
		padding: 0;
	}
	.mainText__container { 
        box-shadow: 0px 0.2083vw 1.04vw #C7DAE7;
        padding-bottom: 0;
    }
	.mainText__container--round{
		margin-right: 32.4vw;
		max-width: 18.44vw;
	    border-radius: 0.26vw 8.125vw 0px 0px;
	}	
	.mainText__container--round .mainText {
	    padding-top: 1.3vw;
	    padding-left: 1.666vw;
	    margin-bottom: 1.56vw;
	}
	.mainText p{
		font-size: 0.9375vw;
	}
	.initial{
		font-size: 5.208vw;
	    margin-bottom: 0.1em;
	}
	.mainText__pagination {
	    padding: 0 1.666vw;
	}
	.pagination__bigBtnText {
	    font-size: 1.5625vw;
	    padding: 0 1.666vw;
	    margin-bottom: 1.04vw;
	    height: 4.375vw;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 0.52vw;
	}
	.pagination__bigBtn::before{
		border-radius: 1.04vw;
	    height: calc(100% + 0.208vw);
	}
	.pagination__link {
	    width: 3.802vw;
	    height: 3.645vw;
	    background-size: 1.1145vw auto;
	}
	.pagination__counter{
		margin: 0;
		font-size: 0.9375vw;
	} 
}
@media(min-width: 1200px) and (min-height: 56.25vw) and (max-height: 65vw){
	.relative{
		min-height: 100vh;
	}
}
/* maintext */
/* maintext */