@media screen and (max-width:500px){

  

.b01 {
height: 150vw;
width: 100%;
max-height: 1000px;
background: url(img/101mob.jpg) no-repeat center top / cover;
}
.blueline {
height: 12vw;
width: 100%;
max-height: 1000px;
max-width: 1000px;
position: fixed;
background-color: transparent;
background-image: linear-gradient(90deg, rgba(0, 98, 255, 0.6) 80%, rgba(0, 98, 255, 0.9) 100%);
}
.b01_01 {
height: 12vw;
width: 100%;
max-height: 1000px;
max-width: 1000px;
padding: 0 5vw;
position: fixed;
}
.b01_01_01 img{
height: 9vw;
width: 9vw;
max-height: 1000px;
max-width: 1000px;
margin: 0 5vw 0 0;
}
.logo {
height: 9vw;
width: 9vw;
max-height: 1000px;
max-width: 1000px;
margin: 0;
}
.xx1 {
display: none;
}
.b01_02 {
width: 100%;
max-width: 1000px;
margin: 26vw 0 auto 0 ;
}
.b01_02_title {
text-align: left;
margin: 6vw  0 0 10vw;
font-size: calc(15px + (40 - 15) * (100vw - 200px) / (500 - 200));
font-weight: 500;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
line-height: 1.2;
}
.b01_02_frame {
height: 51vw;
width: 37vw;
max-height: 1000px;
max-width: 1000px;
margin: 0 0 0 14vw;
border: 1.6vw solid rgba(0, 98, 255, 0.40);
}
.b01_02_frame p {
line-height: 1;
font-size: calc(8px + (18 - 8) * (100vw - 200px) / (500 - 200));
font-weight: 500;
margin: 0 0 3vw 0;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.b01_02_frame span {
font-size: calc(4.8px + (11 - 4.8) * (100vw - 200px) / (500 - 200));
font-weight: 600;
}



.b02 {
height: 130vw;
width: 100%;
max-height: 1000px;
}
.b02_01 {
height: calc(345px + (540 - 345) * (100vw - 300px) / (500 - 300));
width: auto;
max-width: 1000px;
flex-direction: column;
}
.b02_01_01 {
height: auto;
width: calc(166px + (263 - 166) * (100vw - 200px) / (500 - 200));
max-width: 1000px;
}
.b02_01_01 p {
margin: 2.0vw 0 0 0;
font-size: calc(8px + (12.5 - 8) * (100vw - 200px) / (500 - 200));
font-weight: 700;
line-height: 1.5;
}
/* анимация */
:root {
    --cycle-time: 3s; /* Общее время одного цикла (увеличение всех трех картинок) */
    --pause-time: 4s;  /* Пауза перед следующим циклом */
    --single-time: calc(var(--cycle-time) / 5); /* Время анимации одной картинки */
}
.b02_01_01 img {
    height: 12vw;
    width: 12vw;
    max-height: 1000px;
    max-width: 1000px;
    animation: pulseIcons calc(var(--cycle-time) + var(--pause-time)) ease-in-out infinite;
}
/* Делаем задержки для каждого значка, чтобы они пульсировали по очереди */
.b02_01_01:nth-child(1) img {
    animation-delay: 0s;
}
.b02_01_01:nth-child(2) img {
    animation-delay: var(--single-time);
}
.b02_01_01:nth-child(3) img {
    animation-delay: calc(var(--single-time) * 2);
}
@keyframes pulseIcons {
    0%, 100% {
        transform: scale(1);
    }
    16.66% {
        transform: scale(1.14);
    }
    33.33%, 100% {
        transform: scale(1);
    }
}



.b03 {
height: 150vw;
width: 100%;
max-height: 1000px;
}
.b03_01_img_mob {
display: flex;
height: 100%;
width: auto;
position: absolute;
opacity: 0;
transition: opacity 8s ease 0s;
}
.b03_01_img_mob_acive {
opacity: 1;
}
.b03_01_img {
display: none;
}
.b03_02 {
height: 100%;
width: 100%;
max-width: 1000px;
align-items: center;
background-color: transparent;
background-image: linear-gradient(120deg, rgba(9, 132, 227, 0.75) 30%, rgba(0, 59, 177, 0.9) 100%);
}
.b03_02_01 {
height: 105vw;
width: 100%;
max-width: 1000px;
flex-direction: column;
}
.b03_02_01_title {
margin: 10vw 0 0 10vw;
font-size: calc(13.8px + (23 - 13.8) * (100vw - 300px) / (500 - 300));
font-weight: 500;
line-height: 1.9;
}
.b03_02_01_frame {
margin: 0vw 0 0 15vw;
border: 1.6vw solid rgb(70, 175, 255);
height: 49vw;
width: 35vw;
}
.b03_02_01_text {
display: none;
}
.b03_02_01_text_mob {
background-color: transparent;
display: flex;
margin: 0vw 0 0 10vw;
color: rgb(255, 255, 255);
width: auto;
font-size: calc(8.85px + (14.7 - 8.85) * (100vw - 300px) / (500 - 300));
line-height: 1.7;
font-weight: 500;
}



.b04 {
height: 230vw;
width: 100%;
max-height: 2000px;
max-width: 4000px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
background-color: white;
z-index: 0;
}
.infiniteclouds {
    height: 230vw;
    width: 800vw; /* Уменьшаем ширину */
    background-color: transparent;
    position: absolute;
    display: flex;
    left: 0;
    will-change: transform;
}
.clouds {
    height: 230vw;
    width: 400vw; /* Соответственно уменьшаем */
    flex-shrink: 0;
} 
.whitebackground {
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.90);
display: flex;
justify-content: center;
align-items: end;
position: absolute;
}
.b04_01 {
margin: 0 0 0 0vw;
height: 100%;
width: 80%;
max-height: 3000px;
max-width: 4000px;
background-color: transparent;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.b04_01_01 {
background-color: transparent;
margin: 10vw 0 0vw 0 ;
padding: 0;
display: flex;
flex-direction: column;
text-align: center;
}
.b04_01_01_title {
margin: 0;
padding: 0 0 0 0vw;
color: #4f98eb;
font-size: calc(10px + (23 - 10) * (100vw - 200px) / (500 - 200));
font-weight: 700;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}
.b04_01_01_sub_title {
margin: 1.0vw 0 0 0;
padding: 0 0 0 4.2vw;
color: #8a8a8a;
font-size: calc(10px + (17 - 10) * (100vw - 200px) / (500 - 200));
font-weight: 500;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
display: none;
}
.b04_01_02 {
width: 90vw;
margin: 0vw 0 0 0;
background-color: transparent;
display: flex;
flex-direction: column;
position: relative;
}
.b04_01_02_slider {
width: 90vw;
left: 0vw;
position: relative;
transition: left ease 1s;
}
.b04_01_02_box {
width: 80vw;
margin: 8vw 0 0 0;
padding: 0vw;
background-color: transparent;
display: flex;
align-items: center;
}
.b04_01_02_box_1 {
display: none;
}
.b04_01_02_img {
height: 30vw;
width: 30vw;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.b04_01_02_img_1 {
background: url(img/401.jpg) no-repeat center top / cover;
}
.b04_01_02_img_2 {
background: url(img/402.jpg) no-repeat center top / cover;
}
.b04_01_02_img_3 {
background: url(img/403.jpg) no-repeat center top / cover;
}
.b04_01_02_img_4 {
background: url(img/404.jpg) no-repeat center top / cover;
}
.b04_01_02_img_5 {
background: url(img/405.jpg) no-repeat center top / cover;
}
.b04_01_02_wrap {
height: 27vw;
margin: 0 0 0 3vw;
padding: 0 5vw;
background-color: transparent;
background-image: linear-gradient(150deg, rgba(9, 132, 227, 0.8) 30%, rgba(0, 59, 177, 0.8) 100%);
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
color: rgb(255, 255, 255);
}
.b04_01_02_title {
background-color: transparent;
font-size: calc(9px + (15 - 9) * (100vw - 200px) / (500 - 200));
line-height: 1.2;
font-weight: 500;
}
.b04_01_02_text {
margin: 0.8vw 0 0 0;
background-color: transparent;
line-height: 1.3;
font-size: calc(7px + (12 - 7) * (100vw - 200px) / (500 - 200));
font-weight: 500;
}
.b04_01_03 {
display: none;
}



:root {
--unit1: 8vw;
--unit2: 5vw;
}
.b05 {
height: auto;
width: 100%;
background: url(img/501mob.jpg) no-repeat center top / cover ;
}
.bluebackground {
height: 100%;
width: 100%;
max-width: 1000px;
background-color: transparent;
background-image: linear-gradient(110deg,rgba(9,132,227,0.93) 30%,rgba(0,59,177,0.93) 100%);
}
.b05_01 {
width: 100%;
max-width: 1000px;
padding: var(--unit1) 0;
}
.b05_01_01 {
width: 90vw;
}
.b05_01_box {
padding:  var(--unit2)  var(--unit2)  4vw  var(--unit2);
background-color: rgba(0, 58, 151, 0.2);
}
.b05_01_title {
margin: 0 0 3vw 0;
font-size: calc(10.2px + (17.0 - 10.2) * (100vw - 300px) / (500 - 300));
line-height: 1.0;
font-weight: 500;
}
.b05_01_sub_title {
margin: 0;
font-size: calc(8.4px + (14.0 - 8.4) * (100vw - 300px) / (500 - 300));
line-height: 1.7;
font-weight: 500;
}
.b05_01_text {
font-size: calc(8.4px + (14.0 - 8.4) * (100vw - 300px) / (500 - 300));
line-height: 1.7;
font-weight: 500;
}
.b05_01_text a {
font-size: calc(8.4px + (14.0 - 8.4) * (100vw - 300px) / (500 - 300));
font-weight: 500;
}
.b05_01_box_insurance {
margin: var(--unit1) 0 0 0;
}
.b05_01_box_insurance a {
text-decoration: underline rgba(255, 255, 255, 0.6);
}
.b05_01_box_insurance a:hover {
text-decoration: underline rgba(255, 255, 255, 0.6);
}
.paragraph1 {
display: none;
}
.paragraph2 {
display: flex;
margin: 2.5vw 0 0 0;
height: 0;
}
.b05_01_02 {
margin: var(--unit1) 0;
padding:  var(--unit2)  var(--unit2)  4vw  var(--unit2);
width: 90vw;
display: flex;
flex-direction: column;
align-items: start;
background-color: rgba(0, 58, 151, 0.2);
}
.b05_01_box_airplane {
margin: 2.5vw 0 0 0;
}
.map {
display: flex;
position: absolute;
width: 14vw;
height: 14vw;
margin: 9vw 0 0 64vw;
}
.b05_01_03 {
height: 90vw;
width: 90vw;   
padding: 0vw;
}





.b05_01_box_organization {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0 0 9vw 0;
width: 90vw;  
}
.b05_01_box_organization a {
color: rgb(255, 255, 255);
font-size: calc(10.2px + (17.0 - 10.2) * (100vw - 300px) / (500 - 300));
font-weight: 500;
text-transform: uppercase;
line-height: 1.5;
}





.b06 {
height: 10vw;
width: 100%;
background-color: #0050b9;
display: flex;
justify-content: center;
align-items: center;
}
.world {
width: 7vw;
height: 7vw;
position: absolute;
}
.b06_01 {
height: 100%;
width: 100%;
max-width: 1500px;
padding: 0 5vw;
background-color: transparent;
display: flex;
justify-content: space-between;
align-items: center;
}
.b01_01_02_11 {
display: none;
}
.copyright {
background-color: transparent;
font-size: calc(7px + (16 - 7) * (100vw - 200px) / (500 - 200));
font-weight: 400;
color: rgb(255, 255, 255);
}



.skydiver img {
    height: auto;
    width: 13vw;
    max-width: 200px;
    right: 2vw;
    bottom: 200vw;
    z-index: 5;
    position: fixed;
    /* сначала выполняется анимация1, затем включается анимация2 */
    animation: 
        move1 4s ease-out 1 normal 1s forwards, 
        floatSkydiver 8s ease-in-out infinite 5s; /* анимация2 начинается после 5 сек */
}
/* анимация1 */
@keyframes move1 { 
    from { bottom: 200vw; } 
    to { bottom: 2vw; }
}
/* анимация2 (движение вверх-вниз) */
@keyframes floatSkydiver {
    0%, 100% { transform: translateY(0); }  
    50% { transform: translateY(-15vw); } 
}