.containerCellLeft {overflow:hidden;}

/*


.SecBuyukGorsel { 

z-index:3;

  transform: translateX(-1000px);
    transition: all 0.8s ease-out;
 transition-delay: 0.5s;
}


.secRightBar {

z-index:2;
  transform: translateX(-1000px);

  transition: all 1s ease-out;
transition-delay: 0.5s;
}


.secTextArea {

z-index:1;
  transform: translateX(-1000px);

 transition: all 1.8s ease-out;
transition-delay: 0.62s;

}



.section.active .SecBuyukGorsel {  transform: translateX(0px);}
.section.active .secRightBar {  transform: translateX(0px);}
.section.active .secTextArea  { transform: translateX(0px);}


*/







@keyframes SlideLeft {
  0%   { transform: translateX(-1000px); }
  100% { transform: translateX(0px); 

  }
}


@keyframes SlideRight {
  0%   { transform: translateX(1000px); }
  100% { transform: translateX(0px);  }
}


@keyframes fadeFromUp {
  0%   { transform: translateY(-100px); opacity:0 }
  100% { transform: translateY(0px);opacity:1  }
}

@keyframes fadeFromBottom {
  0%   { transform: translateY(100px); opacity:0 }
  100% { transform: translateY(0px);opacity:1  }
}

@keyframes fadeFromLeft {
  0%   { transform: translateX(-100px); opacity:0 }
  100% { transform: translateX(0px);opacity:1  }
}

@keyframes fadeFromRight {
  0%   { transform: translateX(100px); opacity:0 }
  100% { transform: translateX(0px);opacity:1  }
}


@keyframes scaleUp {
  0%   { transform:scale(0); opacity:0 }
  100% { transform: scale(1);opacity:1  }
}



.SecBuyukGorsel { transform: translateX(-1000px);z-index:3; transition: all 0.9s ease-out;  }

.section.active .SecBuyukGorsel {
/* animation-name: SlideLeft;
 animation-duration: 0.9s;
 animation-iteration-count: 1;

 animation-timing-function: ease-out;
 animation-fill-mode: forwards;

 animation-delay: 0.8s; */

 transform: translateX(0px)
 
}


.secRightBar { transform: translateX(-1000px);z-index:2; transition: all 0.94s ease-out; }

.section.active .secRightBar {
/* animation-name: SlideLeft;
 animation-duration: 1s;
 animation-iteration-count: 1;

 animation-timing-function: ease-out;
 animation-fill-mode: forwards;
 animation-delay: 0.9s;
 */
 transform: translateX(0px);
 
}

.secTextArea { transform: translateX(-1200px);z-index:1; transition: all 0.98s ease-out;}

.section.active .secTextArea {
 transform: translateX(0px);

}







/*
.slideRight {transform: translateX(1000px)}
.section.active .slideRight {
 animation-name: SlideRight;
 animation-duration: 1s;
 animation-iteration-count: 1;

 animation-timing-function: ease-out;
 animation-fill-mode: forwards;
 animation-delay: 0.5s;
}
*/



.slideRight {transform: translateX(1000px); transition: all 1s ease-out;}
.section.active .slideRight {
transform: translateX(0px)
}



.scaleUp {transform: scale(0); opacity:0;transition: all 1s ease-out;}
.section.active .scaleUp {
transform: scale(1); opacity:1;
}

.slideLeft {transform: translateX(-1000px); transition: all 1s ease-out;}
.section.active .slideLeft {
transform: translateX(0px)
}



.fadeFromUp {transform: translateY(-100px); opacity:0; transition: all 1s ease-out;}
.section.active .fadeFromUp {
transform: translateY(0px); opacity:1;
}


.fadeFromBottom  {transform: translateY(100px); opacity:0;transition: all 1s ease-out;}
.section.active .fadeFromBottom {
transform: translateY(0px); opacity:1;
}

.fadeFromLeft {transform: translateX(-100px); opacity:0;transition: all 1s ease-out;}
.section.active .fadeFromLeft {
transform: translateX(0px); opacity:1;
}


.fadeFromRight  {transform: translateX(100px); opacity:0;transition: all 1s ease-out;}
.section.active .fadeFromRight {
transform: translateX(0px); opacity:1;
}

/** sec 2 col **/

.uclu_solGorselwrap {overflow:hidden}
.uclu_sagGorselwrap {overflow:hidden}