@import 'lib/animate.css';

/* ----------------------------------------------------------------------------

    Animations

---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------

    Custom animations

---------------------------------------------------------------------------- */

@-moz-document url-prefix() {

  .animated,

  .animated * {

    outline: 1px solid transparent;

  }

}

.animated {

  opacity: 0;

}

.animated.roll3dInTop {

  -webkit-animation: roll3dInTop 0.7s 0s 1;

  -moz-animation: roll3dInTop 0.7s 0s 1;

  -o-animation: roll3dInTop 0.7s 0s 1;

  animation: roll3dInTop 0.7s 0s 1;

}

.animated.roll3dInRight {

  -webkit-animation: roll3dInRight 0.7s 0s 1;

  -moz-animation: roll3dInRight 0.7s 0s 1;

  -o-animation: roll3dInRight 0.7s 0s 1;

  animation: roll3dInRight 0.7s 0s 1;

}

.animated.roll3dInLeft {

  -webkit-animation: roll3dInLeft 0.7s 0s 1;

  -moz-animation: roll3dInLeft 0.7s 0s 1;

  -o-animation: roll3dInLeft 0.7s 0s 1;

  animation: roll3dInLeft 0.7s 0s 1;

}

.animated.flip3dHorizontal {

  -webkit-animation: flip3dHorizontal 0.7s 0s 1;

  -moz-animation: flip3dHorizontal 0.7s 0s 1;

  -o-animation: flip3dHorizontal 0.7s 0s 1;

  animation: flip3dHorizontal 0.7s 0s 1;

}

.animated.flip3dVertical {

  -webkit-animation: flip3dVertical 0.7s 0s 1;

  -moz-animation: flip3dVertical 0.7s 0s 1;

  -o-animation: flip3dVertical 0.7s 0s 1;

  animation: flip3dVertical 0.7s 0s 1;

}

.animated.flip3dInTop {

  -webkit-animation: flip3dInTop 0.7s 0s 1;

  -moz-animation: flip3dInTop 0.7s 0s 1;

  -o-animation: flip3dInTop 0.7s 0s 1;

  animation: flip3dInTop 0.7s 0s 1;

  -webkit-transform-origin: 50% 100%;

  -moz-transform-origin: 50% 100%;

  -o-transform-origin: 50% 100%;

  -ms-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

}

.animated.flip3dInBottom {

  -webkit-animation: flip3dInBottom 0.7s 0s 1;

  -moz-animation: flip3dInBottom 0.7s 0s 1;

  -o-animation: flip3dInBottom 0.7s 0s 1;

  animation: flip3dInBottom 0.7s 0s 1;

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  transform-origin: 50% 0;

}

.animated.flip3dInLeft {

  -webkit-animation: flip3dInLeft 0.7s 0s 1;

  -moz-animation: flip3dInLeft 0.7s 0s 1;

  -o-animation: flip3dInLeft 0.7s 0s 1;

  animation: flip3dInLeft 0.7s 0s 1;

  -webkit-transform-origin: 100% 50%;

  -moz-transform-origin: 100% 50%;

  -o-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

}

.animated.flip3dInright {

  -webkit-animation: flip3dInright 0.7s 0s 1;

  -moz-animation: flip3dInright 0.7s 0s 1;

  -o-animation: flip3dInright 0.7s 0s 1;

  animation: flip3dInright 0.7s 0s 1;

  -webkit-transform-origin: 0 50%;

  -moz-transform-origin: 0 50%;

  -o-transform-origin: 0 50%;

  -ms-transform-origin: 0 50%;

  transform-origin: 0 50%;

}

.animated.bounce,

.animated.flash,

.animated.pulse,

.animated.rubberBand,

.animated.shake,

.animated.swing,

.animated.tada,

.animated.wobble,

.animated.jello,

.animated.bounceIn,

.animated.bounceInDown,

.animated.bounceInLeft,

.animated.bounceInRight,

.animated.bounceInUp,

.animated.bounceOut,

.animated.bounceOutDown,

.animated.bounceOutLeft,

.animated.bounceOutRight,

.animated.bounceOutUp,

.animated.fadeIn,

.animated.fadeInDown,

.animated.fadeInDownBig,

.animated.fadeInLeft,

.animated.fadeInLeftBig,

.animated.fadeInRight,

.animated.fadeInRightBig,

.animated.fadeInUp,

