.animate_block, .animate_block_early{
    overflow: hidden;
}

.home_banner video{
    opacity: 0.5;
    transform: scale(1.1);
    transition: 2s ease;
}
.home_banner.loaded video{
    opacity: 1;
    transform: scale(1);
}


.hm_tt_one, .hm_tt_two, .hm_tt_thr{
    transform: translate(0, 40%);
    opacity: 0;
}
.home_banner.loaded .hm_tt_one{
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-name:inTopSlisecnd;
    animation-name:inTopSlisecnd;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.home_banner.loaded .hm_tt_two{
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name:inTopSlisecnd;
    animation-name:inTopSlisecnd;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.home_banner.loaded .hm_tt_thr{
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    -webkit-animation-name:inTopSlisecnd;
    animation-name:inTopSlisecnd;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes inTopSlisecnd{
  0% {
        transform: translate(0, 40%);
        opacity: 0;
  }
  100%{
        transform: translate(0, 0);
        opacity: 1;
  } 
}

.box_containerimage_overe .image_over_box{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.twoscols_comp.loaded .image_over_box{
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@keyframes scale_image_minus{
  0% {
    transform: scale(1.1);
    opacity: 0.4;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  } 
}


.main_reg_title{
    transform: translate(0, -30%);
    opacity: 0;
}
.jk_subtitle{
    transform: translate(0, -30%);
    opacity: 0;
}
.loaded .jk_subtitle{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_top_to_bot;
    animation-name: fade_top_to_bot;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;  
}
.loaded .main_reg_title{
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_top_to_bot;
    animation-name: fade_top_to_bot;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@keyframes fade_top_to_bot{
  0% {
        transform: translate(0, -30%);
        opacity: 0;
  }
  100%{
        transform: translate(0, 0);
        opacity: 1;
  } 
}


.box_perks_images{
    transform: translate(30%, 0);
    opacity: 0;
}

.twoscols_comp.loaded .box_perks_images{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_fr_right;
    animation-name: fade_fr_right;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@keyframes fade_fr_right{
  0% {
        transform: translate(30%, 0);
        opacity: 0;
  }
  100%{
        transform: translate(0, 0);
        opacity: 1;
  } 
}



.main_subtitle{
    transform: translate(-5%, 0);
    opacity: 0;
}

.loaded .main_subtitle{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_fr_left;
    animation-name: fade_fr_left;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@keyframes fade_fr_left{
  0% {
        transform: translate(-5%, 0);
        opacity: 0;
  }
  100%{
        transform: translate(0, 0);
        opacity: 1;
  } 
}


.item_perks_box{
    opacity: 0;
    transform: translate(0, 30%);
}
.loaded .item_perks_box:nth-child(1){
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.loaded .item_perks_box:nth-child(2){
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.loaded .item_perks_box:nth-child(3){
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.loaded .item_perks_box{
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes fade_bot_to_top{
  0% {
        transform: translate(0, 30%);
        opacity: 0;
  }
  100%{
        transform: translate(0, 0);
        opacity: 1;
  } 
}

.wrap_slider_horisonts{
    opacity: 0;
    transform: translate(0, 30%);
}
.loaded .wrap_slider_horisonts{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.aboutmir_text .box_image_wrappers img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.aboutmir_text.loaded .box_image_wrappers img{
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.aboutmir_text .box_image_abtwos img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.aboutmir_text.loaded .box_image_abtwos img{
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.aboutmir_text .wrap_img_top_abvtes img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.aboutmir_text.loaded .wrap_img_top_abvtes img{
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


.smal_col_galler a img,
.large_col_galler a img,
.block_twthbtn .last_wth_btn_gall img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.loaded .smal_col_galler a img,
.loaded .large_col_galler a img,
.loaded .block_twthbtn .last_wth_btn_gall img{
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


.wrap_image_gekrast img,
.wrap_right_big_image_gekrast img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.loaded .wrap_image_gekrast img,
.loaded .wrap_right_big_image_gekrast img{
    animation-delay: 0s;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


.item_stap_pokaz{
    transform: translate(-5%, 0);
    opacity: 0;
}
.loaded .item_stap_pokaz:nth-child(1){
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_fr_left;
    animation-name: fade_fr_left;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.loaded .item_stap_pokaz:nth-child(2){
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_fr_left;
    animation-name: fade_fr_left;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


.wrap_image_ecos a img,
.image_item_ecoses a img{
    transform: scale(1.1);
    transition: 2s ease;
    opacity: 0.4;
}
.loaded .wrap_image_ecos a img,
.loaded .image_item_ecoses a img{
    animation-delay: 0s;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale_image_minus;
    animation-name: scale_image_minus;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}



.wrap_box_map{
    opacity: 0;
    transform: translate(0, 30%);
}
.loaded .wrap_box_map{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.wrap_box_placecat{
    opacity: 0;
    transform: translate(0, 30%);
}
.loaded .wrap_box_placecat{
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_bot_to_top;
    animation-name: fade_bot_to_top;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}