/* Start CSS animation */
 .ready-to.tango {
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   -o-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-delay: 0.4s;
   -moz-animation-delay: 0.4s;
   -o-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }
 .ready-to.tango.faster {
   -webkit-animation-duration: 0.5s;
   -moz-animation-duration: 0.5s;
   -o-animation-duration: 0.5s;
   animation-duration: 0.5s;
 }
 .ready-to.tango.slower {
   -webkit-animation-duration: 2s;
   -moz-animation-duration: 2s;
   -o-animation-duration: 2s;
   animation-duration: 2s;
 }
 .tango.fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   -moz-animation-name: fadeInLeft;
   -o-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
 .tango.fadeInRight {
   -webkit-animation-name: fadeInRight;
   -moz-animation-name: fadeInRight;
   -o-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
 .tango.fadeIn {
   -webkit-animation-name: fadeIn;
   -moz-animation-name: fadeIn;
   -o-animation-name: fadeIn;
   animation-name: fadeIn;
 }
 .tango.fadeInUp {
   -webkit-animation-name: fadeInUp;
   -moz-animation-name: fadeInUp;
   -o-animation-name: fadeInUp;
   animation-name: fadeInUp;
 }
 .tango.fadeInDown {
   -webkit-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown; 
   -o-animation-name: fadeInDown;
   animation-name: fadeInDown;
 }
  .tango.fadeInBottom {
   -webkit-animation-name: fadeInBottom;
   -moz-animation-name: fadeInBottom;
   -o-animation-name: fadeInBottom;
   animation-name: fadeInBottom;
 }
 @-webkit-keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(5%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(5%);
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(5%);
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(5%);
   }
   to {
     opacity: 1
   }
 }
 @-webkit-keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-5%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-5%);
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-5%);
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translateY(-5%);
   }
   to {
     opacity: 1
   }
 }
  @-webkit-keyframes fadeInBottom {
   from {
     opacity: 0;
     transform: translateY(60%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeInBottom {
   from {
     opacity: 0;
     transform: translateY(60%);
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeInBottom {
   from {
     opacity: 0;
     transform: translateY(60%);
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeInBottom {
   from {
     opacity: 0;
     transform: translateY(60%);
   }
   to {
     opacity: 1
   }
 }
 @-webkit-keyframes fadeIn {
   from {
     opacity: 0;
     transform: translateY(5%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1
   }
 }
 @-webkit-keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translateX(60%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translateX(60%);
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translateX(60%);
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translateX(60%);
   }
   to {
     opacity: 1
   }
 }
 @-webkit-keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translateX(-60%);
   }
   to {
     opacity: 1
   }
 }
 @-moz-keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translateX(-60%);
   }
   to {
     opacity: 1
   }
 }
 @-o-keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translateX(-60%);
   }
   to {
     opacity: 1
   }
 }
 @keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translateX(-60%);
   }
   to {
     opacity: 1
   }
 }
 
 .kenburns {
  object-fit: cover;
  animation: kenburns 30s infinite;
}
.kenburns-medium {
  animation: kenburns-medium 30s infinite
}
.kenburs-small {
  animation: kenburns-small 30s infinite
}
.fadein {
  animation-duration: 5s !important;
  animation-fill-mode: both !important
}
.come-in {
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
  -webkit-animation: come-in 1s ease-in-out .01s forwards;
  animation: come-in 1s ease-in-out .01s forwards
}
.come-in:nth-child(odd) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}
.fade-in.delay-1 {
	  animation: fadeIn .5s;
  -webkit-animation: fadeIn .5s;
  -moz-animation: fadeIn .5s;
  -o-animation: fadeIn .5s;
  -ms-animation: fadeIn .5s;
  animation-delay: .5s;animation-fill-mode: forwards;
}
.fade-in.delay-2 {
	  animation: fadeIn .5s;
  -webkit-animation: fadeIn .5s;
  -moz-animation: fadeIn .5s;
  -o-animation: fadeIn .5s;
  -ms-animation: fadeIn .5s;
  animation-delay: 1s;animation-fill-mode: forwards;
}
.fade-in.delay-3 {
	  animation: fadeIn .5s;
  -webkit-animation: fadeIn .5s;
  -moz-animation: fadeIn .5s;
  -o-animation: fadeIn .5s;
  -ms-animation: fadeIn .5s;
  animation-delay: 1s;animation-fill-mode: forwards;
}
.fade-in {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
.fade-in-fast {
  animation: fadeIn 1.5s;
  -webkit-animation: fadeIn 1.5s;
  -moz-animation: fadeIn 1.5s;
  -o-animation: fadeIn 1.5s;
  -ms-animation: fadeIn 1.5s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

 /* ANIMATION CLASSES */
@-webkit-keyframes kenburns {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0);
    transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0);
    opacity: 0
  }
}
@keyframes kenburns {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -70px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0);
    transform: scale3d(2, 2, 2) translate3d(-100px, -100px, 0);
    opacity: 0
  }
}
@-webkit-keyframes kenburns-small {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0);
    transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0);
    opacity: 0
  }
}
@keyframes kenburns-small {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-60px, -20px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0);
    transform: scale3d(2, 2, 2) translate3d(-30px, -10px, 0);
    opacity: 0
  }
}
@-webkit-keyframes kenburns-medium {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0);
    transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0);
    opacity: 0
  }
}
@keyframes kenburns-medium {
  0% {
    opacity: 0
  }
  5% {
    opacity: 1
  }
  95% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-80px, -20px, 0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1
  }
  to {
    -webkit-transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0);
    transform: scale3d(2, 2, 2) translate3d(-50px, -10px, 0);
    opacity: 0
  }
}
@-webkit-keyframes bg-pan-right {
  0% {
    background-position: 0 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    background-position: 100% 100%;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
  }
}
@keyframes bg-pan-right {
  0% {
    background-position: 0 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    background-position: 100% 100%;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
  }
}
@-webkit-keyframes expand-from-centre {
  0% {
    stroke-dasharray: 0 400;
    stroke-dashoffset: -100
  }
  to {
    stroke-dasharray: 400 400;
    stroke-dashoffset: 0
  }
}
@keyframes expand-from-centre {
  0% {
    stroke-dasharray: 0 400;
    stroke-dashoffset: -100
  }
  to {
    stroke-dasharray: 400 400;
    stroke-dashoffset: 0
  }
}
@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  40% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  80% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  to {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}
@keyframes heartbeat {
  0% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  40% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  60% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  80% {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  to {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}
@-webkit-keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes come-in {
  0% {
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes come-in {
  0% {
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fade-out {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes arrow-in {
  0% {
	  opacity: 0;
    background-position: left -100px center;
  }
  to {
	    opacity: 1;
    background-position: left center;
  }
}
@keyframes arrow-in {
   0% {
	     opacity: 0;
    background-position: left -100px center;
  }
  to {
	      opacity: 1;
    background-position: left center;
  }
}
/* END ANIMATION CLASSES */
 /* End CSS animation */