.btn-simple span span::after,
.btn,
.icon_svg,
.soc-icons a
{ transition:all 350ms ease !important; }

.soc-icons a:hover
{ transform: scale(1.1);}


.btn:hover
{ transform: scale(1.02);}


.btn._close_bullets:hover
{ transform: scale(1.4) !important;}

.btn-simple:hover { transform: scale(1); }
.btn-simple:hover span span::after{ width: 100%; }



/*@media (min-width:767px){*/

  ._anim_items{ transition: all 0.9s ease 0s}
  ._anim_items._active{ transform: translate(0, 0);}

  ._anim_items ._anim_it { transition: all 0.9s ease 0s}
  ._anim_items._active ._anim_it{ transform: translate(0, 0);}


  /* ............................................................................................ */
  /* logo__app */
  .logo__app{ opacity: 0; transition: all 0.6s ease 0s; transform: translate(0, -30%)}
  .logo__app._anim_items._active{ opacity: 1; transform: translate(0, 0);}

  /* ............................................................................................ */
  /* header - visual */
  .visual_header._anim_items .photo,
  .visual_header._anim_items .project,
  .visual_header._anim_items .diagram{ opacity: 0; transition: all 0.9s ease 0s}

  .visual_1 .photo { transform: translate(-30%, 0px); }
  .visual_1 .project{ transform: translate(-35%, 0px); }
  .visual_1 .diagram{ transform: translate(-10%, 0); }

  .visual_2 .photo { transform: translate(0, 30%); }
  .visual_2 .project{ transform: translate(20%, 0px); }
  .visual_2 .diagram{ transform: translate(10%, 0); }

  .visual_3 .photo { transform: translate(30%, 0px); }
  .visual_3 .project{ transform: translate(35%, 0px); }
  .visual_3 .diagram{ transform: translate(10%, 0); }


  .visual_header._anim_items._active .photo,
  .visual_header._anim_items._active .project,
  .visual_header._anim_items._active .diagram{ opacity: 1; transform: translate(0, 0);}

  .visual_header._anim_items._active .project { transition-delay: 0.3s}
  .visual_header._anim_items._active .diagram{ transition-delay: 0.9s}

  /* ............................................................................................ */
  /* 01 resource planner + other blocks */
  ._title_section._anim_items h2,
  ._title_section._anim_items p,
  ._title_section._anim_items ._btn_animation,
  ._buttons_section._anim_items,
  .screens._anim_items .scr_component,
  .screens._anim_items img.screenshot {opacity: 0; transition: all 0.8s ease 0s; transform: translate(0, 90%); }

  ._title_section._anim_items h2  {transition-delay: 0s}
  ._title_section._anim_items p  {transition-delay: 0.2s}
  ._title_section._anim_items ._btn_animation  {transition-delay: 0.5s}
  ._buttons_section._anim_items {transition-delay: 0.4s; transform: translate(0, 90%);}
  .screens._anim_items .scr_component {transition-delay: 0.6s; transform: translate(0, 150%);}
  .screens._anim_items img.screenshot {transition-delay: 0.8s; transform: translate(0, 30%);}
  .screens._anim_items img.screenshot.img_2,
  .screens._anim_items img.screenshot.scr_2 {transition-delay: 1.1s; transform: translate(0, 30%);}

  ._title_section._anim_items._active h2,
  ._title_section._anim_items._active p,
  ._title_section._anim_items._active ._btn_animation,
  ._buttons_section._anim_items._active,
  .screens._anim_items._active .scr_component,
  .screens._anim_items._active img.screenshot {opacity: 1; transform: translate(0, 0); }

  /* ............................................................................................ */
  /* Uberlich */
  .deco_task._anim_items img{transform: translate(-200%, 0); transition: all 0.8s ease 0s;}
  .deco_task._right._anim_items img{transform: translate(200%, 0); }

  .deco_task._anim_items._active img{ transform: translate(0, 0);}

  /* .................................... */

  @keyframes animation_title {
      0%{
          opacity: 0;
          transform: scale(1.5) translate(0, 130%);
      }
      50%{
          opacity: 1;
          transform: scale(1) translate(0, 130%);
      }
      100%{
          opacity: 1;
          transform: translate(0, 0);
      }
  }

  ._promo_big._anim_items h2,
  ._promo_big._anim_items h3,
  ._promo_big._anim_items p{ opacity: 0; transition: all 0.8s ease 0s;}

  ._promo_big._anim_items h3 {transform: translate(0, 150%); transition-delay: 0.8s;}
  ._promo_big._anim_items p {transform: translate(0, 150%); transition-delay: 1s;}

  ._promo_big._anim_items._active h2{ animation: animation_title 1.8s ease forwards 0s; animation-iteration-count: 1; }

  ._promo_big._anim_items._active h3,
  ._promo_big._anim_items._active p{ opacity: 1; transform:translate(0, 0);}


  /* ............................................................................................ */
  /* __video_block */

  .__video_block ._video_avatar._anim_items{ transition: all 0.8s ease 0s; transform: scale(1.2)}
  .__video_block ._video_avatar._anim_items._active {transform: scale(1);}

  /* ............................................................................................ */
  /* __lead_to_cache */

  .__lead_to_cache ._scheme._anim_items img.scheme{ transition: all 0.8s ease 0s; transform: scale(0.7);}
  .__lead_to_cache ._scheme._anim_items._active img.scheme{ transform: scale(1)}


  /* ............................................................................................ */
  /* __lead_to_cache */

  .__lead_to_cache ._scheme._anim_items img.scheme{ transition: all 0.8s ease 0s; transform: scale(0.7);}
  .__lead_to_cache ._scheme._anim_items._active img.scheme{ transform: scale(1)}


  /* ............................................................................................ */
  /* __cta */

  .__cta .icon_app._anim_items{ transition: all 0.8s ease 0s; transform:translate(0, -50%); }
  .__cta .icon_app._anim_items._active{ transform:translate(0, 0); }

  .__cta ._anim_items h2{ transform: scale(1.5);}
  .__cta ._anim_items._active h2{ transform: scale(1);}



  /* ............................................................................................ */
  /* _bullet_points_hidden */
  .btn._close_bullets{ transform:translate(0, -200%);    }
  ._bullet_points_hidden .ok_list{ opacity: 0; transition: all 0.8s ease 0s; transform:translate(0, 30%); font-size: 15px; line-height: 165%;}

  ._show ._bullet_points_hidden .ok_list{opacity: 1; transform:translate(0, 0);}
  ._show .btn._close_bullets{ transform:translate(0, 0);}
  ._show ._open_bullets{opacity: 0; transform:translate(0, 100%);}