.animated.fadeInUpBig,

.animated.fadeOut,

.animated.fadeOutDown,

.animated.fadeOutDownBig,

.animated.fadeOutLeft,

.animated.fadeOutLeftBig,

.animated.fadeOutRight,

.animated.fadeOutRightBig,

.animated.fadeOutUp,

.animated.fadeOutUpBig,

.animated.flipInX,

.animated.flipInY,

.animated.flipOutX,

.animated.flipOutY,

.animated.lightSpeedIn,

.animated.lightSpeedOut,

.animated.rotateIn,

.animated.rotateInDownLeft,

.animated.rotateInDownRight,

.animated.rotateInUpLeft,

.animated.rotateInUpRight,

.animated.rotateOut,

.animated.rotateOutDownLeft,

.animated.rotateOutDownRight,

.animated.rotateOutUpLeft,

.animated.rotateOutUpRight,

.animated.hinge,

.animated.rollIn,

.animated.rollOut,

.animated.zoomIn,

.animated.zoomInDown,

.animated.zoomInLeft,

.animated.zoomInRight,

.animated.zoomInUp,

.animated.zoomOut,

.animated.zoomOutDown,

.animated.zoomOutLeft,

.animated.zoomOutRight,

.animated.zoomOutUp,

.animated.slideInDown,

.animated.slideInLeft,

.animated.slideInRight,

.animated.slideInUp,

.animated.slideOutDown,

.animated.slideOutLeft,

.animated.slideOutRight,

.animated.slideOutUp,

.animated.roll3dInTop,

.animated.roll3dInLeft,

.animated.roll3dInRight,

.animated.flip3dHorizontal,

.animated.flip3dVertical,

.animated.flip3dInTop,

.animated.flip3dInBottom,

.animated.flip3dInLeft,

.animated.flip3dInRight {

  opacity: 1;

}

.animated.fadeInDown,

.animated.fadeInDownBig,

.animated.fadeInLeft,

.animated.fadeInLeftBig,

.animated.fadeInRight,

.animated.fadeInRightBig,

.animated.fadeInUp,

.animated.fadeInUpBig,

.animated.fadeOutDown,

.animated.fadeOutDownBig,

.animated.fadeOutLeft,

.animated.fadeOutLeftBig,

.animated.fadeOutRight,

.animated.fadeOutRightBig,

.animated.fadeOutUp,

.animated.fadeOutUpBig,

.animated.rotateIn,

.animated.rotateInDownLeft,

.animated.rotateInDownRight,

.animated.rotateInUpLeft,

.animated.rotateInUpRight,

.animated.rotateOut,

.animated.rotateOutDownLeft,

.animated.rotateOutDownRight,

.animated.rotateOutUpLeft,

.animated.rotateOutUpRight,

.animated.zoomIn,

.animated.zoomInDown,

.animated.zoomInLeft,

.animated.zoomInRight,

.animated.zoomInUp,

.animated.zoomOut,

.animated.zoomOutDown,

.animated.zoomOutLeft,

.animated.zoomOutRight,

.animated.zoomOutUp,

.animated.slideInDown,

.animated.slideInLeft,

.animated.slideInRight,

.animated.slideInUp,

.animated.slideOutDown,

.animated.slideOutLeft,

.animated.slideOutRight,

.animated.slideOutUp,

.animated.roll3dInTop,

.animated.roll3dInLeft,

.animated.roll3dInRight,

.animated.flip3dHorizontal,

.animated.flip3dVertical,

.animated.flip3dInTop,

.animated.flip3dInBottom,

.animated.flip3dInLeft,

.animated.flip3dInRight {

  -webkit-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);

  -moz-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);

  -o-animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);

  animation-timing-function: cubic-bezier(0.51, 0.02, 0, 1.335);

}

.animated.roll3dInTop,

.animated.roll3dInLeft,

.animated.roll3dInRight,

.animated.flip3dHorizontal,

.animated.flip3dVertical,

.animated.flip3dInTop,

.animated.flip3dInBottom,

.animated.flip3dInLeft,

.animated.flip3dInRight {

  -webkit-animation-fill-mode: forwards;

  -moz-animation-fill-mode: forwards;

  -o-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -o-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

/* Animations keyframes */

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes roll3dInTop{ 0% { opacity: 0; -webkit-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px) } 100% { opacity: 1; -webkit-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0) }}

