/* Keyframes */
/*From styles.css*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

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

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

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

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

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

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

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(0.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(0.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(0.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}


@-moz-keyframes arrow_anim {
    0% { margin: -10px; opacity: 0; }
    20% { margin: 4px; opacity: 1; }
    80% { margin: 4px; opacity: 1; }
    95% { opacity: 0; }
    100% { margin: 15px; }
}

@-webkit-keyframes arrow_anim {
    0% { margin: -10px; opacity: 0; }
    20% { margin: 4px; opacity: 1; }
    80% { margin: 4px; opacity: 1; }
    95% { opacity: 0; }
    100% { margin: 15px; }
}

@keyframes arrow_anim {
    0% { margin: -10px; opacity: 0; }
    20% { margin: 4px; opacity: 1; }
    80% { margin: 4px; opacity: 1; }
    95% { opacity: 0; }
    100% { margin: 15px; }
}

@-moz-keyframes articleOpacity_anim {
    0% { opacity: 0; width: 0; }
    5% { width: 40%; }
    100% { opacity: 1; width: 40%; }
}

@-webkit-keyframes articleOpacity_anim {
    0% { opacity: 0; width: 0; }
    5% { width: 40%; }
    100% { opacity: 1; width: 40%; }
}

@keyframes articleOpacity_anim {
    0% { opacity: 0; width: 0; }
    5% { width: 40%; }
    100% { opacity: 1; width: 40%; }
}

@-moz-keyframes pageLoadingColor_anim {
    from { background-color: #fff; }
    to { background-color: #d3cabc; }
}

@-webkit-keyframes pageLoadingColor_anim {
    from { background-color: #fff; }
    to { background-color: #d3cabc; }
}

@keyframes pageLoadingColor_anim {
    from { background-color: #fff; }
    to { background-color: #e1dad0; }
}

@-moz-keyframes pageLoadingLogo_anim {
    from { top: 70%; opacity: 0; }
    to { top: 50%; opacity: 1; }
}

@-webkit-keyframes pageLoadingLogo_anim {
    from { top: 70%; opacity: 0; }
    to { top: 50%; opacity: 1; }
}

@keyframes pageLoadingLogo_anim {
    from { top: 70%; opacity: 0; }
    to { top: 50%; opacity: 1; }
}

@-moz-keyframes latinText_anim {
    0% { opacity: 0; top: 100%; }
    50% { opacity: 1; top: 30%; }
    75% { opacity: 0; }
    100% { top: -80%; }
}

@-webkit-keyframes latinText_anim {
    0% { opacity: 0; top: 100%; }
    50% { opacity: 1; top: 30%; }
    75% { opacity: 0; }
    100% { top: -80%; }
}

@keyframes latinText_anim {
    0% { opacity: 0; top: 100%; }
    50% { opacity: 1; top: 30%; }
    75% { opacity: 0; }
    100% { top: -80%; }
}

@-moz-keyframes openMainNav_anim {
    0% { opacity: 0; }
    95% { width: 100%; }
    100% { opacity: 1; }
}

@-webkit-keyframes openMainNav_anim {
    0% { opacity: 0; }
    95% { width: 100%; }
    100% { opacity: 1; }
}

@keyframes openMainNav_anim {
    0% { opacity: 0; }
    95% { width: 100%; }
    100% { opacity: 1; }
}

@-moz-keyframes tiltPhone_anim {
    0% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    5% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    10% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    15% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    20% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    25% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    30% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    35% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    40% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
}

@-webkit-keyframes tiltPhone_anim {
    0% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    5% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    10% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    15% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    20% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    25% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    30% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    35% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    40% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
}

@keyframes tiltPhone_anim {
    0% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    5% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    10% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    15% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    20% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    25% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    30% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
    35% { -moz-transform: rotate(-12deg) translateX(-17px); -ms-transform: rotate(-12deg) translateX(-17px); -o-transform: rotate(-12deg) translateX(-17px); -webkit-transform: rotate(-12deg) translateX(-17px); transform: rotate(-12deg) translateX(-17px); }
    40% { -moz-transform: rotate(0deg) translateX(0); -ms-transform: rotate(0deg) translateX(0); -o-transform: rotate(0deg) translateX(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); }
}

@media (max-width: 900px) {
    @-webkit-keyframes articleOpacity_anim {
        0% { opacity: 0; width: 0; }
        5% { width: 75%; }
        100% { opacity: 1; width: 75%; }
    }

    @-moz-keyframes articleOpacity_anim {
        0% { opacity: 0; width: 0; }
        5% { width: 75%; }
        100% { opacity: 1; width: 75%; }
    }

    @keyframes articleOpacity_anim {
        0% { opacity: 0; width: 0; }
        5% { width: 75%; }
        100% { opacity: 1; width: 75%; }
    }
}

/*From torantec.css*/
@-webkit-keyframes arrowmove {
    0%, 50%, 100% { top: 0; }
    25% { top: 10px; }
}

@-moz-keyframes arrowmove {
    0%, 50%, 100% { top: 0; }
    25% { top: 10px; }
}

@keyframes arrowmove {
    0%, 50%, 100% { top: 0; }
    25% { top: 10px; }
}