/* general */
.menuSwitch__icon {
    color: #fff;
}
.menuSwitch__text {
    color: #2B2B2B;
}
.header__heading {
    color: #FF3E3E;
}
.header__subheading {
    color: #FF3E3E;
}
.header {
    filter: drop-shadow(0px 2px 6px #0f281e2f);
}
@media (min-width: 1400px) {
	.header {
		margin-bottom: 55px;
	}
}
@media (min-width: 1920px) {
    .header {
		margin-bottom: 2.8645833vw;
        filter: drop-shadow(0px 0.104167vw 0.3125vw #0f281e2f);
    }
}
/* general */

/* images */
body {
    background-image: url('images/fon.jpg');
    background-size: cover;
    background-position: center top;
    position: relative;
    background-repeat: no-repeat;
}  
.cloud1{
	width: 119vw;
	height: auto;
	left: -10%;
	top: -11%;
    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;
}
.cloud2{
	width: 107.23vw;
	height: auto; 
	right: 0;
	top: 8%;
    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;
}
.cloud3{
	width: 119vw;
	height: auto;
	left: -10%;
	top: 19%;
    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;
}
.cloud4{
	width: 107.23vw;
	height: auto; 
	right: 0;
	top: 40%;
    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;
}
.img1{
	display: none;
	left: 0;
	height: 100%;
	width: auto;
    animation-name: zoom-soft;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.flare{ 
	display: none;
	height: 100%;
	left: 0;
	bottom: 0;
    animation-name: zoom-soft;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.flare img{
	width: auto;
	max-width: inherit;
    max-height: inherit;
	height: 100%;
	animation-name: zub;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.img2{
	right: 0;
	height: 100%;
	width: auto;
}
.flare2{
	width: auto;
	max-width: inherit;
    max-height: inherit;
	height: 100%;
	right: 0;
	animation-name: zub;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list1 img,
.list2 img,
.list3 img,
.list4 img{
	width: 100%;
}
.list1{
	width: 3.125vw;
	position: absolute;
	left: 28vw;
	bottom: 28vw;
}
.list2{
	width: 2.552vw;
	position: absolute;
	left: 22vw;
	bottom: 34vw;
} 
.list3{
	width: 4.74vw;
	position: absolute;
	left: 25vw;
	bottom: 41vw;
} 
.list4{
	width: 3.8vw;
	position: absolute;
	left: 43vw;
	bottom: 45vw;
} 

.list1__animation--1 {
    animation-name: moving-vertical-soft;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 6s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list1__animation--2 {
    animation-name: moving-horizontal-medium;
    animation-duration: 7.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list1__animation--3 {
    animation-name: pendulum-bottom-medium;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
} 
.list2__animation--1 {
    animation-name: moving-vertical-soft;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 5s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list2__animation--2 {
    animation-name: moving-horizontal-medium;
    animation-duration: 6.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list2__animation--3 {
    animation-name: pendulum-bottom-medium;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
} 
.list3__animation--1 {
    animation-name: moving-vertical-soft;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-delay: 4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list3__animation--2 {
    animation-name: moving-horizontal-medium;
    animation-duration: 5.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list3__animation--3 {
    animation-name: pendulum-bottom-medium;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
} 
.list4__animation--1 {
    animation-name: moving-vertical-soft;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list4__animation--2 {
    animation-name: moving-horizontal-medium;
    animation-duration: 8.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.list4__animation--3 {
    animation-name: pendulum-bottom-medium;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transform-origin: 50% 100%;
}
/* images */

/* maintext */
.mainText__container {
	box-shadow: 0px 4px 20px rgba(255, 214, 188, 0.5);
}
.mainText__container {
    padding-bottom: 65px;
}

@media (min-width: 950px) {
	/*iPad fix */
	body .mainText__container{
	    padding-bottom: 2em;
    	margin-top: auto;
    	flex-grow: 0;
	}
	.relative{
		min-height: 100vh;
	}
	/***********/
	body{
		padding: 0 !important;
		position: relative !important;
	}
	.main .container{
		padding: 0;
	}
	.flare,
	.img1{
		display: block;
	}
    .header {
    	padding-top: 1.66vw;
		margin-bottom: 3.3vw;
        filter: drop-shadow(0px 0.104167vw 0.3125vw #0f281e2f);
    } 
    .menuSwitch__icon {
	    color: #2B2B2B;
	}
	.menuSwitch__text {
	    color: #2B2B2B;
	}
	.main .container{
		max-width: 100%;
	}
	.mainText__container {
		margin-left: 25vw;
		padding-bottom: 0;
        box-shadow: 0px 0.2083vw 1.04vw #C7DAE7;
	} 
	.relative{
		flex-grow: 0;
		height: 63.75vw;
	}
	.mainText__container--round{
		max-width: 16.25vw;
	    transform: translateX(-0.91vw);
	    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;
	}
	.header__heading{
		font-size: 4.166vw; 
	} 
} 
/* maintext */