/* ............................................................................................ */

  /*._anim_items ._anim_base */
  ._anim_base { transition: all 0.8s ease 0s !important; }
  ._anim_base2 { transition: all 0.45s ease 0s; }
  ._anim_base_ { transition: all 1.2s ease 0s; }

  ._anim_items ._fade_in{opacity: 0;}
  ._anim_items ._fade_in_y{opacity: 0; transform:translate(50%, 0%);}
  ._anim_items ._fade_in_yn{opacity: 0; transform:translate(-50%, 0%);}

  ._anim ._fade_in_x,
  ._anim_items ._fade_in_x{opacity: 0; transform:translate(0, 50%);}
  ._anim_items ._fade_in_x30{opacity: 0; transform:translate(0, 30%);}

  ._anim ._fade_in_xn,
  ._anim_items ._fade_in_x__top { opacity: 0; transform:translate(0, -50%);}
  ._anim_items ._fade_in_zoom { opacity: 0; transform:scale(1.5);}



  ._anim_hovered ._anim_base2,
  ._anim_hovered ._anim_base{ opacity: 1; transform:translate(0, 0); transform:scale(1);}

  ._anim_items._active ._anim_base{ opacity: 1; transform:translate(0, 0); transform:scale(1);}
  ._anim_items._active ._anim_base_{ opacity: 1;}

  ._anim_items .service{ transition: all 0.8s ease 0s; opacity: 0; transform:translate(0, 100%); }
  ._anim_items._active .service{ opacity: 1; transform:translate(0, 0); }

  ._anim_items .customer__elem{ transition: all 0.8s ease 0s; opacity: 0; transform:translate(0, 100%); }
  ._anim_items._active .customer__elem{ opacity: 1; transform:translate(0, 0); }

  .customer .customer__elem:nth-child(2){transition-delay: 0.1s !important}
  .customer .customer__elem:nth-child(3){transition-delay: 0.2s !important}
  .customer .customer__elem:nth-child(4){transition-delay: 0.3s !important}
  .customer .customer__elem:nth-child(5){transition-delay: 0.4s !important}
  .customer .customer__elem:nth-child(6){transition-delay: 0.5s !important}
  .customer .customer__elem:nth-child(7){transition-delay: 0.6s !important}
  .customer .customer__elem:nth-child(8){transition-delay: 0.7s !important}


  ._anim_items .service:nth-child(2){transition-delay: 0.1s !important}
  ._anim_items .service:nth-child(3){transition-delay: 0.2s !important}
  ._anim_items .service:nth-child(4){transition-delay: 0.3s !important}
  ._anim_items .service:nth-child(5){transition-delay: 0.4s !important}
  ._anim_items .service:nth-child(6){transition-delay: 0.5s !important}
  ._anim_items .service:nth-child(7){transition-delay: 0.6s !important}
  ._anim_items .service:nth-child(8){transition-delay: 0.7s !important}
  ._anim_items .service:nth-child(9){transition-delay: 0.8s !important}



  .__contact_us ._anim_items svg,
  .__contact_us ._anim_items p,
  .__contact_us ._anim_items h2 {transition: all 0.8s ease 0s; opacity: 0; transform:translate(0, 100%);}
  .__contact_us ._anim_items._active svg,
  .__contact_us ._anim_items._active p {opacity: 1; transform:translate(0, 0); }

  .__contact_us ._anim_items h2{   transform: scale(1.5);}
  .__contact_us ._anim_items._active h2{ opacity: 1; transform: scale(1); transform:translate(0, 0);}


  .__bullet_points._anim_items li { transition: all 0.8s ease 0s; opacity: 0; transform:translate(0, 30%);}
  .__bullet_points._anim_items._active li{ opacity: 1; transform:translate(0, 0);}



  ._anim_items ._delay_01{ transition-delay: 0.1s !important}
  ._anim_items ._delay_02{ transition-delay: 0.2s !important}
  ._anim_items ._delay_03{ transition-delay: 0.3s !important}
  ._anim_items ._delay_04{ transition-delay: 0.4s !important}
  ._anim_items ._delay_05{ transition-delay: 0.5s !important}
  ._anim_items ._delay_06{ transition-delay: 0.6s !important}
  ._anim_items ._delay_07{ transition-delay: 0.7s !important}
  ._anim_items ._delay_08{ transition-delay: 0.8s !important}
  ._anim_items ._delay_09{ transition-delay: 0.9s !important}
  ._anim_items ._delay_10{ transition-delay: 1.0s !important}
  ._anim_items ._delay_11{ transition-delay: 1.1s !important}
  ._anim_items ._delay_12{ transition-delay: 1.2s !important}
  ._anim_items ._delay_13{ transition-delay: 1.3s !important}
  ._anim_items ._delay_14{ transition-delay: 1.4s !important}
  ._anim_items ._delay_15{ transition-delay: 1.5s !important}
  ._anim_items ._delay_16{ transition-delay: 1.6s !important}

  ._del_01{ transition-delay: 0.1s !important}
  ._del_02{ transition-delay: 0.2s !important}
  ._del_03{ transition-delay: 0.3s !important}
  ._del_04{ transition-delay: 0.4s !important}
  ._del_05{ transition-delay: 0.5s !important}
  ._del_06{ transition-delay: 0.6s !important}
  ._del_07{ transition-delay: 0.7s !important}
  ._del_08{ transition-delay: 0.8s !important}
  ._del_09{ transition-delay: 0.9s !important}
  ._del_10{ transition-delay: 1.0s !important}
  ._del_11{ transition-delay: 1.1s !important}
  ._del_12{ transition-delay: 1.2s !important}
  ._del_13{ transition-delay: 1.3s !important}
  ._del_14{ transition-delay: 1.4s !important}
  ._del_15{ transition-delay: 1.5s !important}
  ._del_16{ transition-delay: 1.6s !important}


  .brand .brand__elem:nth-child(2) .brand__link{ transition-delay: 0.1s;}
  .brand .brand__elem:nth-child(3) .brand__link{ transition-delay: 0.2s;}
  .brand .brand__elem:nth-child(4) .brand__link{ transition-delay: 0.3s;}
  .brand .brand__elem:nth-child(5) .brand__link{ transition-delay: 0.4s;}
  .brand .brand__elem:nth-child(6) .brand__link{ transition-delay: 0.5s;}
  .brand .brand__elem:nth-child(7) .brand__link{ transition-delay: 0.6s;}
  .brand .brand__elem:nth-child(8) .brand__link{ transition-delay: 0.7s;}
  .brand .brand__elem:nth-child(9) .brand__link{ transition-delay: 0.8s;}
  .brand .brand__elem:nth-child(10) .brand__link{ transition-delay: 0.9s;}
  .brand .brand__elem:nth-child(11) .brand__link{ transition-delay: 1.0s;}
  .brand .brand__elem:nth-child(12) .brand__link{ transition-delay: 1.1s;}
  .brand .brand__elem:nth-child(13) .brand__link{ transition-delay: 1.2s;}
  .brand .brand__elem:nth-child(14) .brand__link{ transition-delay: 1.3s;}
  .brand .brand__elem:nth-child(15) .brand__link{ transition-delay: 1.4s;}
  .brand .brand__elem:nth-child(16) .brand__link{ transition-delay: 1.5s;}


  /* ............................................................................................ */
  /* finblick logo animation */

  ._anim_it.pos_1,
  ._anim_it.pos_2{opacity: 0; transform: translate(0, -100%); }

  ._anim_items._active ._anim_it.pos_1,
  ._anim_items._active ._anim_it.pos_2{opacity: 1; transform: translate(0, 0); }

  ._anim_items._active ._anim_it.pos_1{transition-delay: 0.3s}
  ._anim_items._active ._anim_it.pos_2{transition-delay: 0.6s}


  .deco_finblick ._anim_it{opacity: 0; transform: translate(0, 50%); transition: all 1.1s cubic-bezier(.49,-0.18,0,1.68) 0s;}
  ._anim_items._active .deco_finblick ._anim_it{  opacity: 1; transform: translate(0, 0);}

  ._anim_items._active .deco_finblick ._col:nth-child(1) ._anim_it{transition-delay: 0.1s}
  ._anim_items._active .deco_finblick ._col:nth-child(2) ._anim_it{transition-delay: 0.2s}
  ._anim_items._active .deco_finblick ._col:nth-child(3) ._anim_it{transition-delay: 0.3s}
  ._anim_items._active .deco_finblick ._col:nth-child(4) ._anim_it{transition-delay: 0.4s}
  ._anim_items._active .deco_finblick ._col:nth-child(5) ._anim_it{transition-delay: 0.5s}


  /* ............................................................................................ */



