/*img[data-opt-src]:not([data-opt-lazy-loaded]) { transition: all 0.8s ease 0s; opacity: 0; }
  img[data-opt-lazy-loaded] { opacity: 1; transition-delay: 0.2s;}*/


  /* ............................................................................................ */
  /* graph */
  .my_graph._anim_items .gr_val .gr_animation{ transition: all 0.9s cubic-bezier(.49,-0.18,0,1.68) 0s; height:0;}

  .my_graph._anim_items._active .gr_val .gr_animation{ height:100%;}
  .my_graph._anim_items._active .gr_val_2 .gr_animation{ transition-delay: 0.1s;}
  .my_graph._anim_items._active .gr_val_3 .gr_animation{ transition-delay: 0.2s;}
  .my_graph._anim_items._active .gr_val_4 .gr_animation{ transition-delay: 0.3s;}


  /* ............................................................................................ */
  /* graph */

  .faq-accordion._anim_items .accordion-elem{transition: all 0.6s ease-out 0s; transform: translate(0, 120%);}
  .faq-accordion._anim_items._active .accordion-elem{ transform: translate(0, 0);}

  .faq-accordion._anim_items._active .accordion-elem:nth-child(2){ transition-delay: 0.0s;}
  .faq-accordion._anim_items._active .accordion-elem:nth-child(3){ transition-delay: 0.2s;}
  .faq-accordion._anim_items._active .accordion-elem:nth-child(4){ transition-delay: 0.4s;}
  .faq-accordion._anim_items._active .accordion-elem:nth-child(5){ transition-delay: 0.6s;}


  /* ............................................................................................ */
  /* graph */
  .brand_certificates._anim_items li{transition: all 0.8s ease 0s; transform: translate(0, 50%); opacity: 0}
  .brand_certificates._anim_items._active li{ transform: translate(0, 0); opacity: 1}

  .brand_certificates._anim_items._active li:nth-child(2){ transition-delay: 0.2s;}
  .brand_certificates._anim_items._active li:nth-child(3){ transition-delay: 0.4s;}
  .brand_certificates._anim_items._active li:nth-child(4){ transition-delay: 0.6s;}
  .brand_certificates._anim_items._active li:nth-child(5){ transition-delay: 0.8s;}
  .brand_certificates._anim_items._active li:nth-child(6){ transition-delay: 1s;}
  .brand_certificates._anim_items._active li:nth-child(7){ transition-delay: 1.2s;}
  .brand_certificates._anim_items._active li:nth-child(8){ transition-delay: 1.5s;}

  .block_txt._anim_items,
  .brand_map._anim_items{ transition: all 0.8s ease 0s; transform: scale(1.2); opacity: 0}

  .block_txt._anim_items._active,
  .brand_map._anim_items._active{transform: scale(1); opacity: 1}


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



  ._anim_items .slogan p{ transition: all 0.8s ease 0s; transform: translate(0, 50%); opacity: 0;}
  ._anim_items .eco_brands{ transition: all 0.8s ease 0s; transform: scale(1.5); opacity: 0;}

  ._anim_items._active .slogan p{transform: translate(0, 0); opacity: 1;}
  ._anim_items._active .eco_brands{ transform: scale(1); opacity: 1; transition-delay: 0.4s;}


  /* ----------------------------------------------------------------------------------------------- */
  ._anim_items ._anim_base{ transition: all 0.8s ease 0s; }

  ._anim_items ._fade_in{opacity: 0;}
  ._anim_items ._fade_in_x{opacity: 0; transform:translate(0, 50%);}
  ._anim_items ._fade_in_x_30{opacity: 0; transform:translate(0, 20%);}
  ._anim_items ._in_x{ transform:translate(0, 100%);}
  ._anim_items ._fade_in_x__top { opacity: 0; transform:translate(0, -50%);}
  ._anim_items ._fade_in_zoom { opacity: 0; transform:scale(1.5);}

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


  ._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}


  ._frontpage_logos ul li:nth-child(2){ transition-delay: 0.05s !important}
  ._frontpage_logos ul li:nth-child(3){ transition-delay: 0.1s !important}
  ._frontpage_logos ul li:nth-child(4){ transition-delay: 0.15s !important}
  ._frontpage_logos ul li:nth-child(5){ transition-delay: 0.2s !important}
  ._frontpage_logos ul li:nth-child(6){ transition-delay: 0.25s !important}
  ._frontpage_logos ul li:nth-child(7){ transition-delay: 0.3s !important}
  ._frontpage_logos ul li:nth-child(8){ transition-delay: 0.35s !important}
  ._frontpage_logos ul li:nth-child(9){ transition-delay: 0.4s !important}
  ._frontpage_logos ul li:nth-child(10){ transition-delay: 0.45s !important}
  ._frontpage_logos ul li:nth-child(11){ transition-delay: 0.5s !important}
  ._frontpage_logos ul li:nth-child(12){ transition-delay: 0.55s !important}

  ._frontpage_logos ._button_block{ transition-delay: 0.6s !important}



@media (max-width: 576px) {
   ._anim_items .eco_brands{ transition: all 0.8s ease 0s; transform: scale(1); opacity: 0;}
   ._anim_items ._fade_in_zoom { opacity: 0; transform:scale(1);}

   ._frontpage_logos ._button_block{ transition-delay: 0.3s !important}
}