/* SWUP ANI */
main {
  opacity: 1;
  transition: 2s opacity;
}
html.is-animating main {
  opacity: 0;

}
html.is-rendering main {
}




/* iw SCALE */
.aniBG {
  background-size: cover;
  background-position: top;

  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}
.aniBG.iw {
  background-position: center;

  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

/* iw SCALE */
.scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;

  -webkit-transition: .6s cubic-bezier(.75,1,.36,1.3);
  transition: .6s cubic-bezier(.75,1,.36,1.3);
}
.scale.iw {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* iw FADEIN */
.fadeUp {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;

  -webkit-transition: .6s ease-out;
  transition: .6s ease-out;
}
.fadeUp.iw {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

/* iw FADEIN CHILDS RIGHT */
.fadeTxt > * {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}
.fadeTxt > *:nth-of-type(1) {
  -webkit-transition: .6s ease-in-out .1s;
          transition: .6s ease-in-out .1s;
}
.fadeTxt > *:nth-of-type(2) {
  -webkit-transition: .6s ease-in-out .2s;
          transition: .6s ease-in-out .2s;
}
.fadeTxt > *:nth-of-type(3) {
  -webkit-transition: .6s ease-in-out .3s;
          transition: .6s ease-in-out .3s;
}
.fadeTxt > *:nth-of-type(4) {
  -webkit-transition: .6s ease-in-out .4s;
          transition: .6s ease-in-out .4s;
}
.fadeTxt.iw > * {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

/* iw FADEIN CHILDS TOP */
.fadeChildTop > * {
  transform: translateY(50px);
  opacity: 0;
}
.fadeChildTop > *:nth-of-type(1) { transition: .6s ease-in-out .1s; }
.fadeChildTop > *:nth-of-type(2) { transition: .6s ease-in-out .2s; }
.fadeChildTop > *:nth-of-type(3) { transition: .6s ease-in-out .3s; }
.fadeChildTop > *:nth-of-type(4) { transition: .6s ease-in-out .4s; }
.fadeChildTop > *:nth-of-type(5) { transition: .6s ease-in-out .5s; }
.fadeChildTop > *:nth-of-type(6) { transition: .6s ease-in-out .6s; }
.fadeChildTop > *:nth-of-type(7) { transition: .6s ease-in-out .7s; }
.fadeChildTop > *:nth-of-type(8) { transition: .6s ease-in-out .8s; }
.fadeChildTop.iw > * {
  transform: translateY(0px);
  opacity: 1;
}









/* HOVER BORDER */
.borderBox:hover {
  box-shadow: inset 0 0 0 25px #53a7ea;
}

.outline:before {
  content: '';
  position: absolute;
  border: 3px solid #eee;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;

  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline:hover:before,
.outline:focus:before,
.outline:active:before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
}

/* HOVER ZOOM */
.zoom {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.zoom:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}