@import url('https://fonts.googleapis.com/css?family=Hind:400,600,700|Roboto+Slab:400,700');

.tipo-titulo {
    font-family: 'Roboto Slab', serif;
}

.tipo-texto {
    font-family: 'Hind', sans-serif;
}

.body-login {
    background: url('../img/fondo-login.jpg');
}

.boton {
    margin: 10px auto !important;
    padding: 8px 12px;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    border: 0;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    behavior: url(PIE.htc);
}

    .boton.primario {
        background: #ff6345;
    }

        .boton.primario:hover,
        .boton.primario:active,
        .boton.primario:focus {
            background: #ff3008;
            color: #ffffff;
        }

    .boton.secundario {
        background: #009a9d;
    }

        .boton.secundario:hover,
        .boton.secundario:active,
        .boton.secundario:focus {
            background: #005e60;
            color: #ffffff;
        }

    .boton.Terciario {
        background: #9ACD32;
    }

        .boton.Terciario:hover,
        .boton.Terciario:active,
        .boton.Terciario:focus {
            background: #228B22;
            color: #ffffff;
        }
/*
TABLAS
=============================================================
*/
/*
Nonmbe del sitio:	In serie 5.0
Autor:				Marco Antonio Hernández Pérez
*/
/*********************
COLORES
*********************/
.icono-facebook {
    background: #1860aa;
}

    .icono-facebook:hover,
    .icono-facebook:active,
    .icono-facebook:focus {
        background: #12477d;
    }

.icono-twitter {
    background: #35a8e0;
}

    .icono-twitter:hover,
    .icono-twitter:active,
    .icono-twitter:focus {
        background: #1e8ec4;
    }

.icono-linkedin {
    background: #005794;
}

    .icono-linkedin:hover,
    .icono-linkedin:active,
    .icono-linkedin:focus {
        background: #003961;
    }

.icono-pinterest {
    background: #ca2027;
}

    .icono-pinterest:hover,
    .icono-pinterest:active,
    .icono-pinterest:focus {
        background: #9e191e;
    }

.icono-googleplus {
    background: #dc4e41;
}

    .icono-googleplus:hover,
    .icono-googleplus:active,
    .icono-googleplus:focus {
        background: #c63224;
    }

.icono-foursquare {
    background: #e73e71;
}

    .icono-foursquare:hover,
    .icono-foursquare:active,
    .icono-foursquare:focus {
        background: #d71b54;
    }

.icono-instagram {
    background: #c22f86;
}

    .icono-instagram:hover,
    .icono-instagram:active,
    .icono-instagram:focus {
        background: #99256a;
    }

.icono-youtube {
    background: #e52d27;
}

    .icono-youtube:hover,
    .icono-youtube:active,
    .icono-youtube:focus {
        background: #c21d17;
    }

.icono-vimeo {
    background: #23b6ea;
}

    .icono-vimeo:hover,
    .icono-vimeo:active,
    .icono-vimeo:focus {
        background: #1398c7;
    }

.icono-livestream {
    background: #e31e30;
}

    .icono-livestream:hover,
    .icono-livestream:active,
    .icono-livestream:focus {
        background: #b71725;
    }
/*********************
COLUMNAS
*********************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/*********************
FORMULARIOS
*********************/
/*********************
TIPOGRAFÍA
*********************/
/********** Tipos de letra ***********/
@font-face {
}
/*Bases*/
.normal {
    font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
}
/*text decoration*/
.tnone {
    text-decoration: none;
}