@-moz-keyframes roll3dInTop{ 0% { opacity: 0; -moz-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px) } 100% { opacity: 1; -moz-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0) }}

@-o-keyframes roll3dInTop{ 0% { opacity: 0; -o-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px) } 100% { opacity: 1; -o-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0) }}

@keyframes roll3dInTop{ 0% { opacity: 0;-webkit-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);-moz-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);-ms-transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);transform: perspective(200px) rotateX(-50deg) translate3d(0, 600px, -20px);} 100% { opacity: 1;-webkit-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);-moz-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);-ms-transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);transform: perspective(200px) rotateX(0) translate3d(0, 0, 0);};

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes roll3dInLeft{ 0% { opacity: 0; -webkit-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px); } 100% { opacity: 1; -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0); }}

@-moz-keyframes roll3dInLeft{ 0% { opacity: 0; -moz-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px); } 100% { opacity: 1; -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0); }}

@-o-keyframes roll3dInLeft{ 0% { opacity: 0; -o-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px); } 100% { opacity: 1; -o-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0); }}

@keyframes roll3dInLeft{ 0% { opacity: 0;-webkit-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);-moz-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);-ms-transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px);transform: perspective(200px) rotateY(80deg) translate3d(600px, 0, -20px); } 100% { opacity: 1;-webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);-moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);-ms-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);transform: perspective(200px) rotateY(0) translate3d(0, 0, 0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes roll3dInRight{ 0% { opacity: 0; -webkit-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px) } 100% { opacity: 1; -webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0) }}

@-moz-keyframes roll3dInRight{ 0% { opacity: 0; -moz-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px) } 100% { opacity: 1; -moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0) }}

@-o-keyframes roll3dInRight{ 0% { opacity: 0; -o-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px) } 100% { opacity: 1; -o-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0) }}

@keyframes roll3dInRight{ 0% { opacity: 0;-webkit-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);-moz-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);-ms-transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);transform: perspective(200px) rotateY(-50deg) translate3d(-600px, 0, -20px);} 100% { opacity: 1;-webkit-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);-moz-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);-ms-transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);transform: perspective(200px) rotateY(0) translate3d(0, 0, 0);};

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dInTop{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateX(90deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateX(0); }}

@-moz-keyframes flip3dInTop{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateX(90deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateX(0); }}

@-o-keyframes flip3dInTop{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateX(90deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateX(0); }}

