@import url(keyframes.css);

header .main__nav--fixed {
    padding-top: 5px;
    height: 50px;
    animation-name: nav__fixed;
    /*animation-duration: .2s;*/
    -webkit-animation-name: nav__fixed; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

header .main__nav--floating {
    padding-top: 30px;
    height: auto;
}


header .main__nav--fixed a {
    color: #333!important;
    -webkit-animation-name: nav__fixed--links;
    -webkit-animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
}

header .main__nav--fixed a:hover{
    color: #FFF !important;
}

header .main__nav--floating a {
    /*color: #333!important;*/
    -webkit-animation-name: nav__floating--links;
    -webkit-animation-duration: .1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
}

header .main__nav--fixed h1 {
    animation-name: nav__fixed--logo;
    animation-duration: .2s;
    -webkit-animation-name: nav__fixed--logo; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

header .main__nav--floating h1 {
    animation-name: nav__floating--logo;
    animation-duration: .2s;
    -webkit-animation-name: nav__floating--logo; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

header .main__nav--fixed .logo-white {
    animation-name: nav__fixed--logo-branco;
    animation-duration: .2s;
    -webkit-animation-name: nav__fixed--logo-branco; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}
header .main__nav--floating .logo-white {
    animation-name: nav__floating--logo-branco;
    animation-duration: .2s;
    -webkit-animation-name: nav__floating--logo-branco; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    z-index: 2;
}

header .main__nav--fixed .logo-blue {
    animation-name: nav__fixed--logo-azul;
    animation-duration: .2s;
    -webkit-animation-name: nav__fixed--logo-azul; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

header .main__nav--floating .logo-blue {
    animation-name: nav__floating--logo-azul;
    animation-duration: .2s;
    -webkit-animation-name: nav__floating--logo-azul; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    z-index: 1;
}

.main__nav--fixed .external__holder {
    animation-name: nav__fixed--external;
    animation-duration: .2s;
    -webkit-animation-name: nav__fixed--external; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    overflow: hidden;
}

.main__nav--floating .external__holder {
    animation-name: nav__floating--external;
    animation-duration: .2s;
    -webkit-animation-name: nav__floating--external; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    overflow: visible;
}

.main__nav--floating .nav__area {
    animation-name: nav__floating--nav__area;
    animation-duration: .2s;
    -webkit-animation-name: nav__floating--nav__area; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

.main__nav--fixed .nav__area {
    animation-name: nav__fixed--nav__area;
    animation-duration: .2s;
    -webkit-animation-name: nav__fixed--nav__area; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

.product__item div:hover,
.product__others-list li:hover,
.product__details-list li:hover,
.product__cover-list li:hover,
.carousel__product-list li:hover {
    border-radius: 6px;
    animation-name: product__item;
    /*animation-duration: .7s;*/
    -webkit-animation-name: product__item; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--buy-it:hover {
    animation-name: buy__it;
    /*animation-duration: .7s;*/
    -webkit-animation-name: buy__it; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--comprar:hover {
    animation-name: comprar_isso;
    /*animation-duration: .7s;*/
    -webkit-animation-name: comprar_isso; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--share-face:hover {
    animation-name: share__face;
    /*animation-duration: .7s;*/
    -webkit-animation-name: share__face; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--share-tw:hover {
    animation-name: share__tw;
    /*animation-duration: .7s;*/
    -webkit-animation-name: share__tw; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--where:hover {
    animation-name: where;
    /*animation-duration: .7s;*/
    -webkit-animation-name: where; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.product__action-list--details:hover {
    animation-name: details;
    /*animation-duration: .7s;*/
    -webkit-animation-name: details; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.sac .btn:hover {
    animation-name: sac;
    /*animation-duration: .7s;*/
    -webkit-animation-name: sac; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.educators .btn:hover {
    animation-name: educators;
    /*animation-duration: .7s;*/
    -webkit-animation-name: educators; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.educators-list .btn:hover {
    animation-name: educators-list;
    /*animation-duration: .7s;*/
    -webkit-animation-name: educators-list; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .3s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out; /* Chrome, Safari, Opera */
    animation-timing-function: ease-out;
}

.nav__brand li:hover span {

    animation-name: brand__bullet;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__bullet; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.nav__brand li:hover a {
    animation-name: brand__name;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__name; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.doc-footer__link a:hover {
    animation-name: brand__name;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__name; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}


.doc-footer__link--strong a:hover {
    animation-name: brand__name--alternate;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__name--alternate; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.doc-footer__link--strong a:hover strong {
    animation-name: brand__name--alternate-color;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__name--alternate-color; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.doc-footer__social a:hover {
    animation-name: brand__name--color;
    /*animation-duration: .7s;*/
    -webkit-animation-name: brand__name--color; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.nav__menu li a:hover, .nav__external-links li a:hover {
    animation-name: rounded__box;
    /*animation-duration: .7s;*/
    -webkit-animation-name: rounded__box; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}

.notfound--text-center a:hover, 
.btn-enviar:hover,
.btn-enviar button:hover {
    animation-name: notfound--outline;
    /*animation-duration: .7s;*/
    -webkit-animation-name: notfound--outline; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .2s; /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in;
}