.tunder {
    text-decoration: underline;
}
/* Alinear */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}
/*********************
BOTONES
*********************/
/*********************
FONDOS
*********************/
.fsimple {
    background-repeat: none;
    background-position: center center;
}
/***********************
POSICIONES
***********************/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-both {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/***********************
DISPLAYS
***********************/
.dblock {
    display: block;
}

.dinline {
    display: inline;
}

.diblock {
    display: inline-block;
}

.dtable {
    display: table;
}

.dnone {
    display: none;
}
/*********************
DEGRADADOS
(Claro a obscuro)
*********************/
/********** Sencillos ***********/
/*Degradado básico de 2 colores*/
/*Vertical*/
/*Horizontal*/
/*Diagonal superior*/
/*Diagonal inferior*/
/*Radial*/
/********** Efectos ***********/
/* Metal*/
/* No funciona en IE <8*/
/* Stripes No funciona en IE <9*/
/*********************
TEXTO EFECTOS
*********************/
/********** Efectos ***********/
/*Normal*/
/*Inset*/
/*Emboss*/
/*Brillo*/
/*blur*/
/*3D*/
/*Silueta*/
/*Drop Cap
	Se debe definir manualmente el elemento que llevará el efecto. Esta es una muestra con <article> <p>
*/
/*********************
BORDER RADIUS
*********************/
/*********************
TRANSFORM
*********************/
/********** Bases ***********/
/********** 2D ***********/
/********** 3D ***********/
/*********************
BOX SIZING
*********************/
/* .boxSizing(border-box); */
/*********************
BOX SHADOW
*********************/
/********** Fuera ***********/
/*Sombra estándar*/
/*Sombra gruesa*/
/*Brillo*/
/*Dentro*/
/*Sombra fuera y dentro*/
/*Sombras arqueada*/
.shadow-arc {
    position: relative;
}

    .shadow-arc:before,
    .shadow-arc:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 80%;
        bottom: 15px;
        left: 10px;
        width: 50%;
        max-width: 300px;
        -webkit-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -o-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        behavior: url(PIE.htc);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .shadow-arc:after {
        right: 10px;
        left: auto;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

.shadow-arc-left {
    position: relative;
}

    .shadow-arc-left:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 80%;
        bottom: 15px;
        left: 10px;
        width: 50%;
        max-width: 300px;
        -webkit-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -o-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        behavior: url(PIE.htc);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

.shadow-arc-right {
    position: relative;
}

    .shadow-arc-right:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 80%;
        bottom: 15px;
        right: 10px;
        left: auto;
        width: 50%;
        max-width: 300px;
        -webkit-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        -o-box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        box-shadow: 0 15px 10px 0px rgba(0, 0, 0, 0.8);
        behavior: url(PIE.htc);
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
/*Sombra tipo monumento*/
.shadow-monument {
    position: relative;
}

    .shadow-monument:before {
        content: "";
        position: relative\9;
        position: absolute;
        z-index: -1;
        top: 84%;
        right: 0px;
        bottom: 0;
        left: 0px;
        background: #f5f4f3;
        -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
        -ms-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
        -o-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.8);
        behavior: url(PIE.htc);
        -webkit-transform: translate(-42px, 0) skew(72deg, 0);
        -moz-transform: translate(-42px, 0) skew(72deg, 0);
        -ms-transform: translate(-42px, 0) skew(72deg, 0);
        -o-transform: translate(-42px, 0) skew(72deg, 0);
        transform: translate(-42px, 0) skew(72deg, 0);
    }
/*Sombra hacia los lados*/
/*********************
ANIMACIONES
*********************/
/*********************
EFECTOS
*********************/
/* Cortina diagonal */
/* Press */
/*************** Blinks ***************/
/*************** Rolls ***************/
/*========= Efectos =========*/
.roll-right {
    overflow: hidden;
}

    .roll-right span {
        display: inline-block;
    }

    .roll-right:hover span {
        -webkit-animation: toRightFromLeft 0.3s forwards;
        -moz-animation: toRightFromLeft 0.3s forwards;
        animation: toRightFromLeft 0.3s forwards;
    }

.roll-left {
    overflow: hidden;
}

    .roll-left span {
        display: inline-block;
    }

    .roll-left:hover span {
        -webkit-animation: toLeftFromRight 0.3s forwards;
        -moz-animation: toLeftFromRight 0.3s forwards;
        animation: toLeftFromRight 0.3s forwards;
    }

.roll-up {
    overflow: hidden;
}

    .roll-up span {
        display: inline-block;
    }

    .roll-up:hover span {
        -webkit-animation: toTopFromBottom 0.3s forwards;
        -moz-animation: toTopFromBottom 0.3s forwards;
        animation: toTopFromBottom 0.3s forwards;
    }

.roll-down {
    overflow: hidden;
}

    .roll-down span {
        display: inline-block;
    }

    .roll-down:hover span {
        -webkit-animation: toBottomFromTop 0.3s forwards;
        -moz-animation: toBottomFromTop 0.3s forwards;
        animation: toBottomFromTop 0.3s forwards;
    }
/*************** ripple ***************/
.ripple {
    position: relative;
}

    .ripple::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .ripple:hover::after {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        -webkit-animation: sonarEffect 1.3s ease-out 75ms;
        -moz-animation: sonarEffect 1.3s ease-out 75ms;
        animation: sonarEffect 1.3s ease-out 75ms;
    }
/*************** Double border ***************/
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
    }

    100% {
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
    }

    100% {
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
    }

    100% {
        box-shadow: 0 0 0 2px #c6c1bc, 0 0 10px 10px #ffffff, 0 0 0 10px #968e86;
        transform: scale(1.5);
        opacity: 0;
    }
}
/*========= Keyframes =========*/
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }

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

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }

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

    51% {
        opacity: 1;
    }
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }

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

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }

    50% {
        opacity: 0;
        transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.1.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with LESS.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
/* Shrink */
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-shrink:hover,
    .hvr-shrink:focus,
    .hvr-shrink:active {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-pulse:hover,
    .hvr-pulse:focus,
    .hvr-pulse:active {
        -webkit-animation-name: hvr-pulse;
        animation-name: hvr-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-pulse-grow:hover,
    .hvr-pulse-grow:focus,
    .hvr-pulse-grow:active {
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-pulse-shrink:hover,
    .hvr-pulse-shrink:focus,
    .hvr-pulse-shrink:active {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

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

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

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

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-push:hover,
    .hvr-push:focus,
    .hvr-push:active {
        -webkit-animation-name: hvr-push;
        animation-name: hvr-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Pop */
@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-pop:hover,
    .hvr-pop:focus,
    .hvr-pop:active {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Bounce In */
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-in:hover,
    .hvr-bounce-in:focus,
    .hvr-bounce-in:active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }
/* Bounce Out */
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-out:hover,
    .hvr-bounce-out:focus,
    .hvr-bounce-out:active {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }
/* Rotate */
.hvr-rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-rotate:hover,
    .hvr-rotate:focus,
    .hvr-rotate:active {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
/* Grow Rotate */
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow-rotate:hover,
    .hvr-grow-rotate:focus,
    .hvr-grow-rotate:active {
        -webkit-transform: scale(1.1) rotate(4deg);
        transform: scale(1.1) rotate(4deg);
    }
/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .hvr-float:hover,
    .hvr-float:focus,
    .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
/* Sink */
.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .hvr-sink:hover,
    .hvr-sink:focus,
    .hvr-sink:active {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
/* Bob */
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-bob:hover,
    .hvr-bob:focus,
    .hvr-bob:active {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }
/* Hang */
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-hang:hover,
    .hvr-hang:focus,
    .hvr-hang:active {
        -webkit-animation-name: hvr-hang-sink, hvr-hang;
        animation-name: hvr-hang-sink, hvr-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }
/* Skew */
.hvr-skew {
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-skew:hover,
    .hvr-skew:focus,
    .hvr-skew:active {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }
/* Skew Forward */
.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-skew-forward:hover,
    .hvr-skew-forward:focus,
    .hvr-skew-forward:active {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }
/* Skew Backward */
.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-skew-backward:hover,
    .hvr-skew-backward:focus,
    .hvr-skew-backward:active {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-wobble-vertical:hover,
    .hvr-wobble-vertical:focus,
    .hvr-wobble-vertical:active {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-wobble-horizontal:hover,
    .hvr-wobble-horizontal:focus,
    .hvr-wobble-horizontal:active {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

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

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

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

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-wobble-to-bottom-right:hover,
    .hvr-wobble-to-bottom-right:focus,
    .hvr-wobble-to-bottom-right:active {
        -webkit-animation-name: hvr-wobble-to-bottom-right;
        animation-name: hvr-wobble-to-bottom-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

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

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

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

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-wobble-to-top-right:hover,
    .hvr-wobble-to-top-right:focus,
    .hvr-wobble-to-top-right:active {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-wobble-top:hover,
    .hvr-wobble-top:focus,
    .hvr-wobble-top:active {
        -webkit-animation-name: hvr-wobble-top;
        animation-name: hvr-wobble-top;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

    .hvr-wobble-bottom:hover,
    .hvr-wobble-bottom:focus,
    .hvr-wobble-bottom:active {
        -webkit-animation-name: hvr-wobble-bottom;
        animation-name: hvr-wobble-bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-wobble-skew:hover,
    .hvr-wobble-skew:focus,
    .hvr-wobble-skew:active {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Buzz */
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-buzz:hover,
    .hvr-buzz:focus,
    .hvr-buzz:active {
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .hvr-buzz-out:hover,
    .hvr-buzz-out:focus,
    .hvr-buzz-out:active {
        -webkit-animation-name: hvr-buzz-out;
        animation-name: hvr-buzz-out;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Forward */
.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-forward:hover,
    .hvr-forward:focus,
    .hvr-forward:active {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
/* Backward */
.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-backward:hover,
    .hvr-backward:focus,
    .hvr-backward:active {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-fade:hover,
    .hvr-fade:focus,
    .hvr-fade:active {
        background-color: #2098d1;
        color: white;
    }
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: "color, background-color";
    transition-property: "color, background-color";
}

    .hvr-back-pulse:hover,
    .hvr-back-pulse:focus,
    .hvr-back-pulse:active {
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #2098d1;
        color: white;
    }
/* Sweep To Right */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-right:hover,
    .hvr-sweep-to-right:focus,
    .hvr-sweep-to-right:active {
        color: white;
    }

        .hvr-sweep-to-right:hover:before,
        .hvr-sweep-to-right:focus:before,
        .hvr-sweep-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
/* Sweep To Left */
.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-left:hover,
    .hvr-sweep-to-left:focus,
    .hvr-sweep-to-left:active {
        color: white;
    }

        .hvr-sweep-to-left:hover:before,
        .hvr-sweep-to-left:focus:before,
        .hvr-sweep-to-left:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-bottom:hover,
    .hvr-sweep-to-bottom:focus,
    .hvr-sweep-to-bottom:active {
        color: white;
    }

        .hvr-sweep-to-bottom:hover:before,
        .hvr-sweep-to-bottom:focus:before,
        .hvr-sweep-to-bottom:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }
/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top:hover,
    .hvr-sweep-to-top:focus,
    .hvr-sweep-to-top:active {
        color: white;
    }

        .hvr-sweep-to-top:hover:before,
        .hvr-sweep-to-top:focus:before,
        .hvr-sweep-to-top:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }
/* Bounce To Right */
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-right:hover,
    .hvr-bounce-to-right:focus,
    .hvr-bounce-to-right:active {
        color: white;
    }

        .hvr-bounce-to-right:hover:before,
        .hvr-bounce-to-right:focus:before,
        .hvr-bounce-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }
/* Bounce To Left */
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-left:hover,
    .hvr-bounce-to-left:focus,
    .hvr-bounce-to-left:active {
        color: white;
    }

        .hvr-bounce-to-left:hover:before,
        .hvr-bounce-to-left:focus:before,
        .hvr-bounce-to-left:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-bottom:hover,
    .hvr-bounce-to-bottom:focus,
    .hvr-bounce-to-bottom:active {
        color: white;
    }

        .hvr-bounce-to-bottom:hover:before,
        .hvr-bounce-to-bottom:focus:before,
        .hvr-bounce-to-bottom:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }
/* Bounce To Top */
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-top:hover,
    .hvr-bounce-to-top:focus,
    .hvr-bounce-to-top:active {
        color: white;
    }

        .hvr-bounce-to-top:hover:before,
        .hvr-bounce-to-top:focus:before,
        .hvr-bounce-to-top:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }
/* Radial Out */
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-out:hover,
    .hvr-radial-out:focus,
    .hvr-radial-out:active {
        color: white;
    }

        .hvr-radial-out:hover:before,
        .hvr-radial-out:focus:before,
        .hvr-radial-out:active:before {
            -webkit-transform: scale(2);
            transform: scale(2);
        }
/* Radial In */
.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        border-radius: 100%;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-in:hover,
    .hvr-radial-in:focus,
    .hvr-radial-in:active {
        color: white;
    }

        .hvr-radial-in:hover:before,
        .hvr-radial-in:focus:before,
        .hvr-radial-in:active:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
/* Rectangle In */
.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-rectangle-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-rectangle-in:hover,
    .hvr-rectangle-in:focus,
    .hvr-rectangle-in:active {
        color: white;
    }

        .hvr-rectangle-in:hover:before,
        .hvr-rectangle-in:focus:before,
        .hvr-rectangle-in:active:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
/* Rectangle Out */
.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-rectangle-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-rectangle-out:hover,
    .hvr-rectangle-out:focus,
    .hvr-rectangle-out:active {
        color: white;
    }

        .hvr-rectangle-out:hover:before,
        .hvr-rectangle-out:focus:before,
        .hvr-rectangle-out:active:before {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-in-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-horizontal:hover,
    .hvr-shutter-in-horizontal:focus,
    .hvr-shutter-in-horizontal:active {
        color: white;
    }

        .hvr-shutter-in-horizontal:hover:before,
        .hvr-shutter-in-horizontal:focus:before,
        .hvr-shutter-in-horizontal:active:before {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
        }
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-out-horizontal:hover,
    .hvr-shutter-out-horizontal:focus,
    .hvr-shutter-out-horizontal:active {
        color: white;
    }

        .hvr-shutter-out-horizontal:hover:before,
        .hvr-shutter-out-horizontal:focus:before,
        .hvr-shutter-out-horizontal:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-in-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-vertical:hover,
    .hvr-shutter-in-vertical:focus,
    .hvr-shutter-in-vertical:active {
        color: white;
    }

        .hvr-shutter-in-vertical:hover:before,
        .hvr-shutter-in-vertical:focus:before,
        .hvr-shutter-in-vertical:active:before {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
        }
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-out-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-out-vertical:hover,
    .hvr-shutter-out-vertical:focus,
    .hvr-shutter-out-vertical:active {
        color: white;
    }

        .hvr-shutter-out-vertical:hover:before,
        .hvr-shutter-out-vertical:focus:before,
        .hvr-shutter-out-vertical:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }
/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

    .hvr-border-fade:hover,
    .hvr-border-fade:focus,
    .hvr-border-fade:active {
        box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
        /* Hack to improve aliasing on mobile/tablet devices */
    }
/* Hollow */
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

    .hvr-hollow:hover,
    .hvr-hollow:focus,
    .hvr-hollow:active {
        background: none;
    }
/* Trim */
.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-trim:before {
        content: '';
        position: absolute;
        border: #ffffff solid 4px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-trim:hover:before,
    .hvr-trim:focus:before,
    .hvr-trim:active:before {
        opacity: 1;
    }
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:hover:before,
    .hvr-ripple-out:focus:before,
    .hvr-ripple-out:active:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }
/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-ripple-in:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-in:hover:before,
    .hvr-ripple-in:focus:before,
    .hvr-ripple-in:active:before {
        -webkit-animation-name: hvr-ripple-in;
        animation-name: hvr-ripple-in;
    }
/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-outline-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: "top, right, bottom, left";
        transition-property: "top, right, bottom, left";
    }

    .hvr-outline-out:hover:before,
    .hvr-outline-out:focus:before,
    .hvr-outline-out:active:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
    }
/* Outline In */
.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: "top, right, bottom, left";
        transition-property: "top, right, bottom, left";
    }

    .hvr-outline-in:hover:before,
    .hvr-outline-in:focus:before,
    .hvr-outline-in:active:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
    }
/* Round Corners */
.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}

    .hvr-round-corners:hover,
    .hvr-round-corners:focus,
    .hvr-round-corners:active {
        border-radius: 1em;
    }
/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "right";
        transition-property: "right";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-left:hover:before,
    .hvr-underline-from-left:focus:before,
    .hvr-underline-from-left:active:before {
        right: 0;
    }
/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "left, right";
        transition-property: "left, right";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before,
    .hvr-underline-from-center:focus:before,
    .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }
/* Underline From Right */
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "left";
        transition-property: "left";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-right:hover:before,
    .hvr-underline-from-right:focus:before,
    .hvr-underline-from-right:active:before {
        left: 0;
    }
/* Overline From Left */
.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "right";
        transition-property: "right";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-left:hover:before,
    .hvr-overline-from-left:focus:before,
    .hvr-overline-from-left:active:before {
        right: 0;
    }
/* Overline From Center */
.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "left, right";
        transition-property: "left, right";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-center:hover:before,
    .hvr-overline-from-center:focus:before,
    .hvr-overline-from-center:active:before {
        left: 0;
        right: 0;
    }
/* Overline From Right */
.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: "left";
        transition-property: "left";
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-right:hover:before,
    .hvr-overline-from-right:focus:before,
    .hvr-overline-from-right:active:before {
        left: 0;
    }
/* Reveal */
.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-color: #2098d1;
        border-style: solid;
        border-width: 0;
        -webkit-transition-property: border-width;
        transition-property: border-width;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-reveal:hover:before,
    .hvr-reveal:focus:before,
    .hvr-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        border-width: 4px;
    }
/* Underline Reveal */
.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-reveal:hover:before,
    .hvr-underline-reveal:focus:before,
    .hvr-underline-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
/* Overline Reveal */
.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-overline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-reveal:hover:before,
    .hvr-overline-reveal:focus:before,
    .hvr-overline-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.8);
    behavior: url(PIE.htc);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-glow:hover,
    .hvr-glow:focus,
    .hvr-glow:active {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }
/* Shadow */
.hvr-shadow {
    -webkit-box-shadow: -5px 5px 8px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: -5px 5px 8px 0px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: -5px 5px 8px 0px rgba(0, 0, 0, 0.8);
    -o-box-shadow: -5px 5px 8px 0px rgba(0, 0, 0, 0.8);
    box-shadow: -5px 5px 8px 0px rgba(0, 0, 0, 0.8);
    behavior: url(PIE.htc);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-shadow:hover,
    .hvr-shadow:focus,
    .hvr-shadow:active {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }
/* Grow Shadow */
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: "box-shadow, transform";
    transition-property: "box-shadow, transform";
}

    .hvr-grow-shadow:hover,
    .hvr-grow-shadow:focus,
    .hvr-grow-shadow:active {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
/* Box Shadow Outset */
.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .hvr-box-shadow-outset:hover,
    .hvr-box-shadow-outset:focus,
    .hvr-box-shadow-outset:active {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    }
/* Box Shadow Inset */
.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

    .hvr-box-shadow-inset:hover,
    .hvr-box-shadow-inset:focus,
    .hvr-box-shadow-inset:active {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
        /* Hack to improve aliasing on mobile/tablet devices */
    }
/* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        /* W3C */
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: "transform, opacity";
        transition-property: "transform, opacity";
    }

    .hvr-float-shadow:hover,
    .hvr-float-shadow:focus,
    .hvr-float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

        .hvr-float-shadow:hover:before,
        .hvr-float-shadow:focus:before,
        .hvr-float-shadow:active:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
            /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
        }
/* Shadow Radial */
.hvr-show-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-show-radial:before,
    .hvr-show-radial:after {
        pointer-events: none;
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
        height: 5px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-show-radial:before {
        bottom: 100%;
        background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    }

    .hvr-show-radial:after {
        top: 100%;
        background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    }

    .hvr-show-radial:hover:before,
    .hvr-show-radial:focus:before,
    .hvr-show-radial:active:before,
    .hvr-show-radial:hover:after,
    .hvr-show-radial:focus:after,
    .hvr-show-radial:active:after {
        opacity: 1;
    }
/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-bubble-top:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        top: 0;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
    }

    .hvr-bubble-top:hover:before,
    .hvr-bubble-top:focus:before,
    .hvr-bubble-top:active:before {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
/* Bubble Right */
.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-bubble-right:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
    }

    .hvr-bubble-right:hover:before,
    .hvr-bubble-right:focus:before,
    .hvr-bubble-right:active:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
/* Bubble Bottom */
.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-bubble-bottom:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 10px 10px 0 10px;
        border-color: #e1e1e1 transparent transparent transparent;
    }

    .hvr-bubble-bottom:hover:before,
    .hvr-bubble-bottom:focus:before,
    .hvr-bubble-bottom:active:before {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
/* Bubble Left */
.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-bubble-left:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
    }

    .hvr-bubble-left:hover:before,
    .hvr-bubble-left:focus:before,
    .hvr-bubble-left:active:before {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
/* Bubble Float Top */
.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-top:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        top: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-top:hover,
    .hvr-bubble-float-top:focus,
    .hvr-bubble-float-top:active {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

        .hvr-bubble-float-top:hover:before,
        .hvr-bubble-float-top:focus:before,
        .hvr-bubble-float-top:active:before {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
/* Bubble Float Right */
.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-right:before {
        position: absolute;
        z-index: -1;
        top: calc(50% - 10px);
        right: 0;
        content: '';
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-right:hover,
    .hvr-bubble-float-right:focus,
    .hvr-bubble-float-right:active {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

        .hvr-bubble-float-right:hover:before,
        .hvr-bubble-float-right:focus:before,
        .hvr-bubble-float-right:active:before {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-bottom:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        bottom: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #e1e1e1 transparent transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-bottom:hover,
    .hvr-bubble-float-bottom:focus,
    .hvr-bubble-float-bottom:active {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

        .hvr-bubble-float-bottom:hover:before,
        .hvr-bubble-float-bottom:focus:before,
        .hvr-bubble-float-bottom:active:before {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }
/* Bubble Float Left */
.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-left:before {
        position: absolute;
        z-index: -1;
        content: '';
        top: calc(50% - 10px);
        left: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-left:hover,
    .hvr-bubble-float-left:focus,
    .hvr-bubble-float-left:active {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

        .hvr-bubble-float-left:hover:before,
        .hvr-bubble-float-left:focus:before,
        .hvr-bubble-float-left:active:before {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
/* ICONS */
/* Icon Back */
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-back span,
    .hvr-icon-back i {
        content: "";
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-back:hover span,
    .hvr-icon-back:focus span,
    .hvr-icon-back:active span,
    .hvr-icon-back:hover i,
    .hvr-icon-back:focus i,
    .hvr-icon-back:active i {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
/* Icon Forward */
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-forward span,
    .hvr-icon-forward i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-forward:hover span,
    .hvr-icon-forward:focus span,
    .hvr-icon-forward:active span,
    .hvr-icon-forward:hover i,
    .hvr-icon-forward:focus i,
    .hvr-icon-forward:active i {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
/* Icon Down */
.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-down span,
    .hvr-icon-down i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-down:hover span,
    .hvr-icon-down:focus span,
    .hvr-icon-down:active span,
    .hvr-icon-down:hover i,
    .hvr-icon-down:focus i,
    .hvr-icon-down:active i {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
/* Icon Up */
.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-up span,
    .hvr-icon-up i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-up:hover span,
    .hvr-icon-up:focus span,
    .hvr-icon-up:active span,
    .hvr-icon-up:hover i,
    .hvr-icon-up:focus i,
    .hvr-icon-up:active i {
        -webkit-animation-name: hvr-icon-up;
        animation-name: hvr-icon-up;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
/* Icon Spin */
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-spin span,
    .hvr-icon-spin i {
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .hvr-icon-spin:hover span,
    .hvr-icon-spin:focus span,
    .hvr-icon-spin:active span,
    .hvr-icon-spin:hover i,
    .hvr-icon-spin:focus i,
    .hvr-icon-spin:active i {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}
/* Icon Drop */
.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-drop span,
    .hvr-icon-drop i {
        opacity: 1;
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-drop:hover span,
    .hvr-icon-drop:focus span,
    .hvr-icon-drop:active span,
    .hvr-icon-drop:hover i,
    .hvr-icon-drop:focus i,
    .hvr-icon-drop:active i {
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-animation-name: hvr-icon-drop;
        animation-name: hvr-icon-drop;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
/* Icon Fade */
.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-fade span,
    .hvr-icon-fade i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: color;
        transition-property: color;
    }

    .hvr-icon-fade:hover span,
    .hvr-icon-fade:focus span,
    .hvr-icon-fade:active span,
    .hvr-icon-fade:hover i,
    .hvr-icon-fade:focus i,
    .hvr-icon-fade:active i {
        color: #0F9E5E;
    }
/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}
/* Icon Float Away */
.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-float-away span,
    .hvr-icon-float-away i {
        opacity: 0;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .hvr-icon-float-away:hover span,
    .hvr-icon-float-away:focus span,
    .hvr-icon-float-away:active span,
    .hvr-icon-float-away:hover i,
    .hvr-icon-float-away:focus i,
    .hvr-icon-float-away:active i {
        -webkit-animation-name: hvr-icon-float-away;
        animation-name: hvr-icon-float-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-sink-away span,
    .hvr-icon-sink-away i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .hvr-icon-sink-away:hover span,
    .hvr-icon-sink-away:focus span,
    .hvr-icon-sink-away:active span,
    .hvr-icon-sink-away:hover i,
    .hvr-icon-sink-away:focus i,
    .hvr-icon-sink-away:active i {
        -webkit-animation-name: hvr-icon-sink-away;
        animation-name: hvr-icon-sink-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
/* Icon Grow */
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-grow span,
    .hvr-icon-grow i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-grow:hover span,
    .hvr-icon-grow:focus span,
    .hvr-icon-grow:active span,
    .hvr-icon-grow:hover i,
    .hvr-icon-grow:focus i,
    .hvr-icon-grow:active i {
        -webkit-transform: scale(1.3) translateZ(0);
        transform: scale(1.3) translateZ(0);
    }
/* Icon Shrink */
.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-shrink span,
    .hvr-icon-shrink i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-shrink:hover span,
    .hvr-icon-shrink:focus span,
    .hvr-icon-shrink:active span,
    .hvr-icon-shrink:hover i,
    .hvr-icon-shrink:focus i,
    .hvr-icon-shrink:active i {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse span,
    .hvr-icon-pulse i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse:hover span,
    .hvr-icon-pulse:focus span,
    .hvr-icon-pulse:active span,
    .hvr-icon-pulse:hover i,
    .hvr-icon-pulse:focus i,
    .hvr-icon-pulse:active i {
        -webkit-animation-name: hvr-icon-pulse;
        animation-name: hvr-icon-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse-grow span,
    .hvr-icon-pulse-grow i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse-grow:hover span,
    .hvr-icon-pulse-grow:focus span,
    .hvr-icon-pulse-grow:active span,
    .hvr-icon-pulse-grow:hover i,
    .hvr-icon-pulse-grow:focus i,
    .hvr-icon-pulse-grow:active i {
        -webkit-animation-name: hvr-icon-pulse-grow;
        animation-name: hvr-icon-pulse-grow;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-pulse-shrink span,
    .hvr-icon-pulse-shrink i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pulse-shrink:hover span,
    .hvr-icon-pulse-shrink:focus span,
    .hvr-icon-pulse-shrink:active span,
    .hvr-icon-pulse-shrink:hover i,
    .hvr-icon-pulse-shrink:focus i,
    .hvr-icon-pulse-shrink:active i {
        -webkit-animation-name: hvr-icon-pulse-shrink;
        animation-name: hvr-icon-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }
/* Icon Push */
@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-push span,
    .hvr-icon-push i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-push:hover span,
    .hvr-icon-push:focus span,
    .hvr-icon-push:active span,
    .hvr-icon-push:hover i,
    .hvr-icon-push:focus i,
    .hvr-icon-push:active i {
        -webkit-animation-name: hvr-icon-push;
        animation-name: hvr-icon-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-pop span,
    .hvr-icon-pop i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-pop:hover span,
    .hvr-icon-pop:focus span,
    .hvr-icon-pop:active span,
    .hvr-icon-pop:hover i,
    .hvr-icon-pop:focus i,
    .hvr-icon-pop:active i {
        -webkit-animation-name: hvr-icon-pop;
        animation-name: hvr-icon-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Icon Bounce */
.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-bounce span,
    .hvr-icon-bounce i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-bounce:hover span,
    .hvr-icon-bounce:focus span,
    .hvr-icon-bounce:active span,
    .hvr-icon-bounce:hover i,
    .hvr-icon-bounce:focus i,
    .hvr-icon-bounce:active i {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }
/* Icon Rotate */
.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-rotate span,
    .hvr-icon-rotate i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-rotate:hover span,
    .hvr-icon-rotate:focus span,
    .hvr-icon-rotate:active span,
    .hvr-icon-rotate:hover i,
    .hvr-icon-rotate:focus i,
    .hvr-icon-rotate:active i {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-grow-rotate span,
    .hvr-icon-grow-rotate i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-grow-rotate:hover span,
    .hvr-icon-grow-rotate:focus span,
    .hvr-icon-grow-rotate:active span,
    .hvr-icon-grow-rotate:hover i,
    .hvr-icon-grow-rotate:focus i,
    .hvr-icon-grow-rotate:active i {
        -webkit-transform: scale(1.5) rotate(12deg);
        transform: scale(1.5) rotate(12deg);
    }
/* Icon Float */
.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-float span,
    .hvr-icon-float i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-float:hover span,
    .hvr-icon-float:focus span,
    .hvr-icon-float:active span,
    .hvr-icon-float:hover i,
    .hvr-icon-float:focus i,
    .hvr-icon-float:active i {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
/* Icon Sink */
.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-sink span,
    .hvr-icon-sink i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-sink:hover span,
    .hvr-icon-sink:focus span,
    .hvr-icon-sink:active span,
    .hvr-icon-sink:hover i,
    .hvr-icon-sink:focus i,
    .hvr-icon-sink:active i {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-bob span,
    .hvr-icon-bob i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-bob:hover span,
    .hvr-icon-bob:focus span,
    .hvr-icon-bob:active span,
    .hvr-icon-bob:hover i,
    .hvr-icon-bob:focus i,
    .hvr-icon-bob:active i {
        -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
        animation-name: hvr-icon-bob-float, hvr-icon-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-hang span,
    .hvr-icon-hang i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-hang:hover span,
    .hvr-icon-hang:focus span,
    .hvr-icon-hang:active span,
    .hvr-icon-hang:hover i,
    .hvr-icon-hang:focus i,
    .hvr-icon-hang:active i {
        -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-wobble-horizontal span,
    .hvr-icon-wobble-horizontal i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-wobble-horizontal:hover span,
    .hvr-icon-wobble-horizontal:focus span,
    .hvr-icon-wobble-horizontal:active span,
    .hvr-icon-wobble-horizontal:hover i,
    .hvr-icon-wobble-horizontal:focus i,
    .hvr-icon-wobble-horizontal:active i {
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-wobble-vertical span,
    .hvr-icon-wobble-vertical i {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-wobble-vertical:hover span,
    .hvr-icon-wobble-vertical:focus span,
    .hvr-icon-wobble-vertical:active span,
    .hvr-icon-wobble-vertical:hover i,
    .hvr-icon-wobble-vertical:focus i,
    .hvr-icon-wobble-vertical:active i {
        -webkit-animation-name: hvr-icon-wobble-vertical;
        animation-name: hvr-icon-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-buzz span,
    .hvr-icon-buzz i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-buzz:hover span,
    .hvr-icon-buzz:focus span,
    .hvr-icon-buzz:active span,
    .hvr-icon-buzz:hover i,
    .hvr-icon-buzz:focus i,
    .hvr-icon-buzz:active i {
        -webkit-animation-name: hvr-icon-buzz;
        animation-name: hvr-icon-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-icon-buzz-out span,
    .hvr-icon-buzz-out i {
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .hvr-icon-buzz-out:hover span,
    .hvr-icon-buzz-out:focus span,
    .hvr-icon-buzz-out:active span,
    .hvr-icon-buzz-out:hover i,
    .hvr-icon-buzz-out:focus i,
    .hvr-icon-buzz-out:active i {
        -webkit-animation-name: hvr-icon-buzz-out;
        animation-name: hvr-icon-buzz-out;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-curl-top-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        background: #ffffff;
        /* IE9 */
        background: linear-gradient(135deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
        /*For IE7-8-9*/
        z-index: 1000;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-left:hover:before,
    .hvr-curl-top-left:focus:before,
    .hvr-curl-top-left:active:before {
        width: 25px;
        height: 25px;
    }
/* Curl Top Right */
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: #ffffff;
        /* IE9 */
        background: linear-gradient(225deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-right:hover:before,
    .hvr-curl-top-right:focus:before,
    .hvr-curl-top-right:active:before {
        width: 25px;
        height: 25px;
    }
/* Curl Bottom Right */
.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-curl-bottom-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        right: 0;
        background: #ffffff;
        /* IE9 */
        background: linear-gradient(315deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-right:hover:before,
    .hvr-curl-bottom-right:focus:before,
    .hvr-curl-bottom-right:active:before {
        width: 25px;
        height: 25px;
    }
/* Curl Bottom Left */
.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .hvr-curl-bottom-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: #ffffff;
        /* IE9 */
        background: linear-gradient(45deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
        box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-left:hover:before,
    .hvr-curl-bottom-left:focus:before,
    .hvr-curl-bottom-left:active:before {
        width: 25px;
        height: 25px;
    }
/*********************
USABILIDAD
*********************/
/*********************
DESARROLLO
*********************/
/* SEO Helper */
/* Normalize */
/* Reset */
/*********************
ESTILOS GENERALES
*********************/
body {
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color: #2b2825;
    font-family: 'Hind', sans-serif;
}

.body-login {
    background-size: cover;
}

img {
    max-width: 100%;
}

hr {
    border-top: 1px solid #c6c1bc;
}
/******* Tipografía ******/
h1 {
    color: #ff6345;
    font-family: 'Roboto Slab', serif;
    font-size: 3rem;
    text-align: center;
}

    h1:after {
        content: '';
        display: block;
        margin: auto;
        margin-top: 8px;
        width: 90px;
        height: 3px;
        background: #ffa145;
    }

h2,
.dxflGroupBoxCaption {
    display: block;
    left: 0;
    top: 0;
    background: 0;
    color: #009a9d;
    font-size: 2.4rem;
    font-family: 'Roboto Slab', serif;
    text-align: center;
    line-height: 2.8rem;
}

h4 {
    color: #ff6345;
    font-family: 'Roboto Slab', serif;
    font-size: 2.6rem;
    text-align: center;
}

p {
    font-size: 1.4rem;
}
/******* Links ******/
a,
a:visited {
    /* on hover */
    /* on click */
    /* mobile tap color */
}

*:focus {
    outline: none;
}
/******* Listas ******/
ul li a,
ul li a:visited {
    /* on hover */
    /* on click */
    /* mobile tap color */
}

.bullet {
    padding-left: 22px;
}

    .bullet li {
        padding-left: 15px;
        list-style-type: none;
    }

    .bullet.circulo li {
        background: url('../images/bullet-circulo.svg') left 8px no-repeat;
        background-size: 6px;
    }

    .bullet.cuadrado li {
        background: url('../images/bullet-cuadrado.svg') left 8px no-repeat;
        background-size: 6px;
    }

    .bullet.triangulo li {
        background: url('../images/bullet-triangulo.svg') left 6px no-repeat;
        background-size: 6px;
    }

    .bullet.rombo li {
        background: url('../images/bullet-rombo.svg') left 6px no-repeat;
        background-size: 8px;
    }

    .bullet.chevron li {
        background: url('../images/bullet-chevron.svg') left 6px no-repeat;
        background-size: 8px;
    }
/******* Tablas ******/
table {
    width: 100%;
    border-spacing: 0 !important;
}

.table-striped > tbody > tr:nth-child(odd) > td {
    background:;
    color:;
}
/******* Forms ******/
.radio-button label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

    .radio-button label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: -10px;
        background-color: #ffffff;
        border: 1px solid #625b54;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        -ms-border-radius: 200px;
        -o-border-radius: 200px;
        border-radius: 200px;
        behavior: url(PIE.htc);
    }

.radio-button input[type=radio] {
    display: none;
}

    .radio-button input[type=radio]:checked + label:before {
        content: "\2022";
        color: #968e86;
        font-size: 3.6rem;
        text-align: center;
        line-height: 1.8rem;
    }

.checkbox {
    padding-left: 0;
}

    .checkbox label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
    }

        .checkbox label:before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: -10px;
            background-color: #ffffff;
            border: 1px solid #625b54;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            behavior: url(PIE.htc);
        }

    .checkbox input[type=radio],
    .checkbox input[type=checkbox] {
        display: none;
    }

        .checkbox input[type=checkbox]:checked + label:before {
            content: "";
            background: url(../images/check.svg) center center no-repeat;
            background-size: auto;
            text-align: center;
        }

.upload-file .titulo-carga {
    padding-top: 8px;
}

.upload-file .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .upload-file .inputfile + label {
        padding: 0;
        max-width: 80%;
        font-size: 1.5rem;
        font-weight: 700;
        color: #625b54;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
    }

        .upload-file .inputfile + label .archivo-subido {
            padding: 0.625rem 1.25rem;
            width: auto;
            min-height: 2em;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: top;
            padding-left: 0;
            font-style: italic;
            color: #968e86;
        }

        .upload-file .inputfile + label .seleccionar {
            padding: 0.625rem 1.25rem;
            height: 100%;
            color: #ffffff;
            background-color: #2b2825;
            display: inline-block;
            -webkit-transition: background 0.3s ease-out;
            -moz-transition: background 0.3s ease-out;
            -o-transition: background 0.3s ease-out;
            transition: background 0.3s ease-out;
        }

        .upload-file .inputfile:focus + label,
        .upload-file .inputfile.has-focus + label,
        .upload-file .inputfile + label:hover {
            outline: -webkit-focus-ring-color auto 0px;
            outline: 0 !important;
            outline: none !important;
        }

            .upload-file .inputfile:focus + label .seleccionar,
            .upload-file .inputfile.has-focus + label .seleccionar,
            .upload-file .inputfile + label:hover .seleccionar {
                background-color: #625b54;
                color: #ffffff;
                -webkit-transition: background 0.3s ease-out;
                -moz-transition: background 0.3s ease-out;
                -o-transition: background 0.3s ease-out;
                transition: background 0.3s ease-out;
            }

.upload-file .no-js .inputfile + label {
    display: none;
}

#retro {
    padding: 15px 0;
    color:;
    font-style: italic;
}
/*********************
SLIDER
*********************/
#slider {
    margin-bottom:;
    /*************** Indicadores ***************/
    /*************** Flechas ***************/
    /*************** Efectos ***************/
}

    #slider .carousel-indicators {
        margin-left: 0;
        left:;
        right:;
        bottom:;
        width: auto;
    }

        #slider .carousel-indicators li {
            margin-right: 6px;
            width: 15px;
            height: 15px;
            background: #968e86;
            border:;
            -webkit-transition: background 0.3s ease-out;
            -moz-transition: background 0.3s ease-out;
            -o-transition: background 0.3s ease-out;
            transition: background 0.3s ease-out;
        }

            #slider .carousel-indicators li:hover {
                background:;
                -webkit-transition: background 0.3s ease-out;
                -moz-transition: background 0.3s ease-out;
                -o-transition: background 0.3s ease-out;
                transition: background 0.3s ease-out;
            }

        #slider .carousel-indicators .active {
            background: #ffffff;
            border:;
        }

    #slider .carousel-control {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        #slider .carousel-control span {
            display: block;
            width:;
            height:;
            background:;
        }

        #slider .carousel-control:hover,
        #slider .carousel-control:active {
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        #slider .carousel-control.left {
            background: 0;
        }

        #slider .carousel-control.right {
            background: 0;
        }

    #slider.color .item img {
        filter: alpha(opacity=0.3);
        /* internet explorer */
        -khtml-opacity: 0.3;
        /* khtml, old safari */
        -moz-opacity: 0.3;
        /* mozilla, netscape */
        opacity: 0.3;
        /* fx, safari, opera */
    }

    #slider.carousel-fade .carousel-inner .item {
        transition-property: opacity;
    }

    #slider.carousel-fade .carousel-inner .item,
    #slider.carousel-fade .carousel-inner .active.left,
    #slider.carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }

    #slider.carousel-fade .carousel-inner .active,
    #slider.carousel-fade .carousel-inner .next.left,
    #slider.carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

        #slider.carousel-fade .carousel-inner .next,
        #slider.carousel-fade .carousel-inner .prev,
        #slider.carousel-fade .carousel-inner .active.left,
        #slider.carousel-fade .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

    #slider.carousel-fade .carousel-control {
        z-index: 2;
    }
/*************** Slides ***************/
.item {
    background: #2b2825;
}

    .item .texto {
        padding: 10px 15px;
        background: #625b54;
        text-align: center;
    }

    .item h1 {
        margin: 0;
        margin-bottom: 15px;
        padding: 0;
        color: #ffffff;
        font-size: 2.2rem;
        font-weight: 600;
    }

    .item p {
        color: #ffffff;
        font-size: 1.4rem;
    }

    .item figure {
        overflow-y: hidden;
        text-align: center;
        max-height: 550px;
    }

    .item img {
        width: 100%;
    }
/*********************
MODALES
*********************/
.modal-content {
    border:;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    behavior: url(PIE.htc);
}

.modal-header {
    border-bottom: 0;
    background:;
}

    .modal-header .close {
        opacity: 1;
    }

.modal-footer {
    border-top: 0;
}
/*********************
TABS
*********************/
/*************** Botones ***************/
.nav-tabs {
    border-bottom: 0;
}

    .nav-tabs li a {
        margin-right: 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        behavior: url(PIE.htc);
        padding:;
        background:;
        color:;
        width:;
        font-size:;
    }

        .nav-tabs li a:hover,
        .nav-tabs li a:active,
        .nav-tabs li a:focus {
            border: 0;
            background:;
            color:;
        }

    .nav-tabs li.active a {
        border: 0;
        background:;
        color:;
    }

        .nav-tabs li.active a:hover,
        .nav-tabs li.active a:active,
        .nav-tabs li.active a:focus {
            border: 0;
            background:;
            color:;
        }
/*************** Contenido ***************/
/*********************
UTILIDADES
*********************/
::selection {
    color: #ffffff;
    background-color: #ff6345;
}

::-moz-selection {
    color: #ffffff;
    background-color: #ff6345;
}

::-webkit-selection {
    color: #ffffff;
    background-color: #ff6345;
}
/*************** Iframe ***************/
.iframe {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*************** Botones ***************/
.boton-cont {
    text-align: center;
}

.boton {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .boton:hover,
    .boton:active,
    .boton:focus {
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .boton.icono {
        position: relative;
        padding-right: 30px;
    }

        .boton.icono::after {
            content: '';
            position: absolute;
            right: 8px;
            top: 10px;
            width: 24px;
            height: 24px;
        }

    .boton.boton-llenar::after {
        background: url('../img/pencil-white.svg') right center no-repeat;
    }

    .boton.boton-iniciar-sesion::after {
        background: url('../img/arrow-right-white.svg') right center no-repeat;
    }

.boton-regresar {
    cursor: pointer;
    color: #009a9d;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .boton-regresar:hover,
    .boton-regresar:focus,
    .boton-regresar:active {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }

    .boton-regresar svg {
        fill: #009a9d;
    }

    .boton-regresar span {
        display: inline-block;
        position: relative;
        top: -3px;
        padding-left: 4px;
    }
/*************** Botones de redes sociales ***************/
.iconos-redes {
    /* Ligas */
    /* Vectores */
}

    .iconos-redes a:link,
    .iconos-redes a:visited {
        display: table;
        text-align: center;
        -webkit-transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
        padding: 2px;
        background:;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        -ms-border-radius: 200px;
        -o-border-radius: 200px;
        border-radius: 200px;
        behavior: url(PIE.htc);
    }

        .iconos-redes a:link:hover,
        .iconos-redes a:visited:hover,
        .iconos-redes a:link:active,
        .iconos-redes a:visited:active,
        .iconos-redes a:link:focus,
        .iconos-redes a:visited:focus {
            background:;
            -webkit-transition: background 0.3s ease-out;
            -moz-transition: background 0.3s ease-out;
            -o-transition: background 0.3s ease-out;
            transition: background 0.3s ease-out;
        }

    .iconos-redes svg {
        display: table-cell;
        vertical-align: center;
        width: px;
        height: px;
    }

        .iconos-redes svg .icono {
            fill:;
        }
/*
HEADER
=============================================================
*/
header {
    width: 100%;
    z-index: 20;
}

    header .navbar-brand {
        padding: 6px 15px;
        height: auto;
    }

    header .navbar-default {
        margin-bottom: 0;
        border: 0;
    }

        header .navbar-default .navbar-collapse {
            margin: 0 -15px;
        }

        header .navbar-default .navbar-nav {
            margin: 0 -15px;
        }

            header .navbar-default .navbar-nav li {
                /*************** Dropdown***************/
            }

                header .navbar-default .navbar-nav li a:link,
                header .navbar-default .navbar-nav li a:visited {
                    display: block;
                    padding-left: 30px;
                    padding-right: 30px;
                    background:;
                    color:;
                    font-size:;
                }

                    header .navbar-default .navbar-nav li a:link:hover,
                    header .navbar-default .navbar-nav li a:visited:hover,
                    header .navbar-default .navbar-nav li a:link:active,
                    header .navbar-default .navbar-nav li a:visited:active,
                    header .navbar-default .navbar-nav li a:link:focus,
                    header .navbar-default .navbar-nav li a:visited:focus {
                        color:;
                    }

                header .navbar-default .navbar-nav li.active {
                    border-bottom: 2px solid #c6c1bc;
                }

                header .navbar-default .navbar-nav li .dropdown-menu li a:link,
                header .navbar-default .navbar-nav li .dropdown-menu li a:visited {
                    background:;
                    color:;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                }

                    header .navbar-default .navbar-nav li .dropdown-menu li a:link:hover,
                    header .navbar-default .navbar-nav li .dropdown-menu li a:visited:hover,
                    header .navbar-default .navbar-nav li .dropdown-menu li a:link:active,
                    header .navbar-default .navbar-nav li .dropdown-menu li a:visited:active,
                    header .navbar-default .navbar-nav li .dropdown-menu li a:link:focus,
                    header .navbar-default .navbar-nav li .dropdown-menu li a:visited:focus {
                        background:;
                        color:;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        transition: all 0.3s ease-out;
                    }

        header .navbar-default .navbar-toggle {
            background:;
            border:;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            -ms-border-radius: 0px;
            -o-border-radius: 0px;
            border-radius: 0px;
            behavior: url(PIE.htc);
            -webkit-transition: background 0.3s ease-out;
            -moz-transition: background 0.3s ease-out;
            -o-transition: background 0.3s ease-out;
            transition: background 0.3s ease-out;
        }

            header .navbar-default .navbar-toggle .icon-bar {
                background:;
                -webkit-transition: background 0.3s ease-out;
                -moz-transition: background 0.3s ease-out;
                -o-transition: background 0.3s ease-out;
                transition: background 0.3s ease-out;
            }

            header .navbar-default .navbar-toggle:hover {
                background:;
                -webkit-transition: background 0.3s ease-out;
                -moz-transition: background 0.3s ease-out;
                -o-transition: background 0.3s ease-out;
                transition: background 0.3s ease-out;
            }

                header .navbar-default .navbar-toggle:hover .icon-bar {
                    background:;
                    -webkit-transition: background 0.3s ease-out;
                    -moz-transition: background 0.3s ease-out;
                    -o-transition: background 0.3s ease-out;
                    transition: background 0.3s ease-out;
                }
/*********************
HEADER CON REDES SOCIALES
*********************/
/*
FOOTER
=============================================================
*/
footer {
    background:;
}

    footer p {
        color:;
    }
/*************** Columns ***************/
#footer-columns {
    padding:;
}

    #footer-columns a:link,
    #footer-columns a:visited {
        color:;
    }

        #footer-columns a:link:hover,
        #footer-columns a:visited:hover,
        #footer-columns a:link:active,
        #footer-columns a:visited:active {
            color:;
            text-decoration: none;
        }
/*************** Copyright ***************/
#copyright {
    padding:;
    background:;
    text-align:;
}

    #copyright p {
        color:;
    }

    #copyright a:link,
    #copyright a:visited {
        color:;
    }

        #copyright a:link:hover,
        #copyright a:visited:hover,
        #copyright a:link:active,
        #copyright a:visited:active {
            color:;
            text-decoration:;
        }
/*************** Footer redes ***************/
.footer-redes li {
    display: inline-block;
    margin-right:;
}

    .footer-redes li a:link,
    .footer-redes li a:visited {
        background:;
    }

        .footer-redes li a:link svg,
        .footer-redes li a:visited svg {
            width:;
            height:;
        }

            .footer-redes li a:link svg .icono,
            .footer-redes li a:visited svg .icono {
                fill:;
            }

.boton-ge {
    position: relative;
    color: #ffffff;
    display: inline-block;
    padding: 15px;
    border: 3px solid #968e86;
    margin-bottom: 100px;
}

    .boton-ge::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: #2b2825;
        width: 100%;
        height: 100%;
        z-index: -1;
        filter: alpha(opacity=1);
        /* internet explorer */
        -khtml-opacity: 1;
        /* khtml, old safari */
        -moz-opacity: 1;
        /* mozilla, netscape */
        opacity: 1;
        /* fx, safari, opera */
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .boton-ge:hover::after {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        filter: alpha(opacity=0);
        /* internet explorer */
        -khtml-opacity: 0;
        /* khtml, old safari */
        -moz-opacity: 0;
        /* mozilla, netscape */
        opacity: 0;
        /* fx, safari, opera */
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
/*************** Botón Arriba ***************/
.boton-arriba a:link,
.boton-arriba a:visited {
    background:;
    color:;
}

    .boton-arriba a:link span,
    .boton-arriba a:visited span {
        color:;
    }

    .boton-arriba a:link svg,
    .boton-arriba a:visited svg {
        fill:;
    }

    .boton-arriba a:link:hover,
    .boton-arriba a:visited:hover,
    .boton-arriba a:link:active,
    .boton-arriba a:visited:active {
        background:;
        color:;
    }

        .boton-arriba a:link:hover span,
        .boton-arriba a:visited:hover span,
        .boton-arriba a:link:active span,
        .boton-arriba a:visited:active span {
            color:;
        }

        .boton-arriba a:link:hover svg,
        .boton-arriba a:visited:hover svg,
        .boton-arriba a:link:active svg,
        .boton-arriba a:visited:active svg {
            fill:;
        }
/*
DEVEXPRESS
=============================================================
*/
/*********************
OVERRIDES
*********************/
.dxflFormLayout {
    display: block;
    font-size: 1.4rem;
    font-family: 'Hind', sans-serif;
}

.dxflGroup {
    padding: 0;
}

.dxflGroupCell {
    padding: 0;
    padding-bottom: 8px;
}

.dxflGroupBox {
    border: 0;
}

.dxflHARSys {
    text-align: center;
}

.dxpcLite,
.dxpcLite.dxpc-mainDiv,
.dxpcLite .dxpc-mainDiv {
    background: 0;
    font-size: 1.4rem;
    font-family: 'Hind', sans-serif;
    border: 0;
}

    .dxpcLite .dxpc-header,
    .dxdpLite .dxpc-header {
        padding: 0;
        background: 0;
        border: 0;
    }
/*********************
ELEMENTOS
*********************/
/*************** Formulario ***************/
label.dxflCaption {
    color: #625b54;
    font-weight: 400;
    font-size: 1.4rem;
}

.dxeTextBox,
.dxeMemo,
.dxeButtonEdit {
    width: 100%;
    background: #ffffff;
    color: #2b2825;
    border: 1px solid #c6c1bc;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    behavior: url(PIE.htc);
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

    .dxeTextBox:hover,
    .dxeMemo:hover,
    .dxeButtonEdit:hover {
        background: #fbfafa;
        -webkit-transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
    }

.dxeListBox .dxeHD {
    background: #009a9d;
    border-bottom: 1px solid #c6c1bc;
}

    .dxeListBox .dxeHD .dxeListBoxItem {
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: 700;
        border: 0;
    }

.dxeListBox .dxeListBoxItem {
    border: 0;
}

.dxeListBox td.dxeFTM {
    border-bottom: 1px solid #c6c1bc;
}

.dxeListBox .dxeListBoxItemSelected {
    background: #ff6345;
    font-weight: 600;
    border-color: #ff8e78;
}

.dxeListBox .dxeListBoxItemHover {
    background: #f5f4f3;
    color: #625b54;
    border-color: #04faff;
}

input[type="text"].dxeEditArea,
input[type="password"].dxeEditArea {
    background: 0;
    display: block;
    padding: 16px;
    font-size: 1.4rem;
    color: #2b2825;
}

.dxeButtonEditButton,
.dxeSpinLargeIncButton,
.dxeSpinLargeDecButton {
    padding: 0 14px;
    background: #ff6345 url('../img/chevron-down-white.svg') center center no-repeat;
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-top-right-radius: 200px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-topright: 200px;
    border-bottom-right-radius: 200px;
    border-top-right-radius: 200px;
    border: 0;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

    .dxeButtonEditButton img,
    .dxeSpinLargeIncButton img,
    .dxeSpinLargeDecButton img {
        display: none;
    }

.dxeButtonEditButtonHover {
    background: #ff3008 url('../img/chevron-down-white.svg') center center no-repeat;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.dxeFocused {
    border: 1px solid #ff6345;
}

.dxeErrorCell {
    padding: 8px;
    padding-left: 20px;
    background: url('../img/icono-error.svg') left center no-repeat;
    background-size: 18px;
    text-align: left;
    color: #ff454e;
}

.dxEditors_edtError {
    display: none;
}

.dxEditors_edtRadioButtonUnchecked {
    width: 28px;
    height: 28px;
    background: 0;
    background: #ffffff;
    border: 1px solid #c6c1bc;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    behavior: url(PIE.htc);
    cursor: pointer;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

    .dxEditors_edtRadioButtonUnchecked:hover {
        background: #fbfafa;
        -webkit-transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
    }

.dxEditors_edtRadioButtonChecked {
    width: 28px;
    height: 28px;
    background: 0;
    background: #ff6345 url('../img/check-white.svg') center center no-repeat;
    border: 1px solid #ff6345;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    behavior: url(PIE.htc);
}

.dxichCellSys {
    width: 40px;
}
/*************** Modal ***************/
.dxpcModalBackLite,
.dxdpModalBackLite {
    background: #005e60;
}

.modal-pop {
    width: 90% !important;
    max-width: 600px !important;
    background: #ffffff;
    border: 1px solid #c6c1bc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    behavior: url(PIE.htc);
    text-align: center;
}

    .modal-pop h4 {
        margin-top: 0;
        margin-bottom: 20px;
    }

.dxpcLite .dxpc-header,
.dxdpLite .dxpc-header {
    height: 28px;
}

.boton-cerrar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 33;
    padding: 6px;
    width: 32px;
    height: 32px;
    background: #ff454e;
    text-align: center;
    border: 0;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    behavior: url(PIE.htc);
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

    .boton-cerrar:hover,
    .boton-cerrar:active {
        background: #ff121d;
        -webkit-transition: background 0.3s ease-out;
        -moz-transition: background 0.3s ease-out;
        -o-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
    }
/*
LOGIN
=============================================================
*/
.login-form-container {
    margin: 15px auto;
    padding: 15px;
    width: 290px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #f5f4f3;
}

#logo-y-escuela {
    text-align: center;
}

    #logo-y-escuela .logo-escuela {
        width: 100px;
    }
/*********************
BIENVENIDA
*********************/
#bienvenida {
    text-align: center;
}

    #bienvenida .parrafo {
        margin-bottom: 30px;
    }

.boton-sel-usuario {
    cursor: pointer;
    display: table;
    margin: 15px auto;
    text-align: left;
}

    .boton-sel-usuario p {
        display: table-cell;
        vertical-align: middle;
        color: #ff6345;
        font-size: 1.9rem;
        width: 200px;
    }

    .boton-sel-usuario small {
        display: block;
        font-size: 1.4rem;
    }

    .boton-sel-usuario figure {
        display: table-cell;
        vertical-align: middle;
    }

        .boton-sel-usuario figure svg {
            padding: 8px;
            width: 40px;
            height: 40px;
            fill: #ff6345;
            border: 1px solid #ff6345;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            -ms-border-radius: 200px;
            -o-border-radius: 200px;
            border-radius: 200px;
            behavior: url(PIE.htc);
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transition: transform 0.3s ease-out;
            -moz-transition: transform 0.3s ease-out;
            -o-transition: transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
        }

    .boton-sel-usuario:hover p,
    .boton-sel-usuario:active p {
        color: #ff3008;
    }

    .boton-sel-usuario:hover figure svg,
    .boton-sel-usuario:active figure svg {
        fill: #ff3008;
        border: 1px solid #ff3008;
        -webkit-transform: translate(8px, 0);
        -moz-transform: translate(8px, 0);
        -ms-transform: translate(8px, 0);
        -o-transform: translate(8px, 0);
        transform: translate(8px, 0);
        -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }
/*********************
ACCESO CONTROL ESCOLAR
*********************/
#acceso {
    display: none;
}

.input-usuario input[type="text"].dxeEditArea {
    padding-left: 28px;
    background: url('../img/account-grey.svg') 6px center no-repeat;
}

.input-contrasena input[type="password"].dxeEditArea {
    padding-left: 28px;
    background: url('../img/lock-grey.svg') 6px center no-repeat;
}
/*********************
PREINSCRIPCIÓN
*********************/
#preinscripcion {
    display: none;
}

    #preinscripcion p span {
        position: relative;
        top: 3px;
        display: inline-block;
        padding-right: 5px;
        color: #ff6345;
        font-size: 2.5rem;
        font-weight: 700;
        font-family: 'Roboto Slab', serif;
    }

    #preinscripcion .dxeBase label {
        color: #ff6345;
        font-weight: 600;
    }
/*********************
LOGIN FOOTER
*********************/
#login-footer {
    text-align: center;
}

    #login-footer p,
    #login-footer li {
        margin-bottom: 0;
        color: #625b54;
        font-size: 1.2rem;
    }

    #login-footer a:link,
    #login-footer a:visited {
        color: #968e86;
    }

        #login-footer a:link:hover,
        #login-footer a:visited:hover,
        #login-footer a:link:active,
        #login-footer a:visited:active {
            color: #625b54;
        }

    #login-footer ul {
        padding-left: 0;
    }

        #login-footer ul li {
            list-style-type: none;
        }
/*
UNO
=============================================================
*/
/*********************
DOS
*********************/
/*************** Tres ***************/
/*========= Cuatro =========*/
/*::::: Cinco :::::*/
/*··· Seis ···*/
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Mobile Landscape
================================================== */
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Mobile Wide
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Tablet portrait
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Tablet widescreen
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Notebook
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Desktop
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Widescreen
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Widescreen
================================================== */
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Mobile landscape */
@media only screen and (min-width: 480px) {
    /*********************
SLIDER
*********************/
    /*************** Slides ***************/
    .item h1 {
        font-size: 2.4rem;
    }

    .item p {
        font-size: 1.6rem;
    }
    /*
LOGIN
=============================================================
*/
    .login-form-container {
        width: 400px;
    }
}
/* Mobile wide */
/* Tablet Portrait */
@media only screen and (min-width: 768px) {
    /*********************
SLIDER
*********************/
    /*************** Slides ***************/
    .item .texto {
        padding: 15px;
    }

    .item h1 {
        font-size: 2.6rem;
    }

    .item p {
        font-size: 1.7rem;
    }
    /*********************
TABS
*********************/
    .nav-tabs li a {
        padding:;
        width:;
        font-size:;
    }
    /*********************
HEADER
*********************/
    header .navbar-default .navbar-nav {
        display: table;
        width: 100%;
    }

        header .navbar-default .navbar-nav li {
            display: table-cell;
            width: 20%;
            text-align: center;
        }

            header .navbar-default .navbar-nav li a:link,
            header .navbar-default .navbar-nav li a:visited {
                padding-left: 0;
                padding-right: 0;
            }
    /*
LOGIN
=============================================================
*/
    .login-form-container {
        margin-top: 60px;
        margin-bottom: 60px;
        width: 460px;
    }

    #logo-y-escuela .logo-escuela {
        width: 140px;
    }

    #preinscripcion {
        padding: 0 50px;
    }

    #acceso {
        margin: 1%;
        padding: 4%;
    }

        #acceso .boton-regresar,
        #preinscripcion .boton-regresar {
            position: relative;
            left: -20px;
        }

    #preinscripcion p {
        margin-left: -20px;
    }
}
/* Tablet Widescreen */
@media only screen and (min-width: 992px) {
    /*********************
SLIDER
*********************/
    #slider .carousel-indicators {
        bottom: 15px;
    }
    /*********** Slides ***********/
    .item .texto {
        position: absolute;
        width: 100%;
        background: transparent;
        left:;
        top: 32%;
    }

    .item h1 {
        font-size: 4.5rem;
    }

    .item p {
        font-size: 2.2rem;
    }

    .item figure {
        text-align: center;
    }
}
/* Notebook */
@media only screen and (min-width: 1030px) {
    /*********************
HEADER
*********************/
    header .navbar-default .navbar-nav li a:link,
    header .navbar-default .navbar-nav li a:visited {
        font-size: 1.7rem;
    }
}
/* Desktop */
@media only screen and (min-width: 1200px) {
    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.7rem;
    }

    p {
        font-size: 1.5rem;
    }

    .boton {
        font-size: 1.5rem;
    }
    /*********************
HEADER
*********************/
    header .navbar-default .navbar-nav li a:link,
    header .navbar-default .navbar-nav li a:visited {
        font-size: 1.7rem;
    }
    /*
DEVEXPRESS
=============================================================
*/
    label.dxflCaption {
        font-size: 1.5rem;
    }

    .dxeListBox {
        font-size: 1.5rem;
    }

        .dxeListBox .dxeHD .dxeListBoxItem {
            font-size: 1.5rem;
        }

    .MensajeError {
        color: red;
    }
    /*
LOGIN
=============================================================
*/
    .login-form-container {
        width: 520px;
    }

    .boton-sel-usuario p {
        width: 230px;
        font-size: 2.2rem;
    }

    #preinscripcion .dxeBase label {
        font-size: 1.5rem;
    }
    /*********************
LOGIN FOOTER
*********************/
    #login-footer p,
    #login-footer li {
        font-size: 1.3rem;
    }
}
/* Widescreen */
@media only screen and (min-width: 1440px) {
    /*********************
SLIDER
*********************/
    #slider .carousel-indicators {
        bottom: 15px;
    }
    /*********** Slides ***********/
    .item .texto {
        position: absolute;
        width: 100%;
        background: transparent;
        left:;
        top: 32%;
    }

    .item h1 {
        font-size: 5rem;
    }

    .item p {
        font-size: 2.6rem;
    }
}
/*Ultra Widescreen*/
/*Mobile Retina*/
@media only screen and (max-width: 767px) only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}
/*Tablet retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}