/*
  Theme Name: Faded | App Landing Page
  Theme URL: http://themes.droitlab.com/html/faded
  Author: droitthemes
  Author URI: https://themeforest.net/user/droitthemes
  Description: App Landing Page
  Version: 1.0
*/
.animate, .sec-title, .subheader, .hr, .breadcrumb, .img-header-sm {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}


@-webkit-keyframes fadeInDown {
    from {opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInDown {
    from {opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}


@-webkit-keyframes fadeInDownBig {
    from {opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInDownBig {
    from {opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}


@-webkit-keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}


@-webkit-keyframes fadeInLeftBig {
    from {opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeftBig {
    from {opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}


@-webkit-keyframes fadeInLeftBigSolid {
    from {-webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0);}
    to {-webkit-transform: none; transform: none;}
}
@keyframes fadeInLeftBigSolid {
    from {-webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0);}
    to {-webkit-transform: none; transform: none;}
}
.fadeInLeftBigSolid {-webkit-animation-name: fadeInLeftBigSolid; animation-name: fadeInLeftBigSolid;}


@-webkit-keyframes fadeInRight {
    from {opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight {
    from {opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}


@-webkit-keyframes fadeInRightBig {
    from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRightBig {
    from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}


@-webkit-keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

.delay-a, .hr, .breadcrumb {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; -o-animation-delay: 0.25s; animation-delay: 0.25s;}
.delay-b, .subheader {-webkit-animation-delay: 0.50s; -moz-animation-delay: 0.50s; -o-animation-delay: 0.50s; animation-delay: 0.50s;}
.delay-c {-webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s;}