.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll
{
  animation-fill-mode: both;
  animation-name: showedMenu;
  animation-duration: 400ms;
  animation-delay: 0ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:first-child 
{
  animation-delay: 80ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(1){
  animation-delay: 160ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(2){
  animation-delay: 240ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(3){
  animation-delay: 320ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(4){
  animation-delay: 400ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(5){
  animation-delay: 480ms;
} 
.TOP .fullMenu .wrap .menu .menuWrap .colums ul.coll:nth-child(6){
  animation-delay: 560ms;
} 


@keyframes showedMenu {
  from {
    opacity: 0;
    transform: translateY(-26px);
    will-change:transition;
  }
  to {
    opacity: 1;
    transform: translateY(0px);
    will-change:transition;
  }

}


.section.active .bg
{
  animation-fill-mode: both;
  animation-name: fadeBG;
  animation-duration: 880ms;
  animation-delay: 320ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 

@keyframes fadeBG {
  from {
    transform: scale(1.12);
    will-change:transition;
  }
  to {
    transform: scale(1);
    will-change:transition;
  }

}


.section.active .slideCONT > .cont > *
{
  animation-fill-mode: both;
  animation-name: fadeCont;
  animation-duration: 640ms;
  animation-delay: 320ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 

@keyframes fadeCont {
  from {
    opacity: 0;
    transform: translateY(64px);
    will-change:transition;
  }
  to {
    opacity: 1;
    transform: translateY(0px);
    will-change:transition;
  }

}




/*


.header-mainPage .info
{
  animation-fill-mode: both;
  animation-name: showHeaderMain;
  animation-duration: 880ms;
  animation-delay:160ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
}  
@keyframes showHeaderMain {
  from {
    opacity: 0;
    transform: translateX(48px);
    will-change:transition;
  }
  to {
    opacity: 1;
    transform: translateY(0px);
    will-change:transition;
  }

}*/



.TOP .nav .right .tells .items .moreTell a.item
{
  animation-fill-mode: both;
  animation-name: showTell;
  animation-duration: 480ms;
  animation-delay: 160ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 


@keyframes showTell {
  from {
    opacity: 0;
    /*transform: translateY(-8px);*/
    will-change:transition;
  }
  to {
    opacity: 1;
    transform: translateY(0px);
    will-change:transition;
  }

}































































.mainSlider .carusel .owl-item.active .item .sliderBG 
{
  animation-fill-mode: both;
  animation-name: zoomBG;
  animation-duration: 1280ms;
  animation-delay: 0ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 
@keyframes zoomBG {
  from {
    transform: scale(1.16);
    will-change:transform;
  }

  to {
    transform: scale(1);
    will-change:transform;
  }

} 
 
.mainSlider .carusel .owl-item.active .item .HEADER > .cont .mask .wrap > .cont
{
  animation-fill-mode: both;
  animation-name: fadeContent;
  animation-duration: 800ms;
  animation-delay: 320ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 
@keyframes fadeContent {
  from {
    opacity: 0;
    transform: scale(1.08) ;
    will-change:transform;
  }

  to {
    opacity: 1;
    transform: scale(1) perspective(1px) translateZ(0);
    backface-visibility: hidden;
    will-change:transform;
  }

}

 
.HEADER > .cont.anim .mask .wrap > .cont
{
  animation-fill-mode: both;
  animation-name: header-showCont;
  animation-duration: 960ms;
  animation-delay: 560ms;
  animation-timing-function: ease;
  will-change:transition;
} 

@keyframes header-showCont {
  from {
    opacity: 0;
    transform: translateY(64px);
    padding: 180px 0px;
  }
  25% {
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
    padding: 96px 0px;
  }

}

.HEADER .darkMask
{
  animation-fill-mode: both;
  animation-name: header-darkMask;
  animation-duration: 1280ms;
  animation-delay: 160ms;
  animation-timing-function: ease;
  will-change:transition;
} 

@keyframes header-darkMask {
  from {
    opacity: 1;
    z-index: 4;
  }
  to {
    opacity: 0;
    z-index: 3;
  }
}






/*.HEADER .whiteRect
{
  animation-fill-mode: both;
  animation-name: header-rec;
  animation-duration: 1280ms;
  animation-delay: 0ms;
  animation-timing-function: ease-out;
  will-change:transition;
} 

@keyframes header-rec {
  from {
    opacity: 1;
    transform: rotate(-90deg);
  } 
  to {
    transform: rotate(0deg);
  }
}*/










.nav_Clinics a.item:first-child {
   animation-fill-mode: both;
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}

 
.shade {
  animation-fill-mode: both;
  animation-name: shade;
  animation-duration: 560ms;
  animation-delay: 0ms;
  animation-timing-function: ease-out;
  will-change:transition;
} 
@keyframes shade {
  from {
    opacity: 0;
    will-change:transition;
  }
  to {
    opacity: 1;  
    will-change:transition;
  }

}
 



.navService .wrap .cont {
  animation-fill-mode: both;
  animation-name: contHEIGHT;
  animation-duration: 560ms;
  animation-delay: 0ms;
  animation-timing-function: ease-in-out;
  will-change:transition;
} 
@keyframes contHEIGHT {
  from {
    opacity: 0;
    height: 0px;
    padding-top: 0px;
    will-change:transition;
  }
  50%{
    opacity: 0.24;
    padding-top: 15px;
    height: 600px;
    will-change:transition;
  }
  to {
    opacity: 1;
    padding-top: 0px;
    height: 560px;
    will-change:transition;
  }

}

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

  @keyframes contHEIGHT {
    from {
      /*opacity: 0;*/
      height: 0px;
      padding-top: 0px;
      will-change:transition;
    }
    50%{
      /*opacity: 0.24;*/
      padding-top: 14px;
      height: 448px;
      will-change:transition;
    }
    to {
      /*opacity: 1;*/
      padding-top: 0px;
      height: 420px;
      will-change:transition;
    }

  }

}  

.ddd {
  animation-fill-mode: both;
  animation-name: serviceSection;
  animation-duration: 640ms;
  /*animation-delay: 160ms;*/
  animation-timing-function: ease-out;
  will-change:transition;
} 
@keyframes serviceSection {
  from {
    opacity: 0;
    padding-bottom: 24px;
    will-change:transition;
  }
  to {
    opacity: 1;  
    padding-bottom: 0px;
    will-change:transition;
  }
}
 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(1){animation-delay: 160ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(2){animation-delay: 200ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(3){animation-delay: 240ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(4){animation-delay: 280ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(5){animation-delay: 320ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(6){animation-delay: 360ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(7){animation-delay: 400ms; } 
.navService .wrap .navService_items .items ul.serviceSection:nth-child(8){animation-delay: 440ms; } 



 
.hideService {
  animation-fill-mode: both;
  animation-name: hideService;
  animation-duration: 480ms;
  animation-delay: 160ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 
@keyframes hideService {
  from {
    opacity: 0;
    will-change:transition;
  }
  to {
    opacity: 1;  
    will-change:transition;
  }

}
 

.flyBar.show {
  animation-fill-mode: both;
  animation-name: flyBar;
  animation-duration: 160ms;
  animation-delay: 0ms;
  animation-timing-function: ease-out;
  will-change:animation-name;
} 
@keyframes flyBar {
  from {
    opacity: 0.88;
    transform: translateY(-48%);
    will-change:transition;
  }
  to {
    opacity: 1;  
    transform: translateY(0%);
    will-change:transition;
  }

}


 
.mainHeader .wrap .intro{
  animation-fill-mode: both;
  animation-name: intro;
  animation-duration: 1200ms;
  animation-delay: 80ms;
  animation-timing-function: ease-out;
  will-change:transition;
} 
@keyframes intro {
  from {
    opacity: 0.0;

    transform: translateX(24px);
    will-change:transition;
  }
  to {
    opacity: 1;  
    transform: translateX(0px);
    will-change:transition;
  }

}