@charset "utf-8";

/*-------------------------------------
  TOP
--------------------------------------*/

/*key*/
@keyframes scale {
  0% {
    transform: scale(1);
  }
  100%{
    transform: scale(1.1);
  }
}
@keyframes scale_r {
  0% {
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}
.slider_key .slick-slide > img {
  animation: scale .4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.slider_key .slick-slide.slick-active > img {
  animation: scale_r 5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

/* important */
.top_important,
.top_important .fx_newscol > .left,
.top_important .fx_newscol > .right {
  opacity: 0;
}

.top_important.scrolled,
.top_important.scrolled .fx_newscol  > .left,
.top_important.scrolled .fx_newscol > .right {
  opacity: 1;
  transition: .6s .3s;
}
.top_important.scrolled .fx_newscol > .left {
  transition-delay: .6s;
}
.top_important.scrolled .fx_newscol > .right {
  transition-delay: .9s;
}


/* NEWS */
.fx_newscol.news > .left,
.fx_newscol.news > .right {
  opacity: 0;
}

.fx_newscol.news.scrolled  > .left,
.fx_newscol.news.scrolled > .right {
  opacity: 1;
  transition: .6s .3s;
}
.fx_newscol.news.scrolled > .right {
  transition-delay: .6s;
}


.box_link2 .fx_col > * {
  opacity: 0;
  transform: translateY(3em);
}
.box_link2 .fx_col > .item > a .ofi_wrap::before {
  opacity: 0;
  transform: translate(-1em, -1em);
}
@media screen and (max-width: 991px) {
  .box_link2 .fx_col > .item > a .ofi_wrap::before {
    transform: translate(-.6em, -.6em);
  }
}

 .box_link2.scrolled .fx_col > * {
  opacity: 1;
  transform: translateY(0);
  transition: .6s;
}
.box_link2.scrolled .fx_col > *:first-child {
  transition-delay: .9s;
}
.box_link2.scrolled .fx_col > *:last-child {
  transition-delay: 1.2s;
}
.box_link2.scrolled .fx_col > .item > a .ofi_wrap::before {
  opacity: 1;
  transform: translate(0,0);
  transition: .6s 1.2s;
}
.box_link2.scrolled .fx_col > .item:last-child > a .ofi_wrap::before {
  transition-delay: 1.5s;
}



/* competition */
.top_comp::before {
  opacity: 0;
  transform: translate(-3em, 0);
}

.scrolled.top_comp::before {
  opacity: 1;
  transform: translate(0, 0);
  transition: .6s .4s;
}


.top_comp::after {
  opacity: 0;
  transform: translate(3em, 0);
}
.scrolled.top_comp::after {
  opacity: 1;
  transform: translate(0, 0);
  transition: .6s .8s;
}


.fx_comp > .left,
.fx_comp > .right {
  opacity: 0;
}
.scrolled .fx_comp > .left,
.scrolled .fx_comp > .right {
  opacity: 1;
  transition: .6s 1.2s;
}
.scrolled .fx_comp > .right {
  transition-delay: 1.6s;
}


/* link3 */
.fx_col.link3 > * {
  opacity: 0;
  transform: translateY(3em);
}

.scrolled .fx_col.link3 > * {
  opacity: 1;
  transform: translateY(0);
  transition: .6s .3s;
}
.scrolled .fx_col.link3 > *:nth-child(2) {
  transition-delay: .6s;
}
.scrolled .fx_col.link3 > *:nth-child(3) {
  transition-delay: .9s;
}


.fx_col.link3 > .item > a .conts {
  opacity: 0;
}

.scrolled .fx_col.link3 > .item > a .conts {
  opacity: 1;
  transition: .6s .6s;
}
.scrolled .fx_col.link3 > .item:nth-child(2) > a .conts {
  transition-delay: .9s;
}
.scrolled .fx_col.link3 > .item:nth-child(3) > a .conts {
  transition-delay: 1.2s;
}



/* affiliate */
.top_affiliate {
  opacity: 0;
  transform: translateY(3em);
}
.top_affiliate::before {
  opacity: 0;
  transform: translateY(-3em);
}
.top_affiliate > .inner > .inr_conts {
  opacity: 0;
}

.scrolled.top_affiliate,
.scrolled.top_affiliate::before {
  opacity: 1;
  transform: translateY(0);
  transition: .6s .4s;
}
.scrolled.top_affiliate::before {
  transition-delay: .8s;
}
.scrolled.top_affiliate > .inner > .inr_conts {
  opacity: 1;
  transition: .6s 1.2s;
}



/* footer */
.footer::before {
  opacity: 0;
}

.scrolled.footer::before {
  opacity: 1;
  transition: .6s .3s;
}