@keyframes flip3dInTop{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateX(90deg);-moz-transform: perspective(1300px) rotateX(90deg);-ms-transform: perspective(1300px) rotateX(90deg);transform: perspective(1300px) rotateX(90deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateX(0);-moz-transform: perspective(1300px) rotateX(0);-ms-transform: perspective(1300px) rotateX(0);transform: perspective(1300px) rotateX(0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dInBottom{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateX(-90deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateX(0); }}

@-moz-keyframes flip3dInBottom{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateX(-90deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateX(0); }}

@-o-keyframes flip3dInBottom{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateX(-90deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateX(0); }}

@keyframes flip3dInBottom{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateX(-90deg);-moz-transform: perspective(1300px) rotateX(-90deg);-ms-transform: perspective(1300px) rotateX(-90deg);transform: perspective(1300px) rotateX(-90deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateX(0);-moz-transform: perspective(1300px) rotateX(0);-ms-transform: perspective(1300px) rotateX(0);transform: perspective(1300px) rotateX(0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dInLeft{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateY(90deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateY(0); }}

@-moz-keyframes flip3dInLeft{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateY(90deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateY(0); }}

@-o-keyframes flip3dInLeft{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateY(90deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateY(0); }}

@keyframes flip3dInLeft{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateY(90deg);-moz-transform: perspective(1300px) rotateY(90deg);-ms-transform: perspective(1300px) rotateY(90deg);transform: perspective(1300px) rotateY(90deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateY(0);-moz-transform: perspective(1300px) rotateY(0);-ms-transform: perspective(1300px) rotateY(0);transform: perspective(1300px) rotateY(0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dInRight{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateY(-90deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateY(0); }}

@-moz-keyframes flip3dInRight{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateY(-90deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateY(0); }}

@-o-keyframes flip3dInRight{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateY(-90deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateY(0); }}

@keyframes flip3dInRight{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateY(-90deg);-moz-transform: perspective(1300px) rotateY(-90deg);-ms-transform: perspective(1300px) rotateY(-90deg);transform: perspective(1300px) rotateY(-90deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateY(0);-moz-transform: perspective(1300px) rotateY(0);-ms-transform: perspective(1300px) rotateY(0);transform: perspective(1300px) rotateY(0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dHorizontal{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateY(-90deg); } 50% { opacity: 1; -webkit-transform: perspective(1300px) rotateY(20deg); } 85%{ -webkit-transform: perspective(1300px) rotateY(-10deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateY(0); }}

@-moz-keyframes flip3dHorizontal{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateY(-90deg); } 50% { opacity: 1; -moz-transform: perspective(1300px) rotateY(20deg); } 85%{ -moz-transform: perspective(1300px) rotateY(-10deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateY(0); }}

@-o-keyframes flip3dHorizontal{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateY(-90deg); } 50% { opacity: 1; -o-transform: perspective(1300px) rotateY(20deg); } 85%{ -o-transform: perspective(1300px) rotateY(-10deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateY(0); }}

@keyframes flip3dHorizontal{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateY(-90deg);-moz-transform: perspective(1300px) rotateY(-90deg);-ms-transform: perspective(1300px) rotateY(-90deg);transform: perspective(1300px) rotateY(-90deg); } 50% { opacity: 1;-webkit-transform: perspective(1300px) rotateY(20deg);-moz-transform: perspective(1300px) rotateY(20deg);-ms-transform: perspective(1300px) rotateY(20deg);transform: perspective(1300px) rotateY(20deg); } 85%{-webkit-transform: perspective(1300px) rotateY(-10deg);-moz-transform: perspective(1300px) rotateY(-10deg);-ms-transform: perspective(1300px) rotateY(-10deg);transform: perspective(1300px) rotateY(-10deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateY(0);-moz-transform: perspective(1300px) rotateY(0);-ms-transform: perspective(1300px) rotateY(0);transform: perspective(1300px) rotateY(0); };

}

lesshat-selector {

  -lh-property: 0; } 

@-webkit-keyframes flip3dVertical{ 0% { opacity: 0; -webkit-transform: perspective(1300px) rotateX(-90deg); } 50% { opacity: 1; -webkit-transform: perspective(1300px) rotateX(20deg); } 85%{ -webkit-transform: perspective(1300px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: perspective(1300px) rotateX(0); }}

@-moz-keyframes flip3dVertical{ 0% { opacity: 0; -moz-transform: perspective(1300px) rotateX(-90deg); } 50% { opacity: 1; -moz-transform: perspective(1300px) rotateX(20deg); } 85%{ -moz-transform: perspective(1300px) rotateX(-10deg); } 100% { opacity: 1; -moz-transform: perspective(1300px) rotateX(0); }}

@-o-keyframes flip3dVertical{ 0% { opacity: 0; -o-transform: perspective(1300px) rotateX(-90deg); } 50% { opacity: 1; -o-transform: perspective(1300px) rotateX(20deg); } 85%{ -o-transform: perspective(1300px) rotateX(-10deg); } 100% { opacity: 1; -o-transform: perspective(1300px) rotateX(0); }}

@keyframes flip3dVertical{ 0% { opacity: 0;-webkit-transform: perspective(1300px) rotateX(-90deg);-moz-transform: perspective(1300px) rotateX(-90deg);-ms-transform: perspective(1300px) rotateX(-90deg);transform: perspective(1300px) rotateX(-90deg); } 50% { opacity: 1;-webkit-transform: perspective(1300px) rotateX(20deg);-moz-transform: perspective(1300px) rotateX(20deg);-ms-transform: perspective(1300px) rotateX(20deg);transform: perspective(1300px) rotateX(20deg); } 85%{-webkit-transform: perspective(1300px) rotateX(-10deg);-moz-transform: perspective(1300px) rotateX(-10deg);-ms-transform: perspective(1300px) rotateX(-10deg);transform: perspective(1300px) rotateX(-10deg); } 100% { opacity: 1;-webkit-transform: perspective(1300px) rotateX(0);-moz-transform: perspective(1300px) rotateX(0);-ms-transform: perspective(1300px) rotateX(0);transform: perspective(1300px) rotateX(0); };

}