a.present-block-4__elem.service{transition: all 0.35s ease; }
a.present-block-4__elem.service:hover{ transform: scale(1.1);}

  ._app .app_container,
  ._app .app_visual_abs,

  ._app .project,

  ._app .diagram{  transition: all 0.9s ease 0s}
  .app_visual,
  .app_container{  transition: all 0.5s ease 0s}

  ._app:hover .app_visual {transform: scale(1.04);}
  ._app:hover .app_container{ transform: scale(1.1); }


  ._app:hover .project{ transform: translate(35%, 0px); }
  ._app:hover .diagram{ transform: translate(15%, 0); transition-delay: 0.2s }


  .blog__img-block{ transition: all 0.4s ease 0s;}
  .blog__img-block:hover{transform: scale(1.08);}




  /* .................................... */

  @keyframes icon_hand {
      0%{
          transform: rotate(0deg);
      }
      5%{
          transform: rotate(70deg);
      }
      10%{
          transform: rotate(0deg);
      }
      15%{
          transform: rotate(70deg);
      }
      20%{
          transform: rotate(0deg);
      }
      70%{
          transform: rotate(0deg);
      }
      100%{
          transform: rotate(0deg);
      }
  }

.icon_hand{ animation: icon_hand 4.8s ease infinite 0s; }



@keyframes fader {
    0%{
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }
    45%{
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }
    55%{
        opacity: 0;
        transform: scale(0.9)  translate(0, 0);
    }
    90%{
        opacity: 0;
        transform: scale(0.9)  translate(0, 0);
    }
    100%{
        opacity: 1;
        transform: scale(1) translate(0, 0);
    }
}

._anim_items._active ._anim_fader{ animation: fader 10s ease infinite 0s; }




@media (max-width:991px){

  .deco_task._right._anim_items._active img{transform: translate(60%, 0); }
  .deco_task._anim_items._active img{ transform: translate(-60%, 0);}
}