﻿@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


/*------------------------------------*\
    #ANIMATIONS
\*------------------------------------*/


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}



@-webkit-keyframes fadeInCover {
  0% {opacity: 0;}
  30% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeInCover {
  0% {opacity: 0;}
  30% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeInCover {
  -webkit-animation-name: fadeInCover;
          animation-name: fadeInCover;
    -webkit-animation-duration: 1.35s;
          animation-duration: 1.35s;
}



@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}



@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}



@-webkit-keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 7%, 0);
            transform: translate3d(0, 7%, 0);
  }
  
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 7%, 0);
            transform: translate3d(0, 7%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 7%, 0);
            transform: translate3d(0, 7%, 0);
  }
  
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 7%, 0);
            transform: translate3d(0, 7%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
          animation-name: fadeInUpSmall;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}



@-webkit-keyframes fadeInDownIcons {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInDownIcons {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.fadeInDownIcons {
  -webkit-animation-name: fadeInDownIcons;
          animation-name: fadeInDownIcons;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
    -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}



@-webkit-keyframes zoomInSmall {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomInSmall {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  100% {
    opacity: 1;
  }
}

.zoomInSmall {
  -webkit-animation-name: zoomInSmall;
          animation-name: zoomInSmall;
}



@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.6, .6, .6);
            transform: scale3d(.6, .6, .6);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.6, .6, .6);
            transform: scale3d(.6, .6, .6);
  }

  100% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}



@-webkit-keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
  }

  100% {
    opacity: 1;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}


/*------------------------------------*\
    # - 1 -
\*------------------------------------*/


@-webkit-keyframes a-75 {
  0% {
    width: 0%;
  }

  100% {
    width: 75%;
  }
}

@keyframes a-75 {
  0% {
    width: 0%;
  }

  100% {
    width: 75%;
  }
}

.a-75 {
  -webkit-animation-name: a-75;
          animation-name: a-75;	
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes p-15 {
  0% {
    width: 0%;
  }

  100% {
    width: 15%;
  }
}

@keyframes p-15 {
  0% {
    width: 0%;
  }

  100% {
    width: 15%;
  }
}

.p-15 {
  -webkit-animation-name: p-15;
          animation-name: p-15;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes m-10 {
  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }
}

@keyframes m-10 {
  0% {
    width: 0%;
  }

  100% {
    width: 10%;
  }
}

.m-10 {
  -webkit-animation-name: m-10;
          animation-name: m-10;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}


/*------------------------------------*\
    # - 2 -
\*------------------------------------*/


@-webkit-keyframes a-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }
}

@keyframes a-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }
}

.a-40 {
  -webkit-animation-name: a-40;
          animation-name: a-40;	
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes p-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }
}

@keyframes p-40 {
  0% {
    width: 0%;
  }

  100% {
    width: 40%;
  }
}

.p-40 {
  -webkit-animation-name: p-40;
          animation-name: p-40;	
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes m-20 {
  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }
}

@keyframes m-20 {
  0% {
    width: 0%;
  }

  100% {
    width: 20%;
  }
}

.m-20 {
  -webkit-animation-name: m-20;
          animation-name: m-20;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}


/*------------------------------------*\
    # - 3 -
\*------------------------------------*/


@-webkit-keyframes a-30 {
  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }
}

@keyframes a-30 {
  0% {
    width: 0%;
  }

  100% {
    width: 30%;
  }
}

.a-30 {
  -webkit-animation-name: a-30;
          animation-name: a-30;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes p-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }
}

@keyframes p-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }
}

.p-35 {
  -webkit-animation-name: p-35;
          animation-name: p-35;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes m-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }
}

@keyframes m-35 {
  0% {
    width: 0%;
  }

  100% {
    width: 35%;
  }
}

.m-35 {
  -webkit-animation-name: m-35;
          animation-name: m-35;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}



/*------------------------------------*\
    # - 4 -
\*------------------------------------*/


@-webkit-keyframes apm-33 {
  0% {
    width: 0%;
  }

  100% {
    width: 33.33%;
  }
}

@keyframes apm-33 {
  0% {
    width: 0%;
  }

  100% {
    width: 33.33%;
  }
}

.apm-33 {
  -webkit-animation-name: apm-33;
          animation-name: apm-33;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}