/*** ANIMATIONS ***/

    .no-animate {
        transition: none !important;
        opacity: 1 !important;
        visibility: visible !important;

    }

    .animate {
        animation: slideLeft 1s ease;
        -webkit-animation: slideLeft 1s ease;
        -moz-animation: slideLeft 1s ease;
        -o-animation: slideLeft 1s ease;
        visibility: visible !important;
    }

    /** slides in from the left **/
    .slide-in-left {
        animation: slideLeft 1s ease;
        -webkit-animation: slideLeft 1s ease;
        -moz-animation: slideLeft 1s ease;
        -o-animation: slideLeft 1s ease;

        visibility: visible !important;
    }

    @keyframes slideLeft {
        0% {
            left: -150%;
        }
        100% {
            left: 0%;
        }
    }
    @-webkit-keyframes slideLeft {
        0% {
            left: -150%;
        }
        100% {
            left: 0%;
        }
    }
    @-moz-keyframes slideLeft {
        0% {
            left: -150%;
        }
        100% {
            left: 0%;
        }
    }
    @-o-keyframes slideLeft {
        0% {
            left: -150%;
        }
        100% {
            left: 0%;
        }
    }
    /** slides in from the right **/
    .slide-in-right {
        animation: slideRight 1s ease;
        -webkit-animation: slideRight 1s ease;
        -moz-animation: slideRight 1s ease;
        -o-animation: slideRight 1s ease;
        visibility: visible !important;
    }

    @keyframes slideRight {
        0% {
            left: 150%;
        }
        100% {
            left: 0%;
        }
    }
    @-webkit-keyframes slideRight {
        0% {
            left: 150%;
        }
        100% {
            left: 0%;
        }
    }
    @-moz-keyframes slideRight {
        0% {
            left: 150%;
        }
        100% {
            left: 0%;
        }
    }
    @-o-keyframes slideRight {
        0% {
            left: 150%;
        }
        100% {
            left: 0%;
        }
    }
    /** slides in from the bottom **/
    .slide-in-bottom {
        animation: slideBottom 1s ease-out;
        -webkit-animation: slideBottom 1s ease-out;
        -moz-animation: slideBottom 1s ease-out;
        -o-animation: slideBottom 1s ease-out;
        visibility: visible !important;
    }

    @keyframes slideBottom {
        0% {
            transform: translateY(100%);
        }
        100% {
            transform: translateY(0%);
        }
    }
    @-webkit-keyframes slideBottom {
        0% {
            -webkit-transform: translateY(100%);
        }
        100% {
            -webkit-transform: translateY(0%);
        }
    }
    @-moz-keyframes slideBottom {
        0% {
            -moz-transform: translateY(100%);
        }
        100% {
            -moz-transform: translateY(0%);
        }
    }
    @-o-keyframes slideBottom {
        0% {
            -o-transform: translateY(100%);
        }
        100% {
            -o-transform: translateY(0%);
        }
    }

    /** fades in on location **/
    .fadeIn {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
    }

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

      100% {
        opacity: 1;
      }
    }

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

      100% {
        opacity: 1;
      }
    }