/* Error de minimización. Devolviendo el contenido no minimizado.
(4434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4441,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4443,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4455,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4457,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4462,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4464,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4469,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4471,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(4489,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4491,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4496,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4498,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4503,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4505,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4510,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4512,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4517,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4519,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(4524,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4526,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4531,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4533,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4538,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4540,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4545,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(4547,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5284,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5286,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5733,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5735,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(6072,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(6074,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7308,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7310,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7357,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7359,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7926,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(7928,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
 */
@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Bold.otf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Medium.otf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Light.otf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

body, html {
    height: 100%;
    background-color: #fff !important;
    font-family: Gotham !important
}

p {
    margin: 0 !important;
    font-size: 14px;
    color: #000;
    font-weight: 300
}

a {
    text-decoration: none !important
}

.flex-fill {
    position:relative;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

h2 {
    font-size: 25px;
    text-decoration: underline;
    margin-bottom: 30px;
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.titulo h1 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
}

.hide {
    display: none;
}

.develop:before {
    content: "Dev\.";
    color: red;
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 0.8em;
    font-weight: 800;
}

.modal .titulo > h2 {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 500;
}

table .proyecto > h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

h2.msg-primario {
    text-decoration: none !important;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

#__layout {
    position:relative;
    left: 0;
    transition: left 0.5s;
}

.cont-total {
    height: 100%;
    position: relative;
    left: 0;
    transition: left 0.5s;
}

.separador {
    width: 1px;
    height: 30px;
    background-color: #41388c;
    margin-bottom: 20px
}

.separador-wh {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 14px;
    height: 150px;
    background-color: #FFF;
}

.separador-wh-login {
    position: absolute;
    top: 0;
    left: 5%;
    width: 14px;
    height: 120px;
    background-color: #FFF;
}

.container {
    max-width: 1366px !important
}

.btn-regresar:hover p {
    opacity: 1
}

.btn-regresar:hover .icono-regresar {
    margin-right: 0
}

.btn-regresar p {
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s
}

.btn-regresar .icono-regresar {
    margin-right: -65px;
    transition: all .5s
}

.navegacion {
    position: absolute;
    bottom: 0;
    left: 10px;
    transition: all .5s
}

    .navegacion p {
        text-transform: uppercase
    }

.btn-atras .icono-atras {
    position: absolute;
    left: 10px;
    opacity: 0;
    transition: all .5s
}

.btn-atras:hover .icono-atras {
    left: 0;
    opacity: 1
}

.btn-siguiente .icono-siguiente {
    position: absolute;
    right: 10px;
    opacity: 0;
    transition: all .5s
}

.btn-siguiente:hover .icono-siguiente {
    right: 0;
    opacity: 1
}

.btn-siguiente:hover .navegacion {
    right: 20px
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 45px;
    background: #fff;
    display: block
}

    .multiselect__spinner:after, .multiselect__spinner:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        border: 2px solid transparent;
        border-top-color: #41388c;
        box-shadow: 0 0 0 1px transparent
    }

    .multiselect__spinner:before {
        -webkit-animation: a 2.4s cubic-bezier(.41,.26,.2,.62);
        animation: a 2.4s cubic-bezier(.41,.26,.2,.62);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .multiselect__spinner:after {
        -webkit-animation: a 2.4s cubic-bezier(.51,.09,.21,.8);
        animation: a 2.4s cubic-bezier(.51,.09,.21,.8);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity: 0
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family: inherit;
    font-size: 12px;
    color: #000;
    font-weight: 300;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 45px;
    text-align: left;
    color: #35495e;
    border-radius: 0
}

    .multiselect * {
        box-sizing: border-box
    }

    .multiselect:focus {
        outline: 0
    }

.multiselect--disabled {
    opacity: .6
}

.multiselect--active {
    z-index: 1
}

    .multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .multiselect--active .multiselect__select {
        transform: rotate(180deg)
    }

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

    .multiselect__input:-ms-input-placeholder {
        color: #35495e
    }

    .multiselect__input::-moz-placeholder {
        color: #35495e
    }

    .multiselect__input::placeholder {
        color: #35495e
    }

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
    width: auto
}

.multiselect__input:hover, .multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus, .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: 0
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 12px 40px 0 8px;
    border-radius: 0;
    background: #fff;
    font-size: 12px;
    border: 1px solid #ced4da;
    height: 45px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41388c;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 300;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

    .multiselect__tag-icon:after {
        content: "\D7";
        color: #266d4d;
        font-size: 14px
    }

    .multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
        background: #369a6e
    }

        .multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
            color: #fff
        }

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current, .multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease
}

    .multiselect__select:before {
        position: relative;
        right: 0;
        top: 65%;
        color: #999;
        margin-top: 4px;
        border-color: #999 transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0;
        content: ""
    }

.multiselect__placeholder {
    color: #7a838a;
    margin-bottom: 10px;
    padding-top: 2px;
    font-weight: 300
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

    .multiselect__option:after {
        top: 0;
        right: 0;
        position: absolute;
        line-height: 40px;
        padding-right: 12px;
        padding-left: 20px;
        font-size: 13px
    }

.multiselect__option--highlight {
    background: #41388c;
    outline: 0;
    color: #fff
}

    .multiselect__option--highlight:after {
        content: attr(data-select);
        background: #41388c;
        color: #fff
    }

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 300
}

    .multiselect__option--selected:after {
        content: attr(data-selected);
        color: silver
    }

    .multiselect__option--selected.multiselect__option--highlight {
        background: #41388c;
        color: #fff
    }

        .multiselect__option--selected.multiselect__option--highlight:after {
            background: #41388c;
            content: attr(data-deselect);
            color: #fff
        }

.multiselect--disabled {
    background: #ededed;
    pointer-events: none
}

    .multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled {
        background: #ededed;
        color: #a6a6a6
    }

.multiselect__option--disabled {
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

    .multiselect__option--group.multiselect__option--highlight {
        background: #35495e;
        color: #fff
    }

        .multiselect__option--group.multiselect__option--highlight:after {
            background: #35495e
        }

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #41388c;
    color: #fff
}

    .multiselect__option--group-selected.multiselect__option--highlight:after {
        background: #41388c;
        content: attr(data-deselect);
        color: #fff
    }

.multiselect-enter-active, .multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter, .multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir="rtl"] .multiselect {
    text-align: right
}

[dir="rtl"] .multiselect__select {
    right: auto;
    left: 1px
}

[dir="rtl"] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir="rtl"] .multiselect__content {
    text-align: right
}

[dir="rtl"] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir="rtl"] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir="rtl"] .multiselect__spinner {
    right: auto;
    left: 1px
}

@-webkit-keyframes a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

@keyframes a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #000;
    z-index: 999999
}

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

.nuxt-progress-failed {
    background-color: red
}
#menu {
    position: absolute;
    width: 0;
    height: 0;
    top: -9999px
}    
.cont-menu {
    height: 140px;
    padding-top: 20px
}

.cont-menu .btn-menu {
    margin: 0 10px;
    text-transform: uppercase;
    font-weight: 500
}

.cont-menu .btn-menu p {
    font-weight: 500
}

.activo, .cont-menu .btn-menu:hover {
    border-bottom: 2px solid #41388c
}

.activo {
    display: block
}

    .activo:hover {
        border-bottom: none
    }

.cont-menu .menu-mobile {
    display: none;
    cursor: pointer
}

.cont-total {
    height: auto;
    padding: 0px 20px 60px 20px !important
}
    .titulo-contacto {
        font-size: 25px;
        text-decoration: underline;
        margin-bottom: 0
    }

    h2 {
        font-size: 20px;
        font-weight: 200;
        margin-bottom: 60px
    }

    .director img {
        width: 100%
    }

    .form-group {
        margin-bottom: 10px
    }



select.form-control,
input.form-control {
    border-radius: 0;
    height: 45px;
    font-size: 12px;
    color: #000;
    font-weight: 200;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    select.form-control::-ms-expand {
        display: none;
    }

    select.form-control:hover {
        border-color: #888;
    }

select.form-control {
    padding: 0.375rem 21px 0.375rem 0.75rem;
}

.select-wrapper {
    position: relative;
}

    .select-wrapper:after {
        font-family: 'Font Awesome 5 Free';
        content: '\f107';
        font-size: 1.2em;
        position: absolute;
        bottom: 7px;
        right: 10px;
        color: #212529;
        pointer-events: none;
        font-weight: 700;
    }


textarea.form-control {
    border-radius: 0;
    min-height: 144px;
    font-size: 12px;
    color: #000;
    font-weight: 200
}

button.btn-adaptive,
input[type='submit'].btn-adaptive
{
    width: 100%;
    border: none;
    background-color: #41388c;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    height: 50px;
    text-transform: uppercase
}

    button:disabled,
    input[type='submit']:disabled {
        background-color: #A0A2CB;
        background-color: #797BB1;
        cursor: unset;
    }

a.btn-adaptive {
    width: 100%;
    border: none;
    background-color: #41388c;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    height: 50px;
    text-transform: uppercase;
    border-radius: 0;
    appearance: none;
    text-align: center;
    display: block;
    margin: 0;
    font-family: inherit;
    line-height: inherit;
    padding-top: 14px;
}

.alert-dismissible .close {
    outline: none;
}

.mapa {
    height: 463px;
    margin-top: 17px;
    background-color: #f8f8f8
}

.icono-subir {
    position: absolute;
    pointer-events: none;
    cursor: pointer;
    margin-top: 1px;
    margin-left: -2px
}

.error {
    height: 20px
}

.validacion {
    margin-top: 0 !important;
    font-size: 12px;
    padding-left: 0;
    color: red
}

.navegacion {
    position: inherit;
    width: 348px
}

.clientes .navegacion, 
.talentos .navegacion {
    position: inherit;
    width: 300px
}

.cont-contacto p,
.adaptive p{
    line-height: 28px
}

.gracias {
    display: none
}

.gracias p {
    font-size: 18px;
    color: #41388c
}

.titulo-talentos {
    font-size: 25px;
    text-decoration: none;
    margin-bottom: 30px;
    font-weight: 200
}

.titulo-img img,
.titulo-img,
.titulo-adaptive-img img, 
.titulo-adaptive-img{
    width: 100%
}

.descripcion {
    width: 850px;
    text-align: center;
    margin: 0 auto
}

.titulo-adaptive {
    font-size: 25px;
    text-decoration: none;
    margin-bottom: 30px;
    font-weight: 200;
    margin-top: 40px
}

.cont-titulo-adaptive {
    background-color: #41388c;
    position: relative
}

.titulo-adaptive-formulario {
    font-size: 25px;
    text-decoration: underline;
    margin-bottom: 30px;
    font-weight: 200;
    margin-top: 40px
}

.cont-titulo-adaptive .titulo-img {
    position: absolute;
    top: 50px;
    right: -585px;
    width: auto
}

.cont-titulo-adaptive .titulo-adaptive-img {
    position: absolute;
    top: 50px;
    right: -575px;
    width: auto
}

.cont-form-adaptive {
    padding-top: 180px
}

    #login .cont-form-adaptive {
        padding-top: 280px
    }

.proceso img {
    height: 16vw;
    max-width: 150px;
    max-height: 200px
}

.proceso .paso {
    position: relative;
    width: 25%
}

.proceso .paso-descripcion {
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 3px
}

.proceso .paso-descripcion p {
    font-size: 14px;
    line-height: 18px;
    text-align: left
}

    .proceso .paso-descripcion span {
        color: #41388c;
        font-weight: 400;
    }

.proceso .paso-descripcion.uno {
    width: 110px;
    top: 45px;
    right: 50px
}

.proceso .paso-descripcion.dos {
    width: 175px;
    top: 105px;
    left: -46px
}

.proceso .paso-descripcion.tres {
    width: 155px;
    top: 58px;
    right: -12px
}

.proceso .paso-descripcion.cuatro {
    width: 139px;
    top: 126px;
    left: -6px
}

.proceso .paso-descripcion.cinco {
    width: 132px;
    top: 20px;
    left: 4px
}


.modal {
    background-color: rgba(0,0,0,0.6);
    z-index: 999999;
}

.modal-backdrop.show {
    opacity: 0;
}

.modal-docs {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100vh;
    width: 100vw;
    margin: 0 auto;
}

    .modal-docs > table {
        display: block !important;
        padding: 0 !important;
        max-width: 1024px;
    }

.modal-aviso .modal-dialog {
    max-width: 400px !important;
    margin: 2.75rem auto;
    margin-top: 120px !important;
    position: relative !important
}

.modal-aviso .modal-body {
    padding: 30px
}

.modal-aviso h2 {
    font-size: 25px;
    text-decoration: underline;
    margin-bottom: 30px;
    font-weight: 500;
}

.modal-aviso .cerrar-video {
    position: absolute;
    right: -40px;
    top: -60px;
    cursor: pointer;
    z-index: 300
}

.modal-aviso .contenedor-video {
    pointer-events: none
}


.modal-content {
    border-radius: 0.3rem !important;
}

.text-rojo {
    color: #FF0000 !important;
}

.text-verde {
    color: #069A00 !important;
}

.text-azul {
    color: #096DB6 !important;
}

.text-gris {
    color: #777 !important;
}

a.text-naranja:hover {
    color: #ff9f3f !important;
}

.text-morado {
    color: #AA2295 !important;
}

.bold {
    font-weight: 700;
}

.bolder {
    font-weight: 800;
}

#aviso-privacidad p {
    line-height: inherit;
}
.custom_radio_checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: Montserrat,sans-serif;
    position: relative
}

.custom_radio_checkbox__text {
   /* color: var(--main-txt-gris);*/
    margin-left: 25px !important
}

.custom_radio_checkbox__text span {
    color: #0089de;
    text-decoration: underline
}

.custom_radio_checkbox__show--checkbox, .custom_radio_checkbox__show--radio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsSAAALEgHS3X78AAAALUlEQVQokWNkYGD4z0AmYAFp+/+fdP2MjIwMTBiiJIBRzaOaB7Fm8nMVAwMDAPP+BR3ufvONAAAAAElFTkSuQmCC)
}

.custom_radio_checkbox > .custom_radio_checkbox__input {
    display: none
}

.custom_radio_checkbox > .custom_radio_checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    background-size: cover;
    position: absolute;
    top: 5px
}

.custom_radio_checkbox > .custom_radio_checkbox__input:checked + .custom_radio_checkbox__show--checkbox, .custom_radio_checkbox > .custom_radio_checkbox__input:checked + .custom_radio_checkbox__show--radio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsSAAALEgHS3X78AAAA80lEQVQokWN0tOj5z0AmYAFp23e8mGTdTpa9DEwYojjAly8/MSSI0rx25VmGyMDZDBfOPSZN853brximTjjA8PXLT4ai7FUMO7ZeJU4zyKmdzTvgfHEJPgYbexXiNE/t389w9/ZrOL+5y5+Bh4cdzmdBt2ntirMMa1aeY0hIsWTYuQ3hxPhkSwYVVTEUw1E0F2athNsE8icM6BvKMMSnWGG4DMXZHt7aGAq4edgZmrsCMMQxNAeHGzMoq4qiKGjuRPUnTs0gUF7rgWSYEYOBkSxWjVg1gwIFFDggF2QXOOLUCAIoAQa3McIYjAkB8nMVAwMDAKJ6RgMozotUAAAAAElFTkSuQmCC)
}

.custom_radio_checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: Montserrat,sans-serif;
    position: relative
}

.custom_radio_checkbox__text {
    /*color: var(--main-txt-gris);*/
    margin-left: 25px !important
}

.custom_radio_checkbox__text span {
    color: #0089de;
    text-decoration: underline
}

.custom_radio_checkbox__show--checkbox, .custom_radio_checkbox__show--radio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsSAAALEgHS3X78AAAALUlEQVQokWNkYGD4z0AmYAFp+/+fdP2MjIwMTBiiJIBRzaOaB7Fm8nMVAwMDAPP+BR3ufvONAAAAAElFTkSuQmCC)
}

.custom_radio_checkbox > .custom_radio_checkbox__input {
    display: none
}

.custom_radio_checkbox > .custom_radio_checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    background-size: cover;
    position: absolute;
    top: 5px
}

.custom_radio_checkbox > .custom_radio_checkbox__input:checked + .custom_radio_checkbox__show--checkbox, .custom_radio_checkbox > .custom_radio_checkbox__input:checked + .custom_radio_checkbox__show--radio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsSAAALEgHS3X78AAAA80lEQVQokWN0tOj5z0AmYAFp23e8mGTdTpa9DEwYojjAly8/MSSI0rx25VmGyMDZDBfOPSZN853brximTjjA8PXLT4ai7FUMO7ZeJU4zyKmdzTvgfHEJPgYbexXiNE/t389w9/ZrOL+5y5+Bh4cdzmdBt2ntirMMa1aeY0hIsWTYuQ3hxPhkSwYVVTEUw1E0F2athNsE8icM6BvKMMSnWGG4DMXZHt7aGAq4edgZmrsCMMQxNAeHGzMoq4qiKGjuRPUnTs0gUF7rgWSYEYOBkSxWjVg1gwIFFDggF2QXOOLUCAIoAQa3McIYjAkB8nMVAwMDAKJ6RgMozotUAAAAAElFTkSuQmCC)
}


.loader,
.loader-2{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

    .loader.hide {
        visibility: hidden;
    }

    .loader.show {
        visibility: visible;
    }


/************  CUSTOME *************/
.cont-menu-adaptive .logo-agencia {
    float:right;
    margin-right: -51px;
}
.cont-menu-adaptive .logo-adaptive {
    float: left;
    margin-left: 15px;
    margin-top: 30px;
}
#menu-derecho .menu-config a {
    color: #212529;
}
    #menu-derecho .menu-config a:hover {
        color: #41388c;
    }

#menu-derecho .img-avatar {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}
#menu-derecho span {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
    padding-top: 14px;
}
    #menu-derecho span small {
        display: block;
        color: #999;
        font-weight: 200;
        font-size: 0.7rem;
        padding-left: 1px;
    }

#areaLogos {
    width: 50%;
    padding: 0;
    margin: 0;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0.255em;
    content: "";
    border: none;
}
.label-form {
    font-size: 0.8rem;
    font-weight: 200;
    line-height: 0.8em;
    padding: 5px 0px 5px 3px;
}

    .label-form.bolder {
        font-weight: 800;
    }
a.link {
    color: #212529;
}
a.link:hover:not(i) {
    color: #41388c;
    text-decoration: underline!important;
}

a.link2 {
    color: #212529;
    text-decoration: underline !important;
}

    a.link2:hover:not(i) {
        color: #41388c;
    }

#lista-freelancers span {
    display: block;
}
/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}*/
/* Track */
/*::-webkit-scrollbar-track {
    background: #f1f1f1;
}*/
/* Handle */
/*::-webkit-scrollbar-thumb {
    background: #4d4498;
}*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
        background: #41388c;
    }*/

.accordion-propuestas .card-header {
    padding: 0;
    color: #fff;
}

.accordion-propuestas .btn-link {
    text-align: left;
    width: 100%;
    color: #fff;
    text-decoration: none;
    outline: none !important;
    padding: 0.75rem 1.25rem;
    border: none;
    border-radius: 0;
}
    .accordion-propuestas .btn-link:hover {
        opacity: 0.85;
    }

    .accordion-propuestas .btn-link:active,
    .accordion-propuestas .btn-link:focus,
    .accordion-propuestas .btn-link:visited {
        border: none;
        outline-style: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .accordion-propuestas .btn-link * {
        color: #fff;
    }

.accordion-propuestas .card-bg-dark .card-header {
    background-color: #212529;
}
.accordion-propuestas .card-bg-success .card-header {
    background-color: #057700;
}
.accordion-propuestas .card-bg-decline .card-header {
    background-color: rgba(0,0,0,0.4);
    color: rgba(255, 255, 255, .8) !important;
}

.total-ganado {
    font-size: 1.45rem;
}

.total-ganado i {
    font-size: 1.8rem;
}
    .total-ganado h3 {
        display: inline-block;
        font-weight: bold;
    }
    .total-ganado h4 {
        display: inline-block;
        font-weight: bold;
        font-size: 1.6rem;
    }

.pdf-frame-button {
    display: none;
}

.pdf-modal {
    cursor: pointer;
}
/************  CUSTOME *************/
/************ MODALS ***********/
.modal-dialog-centered.recursos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.modal-content.recursos {
    height: calc(100vh - 3.5em);
    background-color: transparent;
    border: 0;
}

.modal-lg, .modal-xl {
    max-width: 1200px;
}

.modal-md {
    max-width: 850px;
}

.controles {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 250px;
    width: 50px;
    background-color: rgba(0,0,0,0);
    padding: 5px 15px;
}

.close.outer.pdf {
    position: relative;
    display: block;
    right: 20px;
    top: 7px;
}

.lnk-img-download {
    position: relative;
    display: block;
    top: 7px;
    right: 50px;
}


.close.outer,
.close.outer.pdf {
    color: #fff;
    font-size: 2.2em;
    font-weight: 200;
    top: -25px;
    right: -45px;
    opacity: 0.7;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
}

    .close.outer:not(:disabled):not(.disabled):hover,
    .close.outer:not(:disabled):not(.disabled):focus,
    .close.outer.pdf:not(:disabled):not(.disabled):hover,
    .close.outer.pdf:not(:disabled):not(.disabled):focus {
        opacity: 1;
        cursor: pointer;
    }

.img-comunicado {
    position: relative;
    display: inline-block;
    max-width: 1200px;
    max-height: 100%;
}

.iframe-book,
.iframe-pdf {
    width: 1200px;
    height: calc(100vh - 3.5em);
}

/******* PDF ******/
#password-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin: 0 auto;
    padding: 20px 12px;
    background: #fff;
}
/************ MODALS ***********/
/* ------ NOTIFICACIONES ------ */
.notification {
    position: fixed;
    min-height: 100px;
    min-width: 385px;
    right: -500px;
    top: 125px;
    padding: 35px 35px 35px 25px;
    background-color: #989898;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    opacity: 0;
    visibility: visible;
    transition: all .5s ease;
    z-index: 9;
}

.notification-area {
    display: flex;
    justify-content: left;
    align-items: center;
}

.notification.visible {
    opacity: 1;
    right: 1%;
    visibility: visible;
}

.notification.success {
    background-color: #069A00;
}

.notification.error {
    background-color: #e74c3c;
}

.notification.warning {
    background-color: #f39c12;
}

.notification .icon {
    display: inline-block;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 50px;
}

    .notification .icon i {
        color: white;
        cursor: default;
    }

.notification .text {
    display: inline-block;
    align-items: center;
    color: white;
    cursor: default;
    font-weight: 400;
    font-size: 15px;
    max-width: 95%;
    word-wrap: normal;
}

.notification .close {
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 2px;
    transition: color .3s ease;
}

    .notification .close:hover {
        color: #fff;
    }

.buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
}

    .buttons > * {
        margin: 0 5px;
        padding: .5rem;
    }
/* ------ NOTIFICACIONES ------ */
/* ----------- BUTTONS ----------- */
button:focus {
    outline: none;
}
button.bttn-adaptive,
input.bttn-adaptive,
a.bttn-adaptive {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 2px solid #41388C;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #41388C;
    width: auto;
    min-width: 150px;
    height: 45px;
    border-radius: 0.1rem;
    cursor: pointer;
    padding: 0px 10px;
    transition: all 0.15s linear;
    outline: none !important;
    line-height: 1em;
    padding-top: 1px;
    text-transform: uppercase;
}

a.bttn-adaptive {
    padding-top: 14px;
}

    .bttn-adaptive:hover {
        background-color: #41388C;
        color: #FFF !important;
    }

.bttn-adaptive.bttn-adaptive-white {
    border: 2px solid #FFF;
    color: #FFF !important;
}

    .bttn-adaptive.bttn-adaptive-white:hover {
        background-color: #FFF;
        color: #4A4A4A !important;
        text-shadow: none;
    }

.aspNetDisabled .bttn-adaptive-white,
.aspNetDisabled .bttn-adaptive-white:hover {
    background-color: #dcdcdc;
    opacity: 0.4;
}

.bttn-adaptive.bttn-adaptive-rojo {
    border: 2px solid #FF0000;
    color: #FF0000 !important;
}

    .bttn-adaptive.bttn-adaptive-rojo:hover {
        background-color: #FF0000;
        color: #FFF !important;
    }

.aspNetDisabled .bttn-adaptive-rojo,
.aspNetDisabled .bttn-adaptive-rojo:hover {
    border: 2px solid rgba(255, 0, 0, 0.4);
    color: rgba(255, 0, 0, 0.4) !important;
}

.bttn-adaptive.bttn-adaptive-verde {
    border: 2px solid #069A00;
    color: #069A00 !important;
}

    .bttn-adaptive.bttn-adaptive-verde:hover {
        background-color: #069A00;
        color: #FFF !important;
    }

.aspNetDisabled .bttn-adaptive-verde,
.aspNetDisabled .bttn-adaptive-verde:hover {
    border: 2px solid rgba(6, 154, 0, 0.40);
    color: rgba(6, 154, 0, 0.40) !important;
}

.bttn-adaptive.bttn-adaptive-azul {
    border: 2px solid #096DB6;
    color: #096DB6 !important;
}

    .bttn-adaptive.bttn-adaptive-azul:hover {
        background-color: #096DB6;
        color: #FFF !important;
    }

    .bttn-adaptive.bttn-adaptive-azul.pulse {
        border: 0;
        color: #fff !important;
        background-color: #096DB6 !important;
        box-shadow: 0 0 10px #096DB6;
    }

.aspNetDisabled .bttn-adaptive-azul,
.aspNetDisabled .bttn-adaptive-azul:hover {
    border: 2px solid rgba(9, 109, 182, 0.40);
    color: rgba(9, 109, 182, 0.40) !important;
}

.bttn-adaptive.bttn-adaptive-black {
    border: 2px solid #212529;
    color: #212529 !important;
}

    .bttn-adaptive.bttn-adaptive-black:hover {
        background-color: #212529;
        color: #FFF !important;
    }

.aspNetDisabled .bttn-adaptive-black,
.aspNetDisabled .bttn-adaptive-black:hover {
    border: 2px solid rgba(33, 37, 41, 0.40);
    color: rgba(33, 37, 41, 0.40) !important;
}

.bttn-adaptive.bttn-sm {
    font-size: 12px;
    min-width: 100px;
    height: 30px;
    line-height: 1;
    letter-spacing: 0.02em;
}

a.bttn-adaptive.bttn-sm {
    padding-top: 8px;
}

/*a.bttn-adaptive.bttn-adaptive-azul.bttn-sm,
a.bttn-adaptive.bttn-adaptive-verde.bttn-sm,
a.bttn-adaptive.bttn-adaptive-rojo.bttn-sm
a.bttn-adaptive.bttn-adaptive-white.bttn-sm
a.bttn-adaptive.bttn-adaptive-black.bttn-sm {
    padding-top: 8px;
}*/

input.bttn-adaptive-solid,
a.bttn-adaptive-solid {
    position: relative;
    display: inline-block;
    background-color: #41388C;
    border: 2px solid #41388C;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #EDEDF5;
    width: auto;
    min-width: 150px;
    height: 45px;
    border-radius: 0.1rem;
    cursor: pointer;
    padding: 0px 10px;
    transition: all 0.15s linear;
    outline: none !important;
    line-height: 1em;
    padding-top: 1px;
    text-transform: uppercase;
}

a.bttn-adaptive-solid {
    padding-top: 14px;
}

.bttn-adaptive-solid:hover {
    background-color: rgba(65, 56, 140, 0.85);
}

input.aspNetDisabled.bttn-adaptive-solid,
input.aspNetDisabled.bttn-adaptive-solid:hover,
a.aspNetDisabled.bttn-adaptive-solid,
a.aspNetDisabled.bttn-adaptive-solid:hover {
    border: 2px solid rgba(65, 56, 140, 0.40);
    background-color: rgba(65, 56, 140, 0.40);
    cursor: no-drop;
}

.bttn-adaptive-solid.bttn-adaptive-rojo {
    border: 2px solid #FF0000;
    background-color: #FF0000;
    color: #FFF;
}

    .bttn-adaptive-solid.bttn-adaptive-rojo:hover {
        background-color: rgba(255, 0, 0, 0.75);
    }


.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-rojo,
.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-rojo:hover {
    border: 2px solid #FF0000;
    background-color: #FF0000;
    opacity: 0.4;
    cursor: not-allowed;
}

.bttn-adaptive-solid.bttn-adaptive-verde {
    border: 2px solid #069A00;
    background-color: #069A00;
    color: #FFF;
}

    .bttn-adaptive-solid.bttn-adaptive-verde:hover {
        background-color: rgba(6, 154, 0, 0.85);
        /*color: #069A00;*/
    }

.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-verde,
.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-verde:hover {
    border: 2px solid #069A00;
    background-color: #069A00;
    opacity: 0.4;
    cursor: not-allowed;
}

.bttn-adaptive-solid.bttn-adaptive-azul {
    border: 2px solid #096DB6;
    background-color: #096DB6;
    color: #FFF;
}

    .bttn-adaptive-solid.bttn-adaptive-azul:hover {
        background-color: rgba(9, 109, 182, 0.8);
        /*color: #096DB6;*/
    }

.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-azul,
.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-azul:hover {
    border: 2px solid #096DB6;
    background-color: #096DB6;
    opacity: 0.4;
    cursor: not-allowed;
}

.bttn-adaptive-solid.bttn-adaptive-white {
    border: 2px solid #FFF;
    background-color: #FFF;
    color: #41388C;
}

    .bttn-adaptive-solid.bttn-adaptive-white:hover {
        background-color: rgba(255, 255, 255, 0.2);
        color: #FFF;
    }

.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-white,
.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-white:hover {
    border: 2px solid #4A4A4A;
    background-color: #4A4A4A;
    opacity: 0.4;
    cursor: not-allowed;
}

.bttn-adaptive-solid.bttn-adaptive-black {
    border: 2px solid #212529;
    background-color: #212529;
    color: #FFF;
}

    .bttn-adaptive-solid.bttn-adaptive-black:hover {
        background-color: rgba(33, 37, 41, 0.85);
        /*color: #212529;*/
    }

.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-black,
.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-black:hover {
    border: 2px solid #212529;
    background-color: #212529;
    opacity: 0.4;
    cursor: not-allowed;
}

.bttn-adaptive-solid.bttn-sm {
    font-size: 12px;
    min-width: 100px;
    height: 30px;
    line-height: 1;
    letter-spacing: 0.02em;
}

a.bttn-adaptive-solid.bttn-sm {
    padding-top: 8px;
}

.aspNetDisabled.bttn-adaptive {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.close {
    position: absolute !important;
    top: 5px;
    right: 10px;
    z-index: 999;
}

    .close.sm {
        font-size: 0.92em;
        top: 2px;
        right: 8px;
        background-color: transparent;
        outline: none;
        border: 0;
        padding: 0px;
    }

.bttn-right-bottom, .bttn-fake-right {
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.bttn-trash {
    font-size: 1em;
    color: #4C4C4C;
}

    .bttn-trash:hover {
        color: #FF0000;
    }

    .bttn-trash.small {
        font-size: 1.3em;
    }

.aspNetDisabled.bttn-adaptive-solid.bttn-adaptive-azul {
    background-color: rgba(9, 109, 182, 0.6);
    border-color: transparent;
    color: #FFF !important;
}

.lvw-empty {
    text-align: center;
    color: #4A4A4A;
    font-size: 35px;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    position: relative;
    transition: all .5s;
    border: 5px solid #f7f7f8;
    padding: 10vh 20px;
}

    .lvw-empty i {
        display:block;
    }

.lvw-empty.lvw-md {
    font-size: 20px;
    min-height: 100px;
    padding: 5vh 10px;
}
.lnk-img-download {
    position: absolute;
    float: right;
    color: #fff!important;
    font-size: 2.2em;
    font-weight: 200;
    top: 50px;
    right: -56px;
    opacity: 0.7;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
    font-size: 2.7em;
}

    .lnk-img-download:not(:disabled):not(.disabled):hover,
    .lnk-img-download:not(:disabled):not(.disabled):focus {
        opacity: 1;
        cursor: pointer;
    }

.icon-action {
    font-size: 1.3em;
    color: #4A4A4A;
    padding: 0px 5px;
    line-height: 1.5em;
}
    .icon-action:hover {
        color: #41388c;
    }
.aspNetDisabled.icon-action {
    opacity: 0.5;
}
table .icon-action {
    padding: 0;
    margin: 0;
}
table .icon-action:nth-child(2n+1) {
    padding-right: 5px;
}

.bttn-file {
    position:relative;
}
.fake {
    display: none;
}

.bttn-perfil {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 5;
    cursor: pointer;
    background-color: #41388c;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

    .bttn-perfil:hover {
        color: #fff;
        background-color: rgba(65, 56, 140, 0.85);
    }
    .bttn-perfil.bttn-foto {
        position: absolute;
        right: 25px;
        top: 10px;
    }
/* ----------- BUTTONS ----------- */
/*-----------Modal foto-----------*/
.modal-foto-contenido {
    position: relative;
    width: 400px;
    min-height: 500px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.25);
}

.modal-body-foto {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-contenido {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 500px;
    height: 800px;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border-radius: 0.3rem;
    outline: 0;
}

    .modal-contenido.centered {
        justify-content: center;
        align-items: center;
    }

.close-foto {
    float: right;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    width: 10%;
    margin-left: auto;
    background: transparent;
    border: aliceblue;
}

.descripcion-Guardado {
    max-width: 363px;
    width: 100%;
    background-color: white;
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.25);
    position: relative;
    margin-top: -35px;
    margin-left: 19px;
    border-radius: 6px;
    margin-bottom: 30px;
    z-index: 1080;
}

.container-foto {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.foto-nombre-user {
    font-weight: bolder;
    font-size: 1.3em;
    line-height: 0.9em;
    text-align: left;
    color: #096db6;
    margin-bottom: 5px;
}

.foto-datos {
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: left;
    color: #096db6;
}

#fotoMsgError {
    position: relative;
    width: 100%;
    font-size: 0.8em;
    z-index: 1;
}
.jcrop-keymgr {
    /*display:none;*/
}

.edit-icon,
.edit-icon-photo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    left: 25px;
    top: 10px;
    z-index: 1081;
    cursor: pointer;
    background-color: #096DB6;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    opacity: 1;
}

    .edit-icon:hover,
    .edit-icon-photo:hover {
        opacity: 0.85;
    }

    .edit-icon-photo.off {
        top: -20px;
        opacity: 0;
        visibility: hidden;
        transition-property: all;
        transition-duration: 0.8s;
        transition-timing-function: ease-in-out;
    }

    .edit-icon-photo.on {
        top: 10px;
        opacity: 1;
        visibility: visible;
        transition-property: all;
        transition-duration: 0.8s;
        transition-timing-function: ease-in-out;
    }

    .edit-icon-photo i:before {
        margin-left: 0;
        line-height: 2;
    }

/*.jcrop-holder > div > div .jcrop-tracker {
    background-image: url(Imagenes/mascara-foto-op.svg);
    background-size: 100%;
}*/

.foto-first {
    position: absolute;
    width: 400px;
    height: 400px;
    background-color: transparent;
    cursor: pointer;
    z-index: 10;
    border-radius: 6px 6px 0px 0px;
}

.foto {
    position: relative;
    box-sizing: content-box;
    width: 76px;
    height: 76px;
    border: 4px solid #096DB6;
    border-radius: 50%;
    margin: 0px 10px 0px 10px;
    overflow: hidden;
    text-align: center;
}

    .foto > img {
        height: 76px;
    }

.change-foto {
    position: absolute;
    box-sizing: content-box;
    width: 150px;
    height: 150px;
    border: 4px solid #096DB6;
    border-radius: 50%;
    margin: 0px 10px 0px 10px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px;
}

.change-foto {
    top: 0px;
    right: -220px;
}

    .change-foto > img {
        height: 150px;
    }

.area-foto-edit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    min-height: 400px;
    background: #AAAAAA;
    border-radius: 6px 6px 0px 0px;
    /*border:1px solid #bebebe;*/
}

    .area-foto-edit > img {
    }

#lnkUpdateFoto {
    /*position:absolute;
    right: -190px;
    top: 200px;*/
    width: 100%;
    height: 30px;
    font-size: 15px;
}

/*#lnkUpdateFoto:hover {
  color: white;
}*/

#lnkCancelUpdateFoto {
    position: absolute;
    right: -190px;
    top: 250px;
    width: 120px;
}


/*-----------Modal foto-----------*/
/*-----------------------------------
          CALENDAR EXTENDER
------------------------------------*/
.calendar-extender {
    background-color: #FFF;
    color: #41388c;
    border: solid 1px rgba(0,0,0,0.11);
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    width: 180px;
}

    .calendar-extender .ajax__calendar_container {
        padding: 6px 2px;
        cursor: default;
        width: 180px;
        text-align: center;
    }

    .calendar-extender .ajax__calendar_body {
        width: 172px;
        position: relative;
    }

    .calendar-extender .ajax__calendar_header {
        text-transform: uppercase;
        width: 171px;
    }

    .calendar-extender .ajax__calendar_days,
    .calendar-extender .ajax__calendar_months,
    .calendar-extender .ajax__calendar_years {
        width: 170px;
    }

    .calendar-extender .ajax__calendar_day {
        font-size: 0.8em;
        text-align: center;
        border: solid 1px rgba(0,0,0,0.11);
        text-transform: uppercase;
        margin: 0.272em;
        width: 18px !important;
        color: #41388c;
        height: 15px;
        border-radius: 3px;
        line-height: 1.8em;
        font-weight: 600;
    }

    .calendar-extender .ajax__calendar_year {
        border: solid 1px rgba(0,0,0,0.11);
        font-size: 1em;
        font-weight: 700;
        text-align: center !important;
        vertical-align: middle;
        margin: 2px;
        height: 36px;
        text-transform: uppercase;
        line-height: 1.1em;
        width: 37px;
        border-radius: 3px;
    }

    .calendar-extender .ajax__calendar_month {
        border: solid 1px rgba(0,0,0,0.11);
        font-size: 1em;
        font-weight: 700;
        text-align: center !important;
        vertical-align: middle;
        margin: 2px;
        height: 36px;
        text-transform: uppercase;
        line-height: 1.1em;
        width: 37px;
        border-radius: 3px;
    }

    .calendar-extender .ajax__calendar_dayname {
        height: 17px;
        width: 20px;
        text-align: right;
        padding: 0 2px;
        text-transform: capitalize;
        font-weight: bold;
    }

    .calendar-extender .ajax__calendar_hover .ajax__calendar_day,
    .calendar-extender .ajax__calendar_hover .ajax__calendar_month,
    .calendar-extender .ajax__calendar_hover .ajax__calendar_year
    /*.calendar-extender .ajax__calendar_hover .ajax__calendar_title*/ {
        background-color: #41388c;
        color: #fff;
    }

    .calendar-extender .ajax__calendar_other .ajax__calendar_day,
    .calendar-extender .ajax__calendar_other .ajax__calendar_year {
        color: #A0A2CB;
    }

    .calendar-extender .ajax__calendar_other .ajax__calendar_day:hover,
    .calendar-extender .ajax__calendar_other .ajax__calendar_year:hover {
        color: #FFF;
    }

    .calendar-extender .ajax__calendar_active .ajax__calendar_day {
        color: #0066cc;
    }

    .calendar-extender .ajax__calendar_today .ajax__calendar_day {
        background-color: #ebebeb;
    }

        .calendar-extender .ajax__calendar_today .ajax__calendar_day:hover {
            background-color: #41388c;
        }

    .calendar-extender .ajax__calendar_active .ajax__calendar_day {
        background-color: #41388c;
        color: #fff;
    }

    .calendar-extender .ajax__calendar_footer {
        display: none;
    }

    .calendar-extender .ajax__calendar_prev,
    .calendar-extender .ajax__calendar_next {
        background-image: none;
    }

        .calendar-extender .ajax__calendar_prev:after {
            content: '\f0d9';
            font-family: 'Font Awesome 5 Free';
            position: relative;
            font-weight: bolder;
        }

        .calendar-extender .ajax__calendar_next:after {
            content: '\f0da';
            font-family: 'Font Awesome 5 Free';
            position: relative;
            font-weight: bolder;
        }

.ajax__calendar_invalid {
    opacity: 0.6;
}

.calendar-extender .ajax__calendar_invalid .ajax__calendar_day,
.calendar-extender .ajax__calendar_invalid .ajax__calendar_year {
    background-color: rgba(65, 56, 140, 0.15);
}
/*-----------------------------------
          CALENDAR EXTENDER
------------------------------------*/
/* width */
/*************** TABLAS *************/
.table tr.gvw-celdas {
    border-bottom: 1px solid #35495e !important;
}

    .table tr.gvw-celdas.gvw-sm td {
        padding: 0.7rem 0.75rem 0.15rem 0.75rem;
    }

.table .thead-dark.gvw-sm th {
    padding: 0.6rem 0.75rem;
}

.table tr.thead-dark th > a {
    color: #fff;
}

.table tr.thead-dark th a:before {
    content: '\f0dc ';
    font-family: 'Font Awesome 5 Free';
    position: relative;
    left: -3px;
}

.gvw-footer > td table {
    border: 0;
}

.pager > span,
.gvw-footer > td table td span,
.gvw-footer > td table td a {
    padding: 0px 10px;
    display: block
}

.pager > span span:first-child,
.pager > span span:last-child {
    /*display: none*/
}

    .pager > span .pager-numeric,
    .pager > span .pager-active
    {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-color: #fff;
        color: #212529;
        border: 1px solid #212529;
        padding: 10px;
        line-height: 1em;
        font-size: 1.1em;
        text-align: center;
        font-weight: 200;
        margin: 0px 5px;
    }

.gvw-footer > td table td span,
.gvw-footer > td table td a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: #212529;
    border: 1px solid #212529;
    padding: 10px;
    line-height: 1em;
    font-size: 1.1em;
    text-align: center;
    font-weight: 200;
}

    .pager > span .pager-active {
        background-color: #212529;
        color: #fff;
        border: 1px solid #212529;
        cursor: default;
    }
    .pager > span .pager-numeric:hover {
        background-color: #212529;
        color: #fff;
        border: 1px solid #212529;
    }

.gvw-footer > td table td span {
    background-color: #212529;
    color: #fff;
    border: 1px solid #212529;
    cursor: default;
}

.gvw-footer > td table td a:hover {
    background-color: #212529;
    color: #fff;
    border: 1px solid #212529;
}

.pager a:not(.pager-numeric),
.pager .pager-nextprevious {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: rgba(33, 37, 41, 0.5);
    font-size: 2rem;
    line-height: 1em;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}

    .pager a:not(.pager-numeric) i {
        display: block;
        position: relative;
        top: 5px;
    }
        .pager a:not(.pager-numeric):hover {
            color: #212529;
        }


.gvw-footer .pager-nextprevious {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: rgba(33, 37, 41, 0.5);
    font-size: 2rem;
    line-height: 0;
    text-align: center;
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    border: 0;
    padding: 1rem 5px;
    font-weight: 400;
}

    .gvw-footer .pager-nextprevious:hover {
        color: #212529;
        background-color: #fff;
        border: 0;
    }

tr.gvw-footer th,
tr.gvw-footer td {
    padding: 0.75rem 5px;
    vertical-align: middle;
    border: 1px solid #fff;
}
/*************** TABLAS *************/
#msg-alert .sp-msg {
    font-weight: 200;
}

.msg-error {
    text-align: right;
    font-size: 0.8em;
    color: #FF0000 !important;
    padding: 5px 5px 0px 5px;
    font-weight: 300;
}

    .msg-error.more {
        display: inline-block;
        position: absolute;
        left: 0px;
    }

    .msg-error.msg-error-md {
        font-size: 0.7em;
    }

    .msg-error.msg-error-lg {
        font-size: 1em;
        font-weight: 400;
        padding: 5px 0px;
    }

.cont-footer {
    height: 175px;
    padding-top: 20px;
    border-top: 1px solid #41388c;
    padding-bottom: 20px
}

    .cont-footer .titulo {
        text-decoration: none;
        font-weight: 500
    }

    .cont-footer .btn-redes {
        margin: 0 15px
    }

    .cont-footer .direccion {
        font-size: 12px;
        margin-top: 0 !important
    }

    .cont-footer .legales {
        font-size: 10px;
        margin-top: 10px !important;
        font-weight: 300
    }

/****************** LOGIN ******************/
.link-password {
    color: #0089de;
    text-decoration: underline !important;
    font-size: 14px;
    font-weight: 300;
    padding-right:20px;
}

#login-form {
    min-height: 550px;
}
#login-recupera {
    min-height: 600px;
}
/****************** LOGIN ******************/
/****************** CARDS ******************/
.card-new,
.tarjeta {
    display:block;
    width: 100%;
    min-height: 300px;
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
    transition: all .5s;
    border: 5px solid #f7f7f8;
    height: 100%;
}

.tarjeta {
    width: 100%;
    min-height: 200px;
}

    .cont-total .card-new .c-titulo {
        position: relative;
    }

.tarjeta .c-titulo {
    position: relative;
    padding-bottom: 1em;
}

.card-new .c-nombre,
.tarjeta .c-nombre {
    font-weight: 200;
    display: block;
    font-size: 1.6em;
    padding-bottom: 40px;
    text-transform: uppercase;
}

.tarjeta .c-nombre {
    padding-bottom: 0px;
}

.card-new .separador,
.tarjeta .separador {
    background-color: #000;
    width: 95px;
    height: 7px;
    position: absolute;
    bottom: 0;
    right: 2%;
    transition: all .5s;
}

.tarjeta .separador {
    width: 150px;
    bottom: -1em;
    right: 1%;
}

.card-new .c-correo,
.card-new .c-telefono,
.card-new .c-urlbook,
.tarjeta .c-correo,
.tarjeta .c-telefono,
.tarjeta .c-urlbook,
.tarjeta .c-pais {
    display: block;
    padding: 3px 2px 3px 8px;
    color: #000;
}

.tarjeta .c-info {
    display: block;
    padding: 2px 2px 3px 8px;
    color: #000;
    margin-bottom: 3px;
}

    .card-new .c-urlbook span,
    .tarjeta .c-urlbook span {
        text-decoration: underline !important;
    }

    .card-new .c-urlbook:hover,
    .tarjeta .c-urlbook:hover {
        color: #41388C;
    }

.card-new .c-book,
.tarjeta .c-book,
.tarjeta .c-cuenta,
.tarjeta .c-rfc {
    position: relative;
    color: #000;
    font-size: 35px;
    margin-right: 5px;
}

.tarjeta .c-book,
.tarjeta .c-cuenta,
.tarjeta .c-rfc {
    margin-right: 0px;
    margin-left: 20px;
}
    .card-new .c-book:hover,
    .tarjeta .c-book:hover,
    .tarjeta .c-cuenta:hover,
    .tarjeta .c-rfc:hover {
        color: #41388C;
    }

    .card-new .c-book:after,
    .tarjeta .c-book:after {
        content: 'Book';
        position: absolute;
        font-size: 0.34em;
        top: 40px;
        left: -2px;
    }

    .tarjeta .c-cuenta:after {
        content: 'Cuenta';
        position: absolute;
        font-size: 0.34em;
        top: 40px;
        left: -9px;
    }
    .tarjeta .c-rfc:after {
        content: 'RFC';
        position: absolute;
        font-size: 0.34em;
        top: 40px;
        left: 1px;
    }

    .card-new .biografia.less {
        height: 50px;
    }

    .card-new .biografia.more {
        height: 50px;
    }

.tarjeta .c-categoria {
    display: inline-block;
    padding-right: 5px;
    font-size: 0.8em;
    line-height: 0.9em;
}

.tarjeta img {
    width: 100%;
}

.tarjeta .biografia {
    display: block;
    margin-bottom: 20px
}

.c-more:hover {
    cursor: pointer;
}

/**/
.tarjeta .cp-book,
.tarjeta .cp-cuenta,
.tarjeta .cp-rfc {
    position: relative;
    color: #000;
    font-size: 35px;
}
/*
.tarjeta .cp-book,
.tarjeta .cp-cuenta,
.tarjeta .cp-rfc {
    margin: 0px 5px;
}*/

    .tarjeta .cp-book:hover,
    .tarjeta .cp-cuenta:hover,
    .tarjeta .cp-rfc:hover {
        color: #41388C;
    }

    .tarjeta .cp-book:after {
        content: 'Book';
        position: absolute;
        font-size: 0.5em;
        bottom: -25px;
        left: 3px;
    }

    .tarjeta .cp-cuenta:after {
        content: 'Cuenta';
        position: absolute;
        font-size: 0.5em;
        bottom: -25px;
        left: -6px;
    }

    .tarjeta .cp-rfc:after {
        content: 'RFC';
        position: absolute;
        font-size: 0.5em;
        bottom: -25px;
        left: 7px;
    }
/****************** CARDS ******************/
/****************** CHECKS *****************/
.check {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
    line-height: 24px;
    color: #000;
}

    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #4A4A4A;
}

.chkboxmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #000;
    overflow:hidden;
}

.check:hover input ~ .chkboxmark,
.check:hover input ~ .checkmark {
    background-color: #eee;
}

.check input:checked ~ .chkboxmark,
.check input:checked ~ .checkmark {
    background-color: #fff;
}

.check input:checked ~ .chkboxmark,
.check input:checked ~ .checkmark {
    background-color: #fff;
}

.chkboxmark:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check input:checked ~ .checkmark:after {
    content: "\f14a";
    font-family: 'Font Awesome 5 Free';
    display: block;
    color: #000;
    font-size: 22px;
}

.check input:checked ~ .chkboxmark:after {
    content: "\f14a";
    font-family: 'Font Awesome 5 Free';
    display: block;
    color: #000;
    font-size: 24px;
}

.check .checkmark:after {
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border: solid white;
    border-width: 0 4px 4px 0;
}

.check.birth .checkmark:after {
    border: 0;
}

.check .chkboxmark:after {
    left: -2px;
    top: -4px;
    width: 0px;
    height: 0px;
    border-width: 0 4px 4px 0;
}

/*.check.categorias {
    font-size: 0.8em;
    margin-bottom: 0.2rem;
}*/
/****************** CHECKS *****************/

/************ MEDIA QUERYS ************/
@media (max-width: 1366px) {
    input.bttn-adaptive-solid, a.bttn-adaptive-solid {
        font-size: 12px;
    }

    .iframe-book,
    .iframe-pdf {
        width: 1024px;
        height: calc(100vh - 3.5rem);
    }
}

@media (max-width: 1200px) {
    .proceso img {
        height: 165px
    }

    .proceso .paso-descripcion p {
        font-size: 12px;
        line-height: 16px
    }

    .proceso .paso-descripcion.uno {
        width: 90px;
        top: 40px;
        right: 43px
    }

    .proceso .paso-descripcion.dos {
        width: 154px;
        top: 90px;
        left: -58px
    }

    .proceso .paso-descripcion.tres {
        width: 138px;
        top: 46px;
        right: -12px
    }

    .proceso .paso-descripcion.cuatro {
        width: 118px;
        top: 108px;
        left: -17px
    }

    .proceso .paso-descripcion.cinco {
        width: 114px;
        top: 20px;
        left: -9px
    }

    .cont-titulo-adaptive .titulo-img {
        position: absolute;
        top: 50px;
        right: -491px;
        width: 556px
    }

    .cont-titulo-adaptive .titulo-adaptive-img {
        position: absolute;
        top: 50px;
        right: -422px;
        width: 485px;
    }

    input.bttn-adaptive-solid, a.bttn-adaptive-solid {
        font-size: 14px;
    }

    .img-comunicado {
        max-width: 1024px;
    }

    .iframe-book,
    .iframe-pdf {
        width: 1024px;
        height: calc(100vh - 3.5rem);
    }
}

@media (max-width: 1080px) {
    .titulo-adaptive-formulario {
        margin-top: 0
    }

    .total-ganado i {
        font-size: 1rem;
    }

    .total-ganado h4 {
        font-size: 1rem;
    }

    .total-ganado h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 1100px) {
    .cont-menu .btn-menu p {
        font-size: 12px
    }

    .total-ganado {
        font-size: 1rem;
    }

    .controles {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        height: 60px;
        width: 100%;
        background-color: rgba(0,0,0,0.6);
        padding: 5px 15px;
    }

    .close.outer.pdf {
        position: relative;
        display: block;
        right: 20px;
        top: 7px;
    }

    .lnk-img-download {
        position: relative;
        display: block;
        top: 7px;
        right: 50px;
    }

    .lvw-empty.lvw-md {
        font-size: 18px;
    }

    .iframe-book,
    .iframe-pdf {
        width: 990px;
        height: calc(100vh - 8rem);
    }
}

@media (max-width: 992px) {
    body {
        padding-top: 70px
    }

    p, .form-group p {
        font-size: 12px;
        line-height: 23px;
    }

    #__layout.show {
        left: -200px;
        transition: left 0.5s;
        transition-delay: 0.5s;
    }

    .cont-menu {
        height: 60px;
        padding-top: 8px;
        box-shadow: 0 1px 15px rgba(0,0,0,.3);
        background-color: #fff;
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0
    }
        .cont-menu .menu-mobile {
            display: block
        }

        .cont-menu .logo {
            width: 60px
        }

    #menu {
        background-color: #454545;
        width: 175px;
        justify-content: left !important;
        height: 100%;
        position: fixed;
        z-index: 20;
        margin-top: 11px !important;
        right: 0px;
        display: block !important;
        transition: all .5s;
        overflow: scroll;
        padding-bottom: 120px;
        top:49px;
    }

        #menu:not(.show) {
            right: -200px;
        }

        .cont-menu .btn-menu {
            height: 20px;
            width: 155px;
            display: inline-block !important;
            margin-top: 30px
        }
            .cont-menu .btn-menu:first-child {
                margin-top: 27px;
            }

    .cont-menu.cont-menu-adaptive .btn-menu {
        width: 165px;
    }

            .cont-menu .btn-menu p {
                color: #fff
            }
       
    #menu2 {
        display: none;
    }

    .activo {
        border-bottom: 2px solid #fff !important
    }

    .cont-menu .btn-menu:hover {
        border-bottom: none
    }

    .btn-atras .icono-atras {
        left: 0;
        opacity: 1
    }

    .btn-siguiente .icono-siguiente {
        right: 0;
        opacity: 1
    }

    .btn-regresar p {
        opacity: 1
    }

    .btn-regresar .icono-regresar {
        margin-right: 0
    }

    .separador{
        display: none
    }

    .cont-contacto {
        padding: 30px 30px 60px !important
    }

        .navegacion .separador {
            display: block
        }

        .titulo-clientes, .titulo-contacto, .titulo-talentos {
            font-size: 20px
        }

        .navegacion {
            width: 308px
        }

        .cont-contacto.clientes .navegacion, .cont-contacto.talentos .navegacion {
            width: 260px
        }

        .cont-titulo-adaptive .titulo-img {
            position: absolute;
            top: 25px;
            right: -351px;
            width: 397px
        }

        .cont-titulo-adaptive .titulo-adaptive-img {
            position: absolute;
            top: 25px;
            right: -340px;
            width: 390px;
        }

        .cont-form-adaptive {
            padding-top: 130px
        }

        #login .cont-form-adaptive {
            padding-top: 180px
        }

        .descripcion {
            width: 100% !important
        }

        p {
            line-height: 23px
        }

        .proceso img {
            height: 100px
        }

        .proceso .paso-descripcion p {
            font-size: 10px;
            line-height: 13px
        }

        .proceso .paso-descripcion.uno {
            width: 80px;
            top: 6px;
            right: inherit;
            left: 30px
        }

        .proceso .paso-descripcion.dos {
            width: 130px;
            top: 45px;
            left: -48px
        }

        .proceso .paso-descripcion.tres {
            width: 106px;
            top: 7px;
            right: inherit;
            left: 46px
        }

        .proceso .paso-descripcion.cuatro {
            width: 97px;
            top: 62px;
            left: inherit;
            right: 38px
        }

        .proceso .paso-descripcion.cinco {
            width: 98px;
            top: 27px;
            left: inherit;
            right: 18px
        }

    .modal-aviso h2 {
        font-size: 20px;
        text-decoration: underline;
        margin-bottom: 30px
    }

    #login-recupera {
        min-height: 549px;
    }

    .alert > span {
        font-size: 0.8rem;
    }

    /************ MODALS ***********/
    .modal-content.recursos {
        height: calc(100% - 3.5rem);
        background-color: transparent;
        border: 0;
        margin-top: 3.5rem;
    }

    .modal-lg, .modal-xl {
        max-width: 1024px;
    }

    .modal-md {
        max-width: 850px;
    }

    .controles {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        height: 60px;
        width: 100%;
        background-color: rgba(0,0,0,0.6);
        padding: 5px 15px;
        z-index: 5;
    }

    .close.outer.pdf {
        position: relative;
        display: block;
        right: 20px;
        top: 7px;
    }

    .lnk-img-download {
        position: relative;
        display: block;
        top: 7px;
        right: 50px;
    }

    .img-comunicado {
        position: relative;
        display: inline-block;
        width: 100%;
        max-height: 100%;
    }

    .iframe-book,
    .iframe-pdf {
        width: calc(100vw - 2rem);
        height: calc(100vh - 8rem);
        padding-left: 1rem;
    }

    .modal-aviso .cerrar-video {
        right: 0px;
    }

    /************ MODALS ***********/
    /************  CUSTOME *************/
    .cont-menu-adaptive .logo-adaptive {
        margin-top: 17px;
        width: 60px;
        margin-left: 80px;
    }

    .cont-menu-adaptive .logo-agencia {
        float: left;
        margin-left: 1.5rem;
        width: 60px;
    }

    #navbarText {
        display: none;
    }

    #menu .btn-menu-avatar {
        display: block;
        width: 155px;
        display: inline-block !important;
        margin-top: 10px;
    }

    #menu .img-avatar {
        display: inline-block;
        width: 40px;
        vertical-align: middle;
    }

    #menu span {
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        line-height: 1.1em;
        padding-top: 14px;
        color: #fff;
        max-width: 110px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #menu span small {
            display: block;
            color: #999;
            font-weight: 200;
            font-size: 0.7rem;
            padding-left: 1px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .lvw-empty {
        font-size: 20px;
        min-height: 200px;
        padding: 5vh 20px;
        margin: 0 auto;
    }

    .tarjeta .cp-book, .tarjeta .cp-cuenta, .tarjeta .cp-rfc {
        font-size: 25px;
    }

    input.bttn-adaptive-solid, a.bttn-adaptive-solid {
        font-size: 12px;
    }
    /************  CUSTOME *************/
    /****************** CARDS ******************/
    .tarjeta {
        padding: 1rem 0.5rem;
        /*margin: 15px 0px;*/
    }
        .tarjeta p {
            line-height: 23px;
        }

    .titulo h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .tarjeta .c-nombre {
        padding-bottom: 5px;
    }

    .tarjeta .c-perfil span {
        max-width: calc(100% - 45px);
    }

    footer .separador {
        display: block;
    }

    .total-ganado {
        font-size: 1rem;
    }
        .total-ganado i {
            font-size: 1rem;
        }
        .total-ganado h4 {
            font-size: 1rem;
        }
        .total-ganado h3 {
            font-size: 1.2rem;
        }
    /****************** CARDS ******************/
    .notification {
        top: 70px;
    }

    .table .icon-action {
        font-size: 1.8em !important;
        color: #4A4A4A;
        padding: 0px;
        line-height: 1.8em;
    }
    table .icon-action:nth-child(2n) {
        padding-right: 4px!important;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 0.8rem;
    }

    footer {
        padding-bottom: 30px;
    }

    .separador-wh,
    .separador-wh-login {
        display: none
    }

    .cont-total {
        height: auto;
        padding: 0px 0px 60px 0px !important;
    }

    .cont-contacto {
        padding: 30px 30px 60px !important
    }

        .mapa {
            height: 300px
        }

        .navegacion {
            bottom: 0
        }

        .cont-titulo-adaptive .titulo-img {
            position: absolute;
            top: 13px;
            right: inherit;
            left: 54px
        }

        .cont-titulo-adaptive .titulo-adaptive-img {
            position: absolute;
            top: 0px;
            right: inherit;
            left: 50px
        }

        .cont-titulo-adaptive {
            height: 100px;
            width: 100px
        }

        .cont-form-adaptive {
            padding-top: 30px
        }

        #login .cont-form-adaptive {
            padding: 60px 60px 0px 60px;
        }

    #login-form {
        min-height: 400px;
    }

    #login-recupera {
        min-height:400px;
    }

    .alert > span {
        font-size: 0.6rem;
    }

    .h1, h1 {
        font-size: 2rem
    }

    .h2, h2 {
        font-size: 1.75rem
    }

    .h3, h3 {
        font-size: 1.5rem
    }

    .h4, h4 {
        font-size: 1.25rem
    }

    .h5, h5 {
        font-size: 1rem
    }

    .h6, h6 {
        font-size: 0.75rem
    }

    ul.brief li a,
    ul.archivos li a span {
        display:block;
        white-space: nowrap;
        overflow-x: auto;
        text-overflow: ellipsis;
        line-height: 1em;
    }
    ul.archivos li a span {
        display: inline-block;
        max-width: calc(100% - 25px);
    }

    .no-carga-sm {
        display: none;
    }
    .area-foto {
        position: relative;
        max-width: 200px;
        margin: 0 auto;
    }
    .bttn-perfil.bttn-foto {
        right: 5px;
    }
    /************ MODALS ***********/
    .modal-content.recursos {
        height: calc(100% - 3.5rem);
        background-color: transparent;
        border: 0;
        margin-top: 3.5rem;
    }

    .modal-lg, .modal-xl {
        max-width: 1024px;
    }

    .modal-md {
        max-width: 850px;
    }

    .img-comunicado {
        position: relative;
        display: inline-block;
        width: 95%;
        max-height: 100%;
    }

    .iframe-book,
    .iframe-pdf {
        width: 100%;
        height: calc(100vh - 3.5rem);
    }

    .modal-aviso .cerrar-video {
        right: 0px;
    }

    /************ MODALS ***********/
    /************ CUSTOME ***********/
   /* .tarjeta {
        margin: 10px 0;
    }*/

    .cont-menu-adaptive .logo-adaptive {
        float:right;
    }
    #areaLogos {
        width: calc(50% + 30px);
    }
    .cont-contacto p, .adaptive p {
        line-height: 23px;
        overflow-wrap: break-word;
    }

    .dm-uploader h4 {
        font-size: 0rem;
    }

        .dm-uploader h4 small p {
            font-size: 0.75rem;
        }

    .titulo-clientes, .titulo-contacto, .titulo-talentos {
        font-size: 18px;
    }

    .formulario-md .col-md-5,
    .formulario-md .col-md-7 {
        -ms-flex: inherit;
        flex: inherit;
        max-width: inherit;
    }

    .lvw-empty.lvw-md {
        font-size: 16px;
        padding: 5vh 10px;
    }

    .tarjeta.freelancer [class*='c-']:first-child {
        margin-right: 0px;
        margin-left: 0px;
    }

    .tarjeta.freelancer .icon-action {
        font-size: 1.8em;
        padding: 0px 10px;
        line-height: 1.8em;
    }

    .card-new .c-nombre {
        padding-bottom: 20px;
    }
    .pdf-frame-button {
        display: flex;
        position: fixed;
        width: calc(100vw - 4px);
        height: calc(100vh - 64px);
        justify-content: center;
        align-items: center;
        background-color: #212529;
        top: 62px;
        left: 2px;
        padding: 0% 25%;
        z-index: 1;
    }

    #pnlFramePDF,
    #iframePDF {
        display: none;
    }
    /************ CUSTOME ***********/
    /* ------ NOTIFICACIONES ------ */
    .notification {
        position: fixed;
        min-height: 100px;
        width: 98%;
        min-width: 98%;
        right: 1%;
        top: -999px;
        padding: 36px 25px 25px 25px;
        background-color: #989898;
        box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
        border-radius: 0px;
        opacity: 0;
        visibility: visible;
        transition: all .5s ease;
        z-index: 9;
    }

    .notification.visible {
        opacity: 1;
        top: 65px;
        visibility: visible;
    }

    .notification .icon {
        width: 40px;
    }

    .notification .text {
        font-size: 12px;
        max-width: 85%;
        word-wrap: normal;
    }

    .notification .close {
        color: rgba(255, 255, 255, .8);
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 2px;
        transition: color .3s ease;
    }
    /* ------ NOTIFICACIONES ------ */
    .total-ganado {
        font-size: 0.9rem;
    }

        .total-ganado i {
            font-size: 1.1rem;
        }

        .total-ganado h4 {
            font-size: 1.1rem;
        }

        .total-ganado h3 {
            font-size: 1.4rem;
        }
}

@media (max-width: 650px) {
    .proceso img {
        width: 150px;
        float: none;
        clear: both;
        display: block;
        margin-top: 30px
    }

    .proceso .cont-proceso {
        display: block !important
    }

    .cont-titulo-adaptive .titulo-img {
        width: 229px;
        left: 48px
    }

    .cont-titulo-adaptive .titulo-adaptive-img {
        width: 260px;
        left: 40px;
    }

    .cont-titulo-adaptive {
        height: 73px;
        width: 74px
    }

    .titulo-adaptive {
        margin-bottom: 0
    }

    .proceso .paso {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .proceso img {
        height: 157px
    }

    .proceso .paso-descripcion p {
        font-size: 14px;
        line-height: 13px
    }

    .proceso .paso-descripcion.uno {
        width: auto;
        top: 93px;
        right: inherit;
        left: 89px
    }

    .proceso .paso-descripcion.dos {
        width: auto;
        top: 100px;
        left: inherit;
        right: 42px
    }

    .proceso .img-dos {
        float: right
    }

    .proceso .paso-descripcion.dos p {
        text-align: right
    }

    .proceso .paso-descripcion.tres {
        width: auto;
        top: 68px;
        right: inherit;
        left: 82px
    }

    .proceso .paso-descripcion.cuatro {
        width: auto;
        top: 50px;
        left: inherit;
        right: 90px
    }

    .proceso .img-cuatro {
        float: right
    }

    .proceso .paso-descripcion.cuatro p {
        text-align: right
    }

    .proceso .paso-descripcion.cinco {
        width: auto;
        top: 76px;
        left: inherit;
        right: inherit;
        left: 71px
    }
    /****************** CARDS ******************/
    .total-ganado {
        font-size: 0.9rem;
    }

        .total-ganado i {
            font-size: 1.1rem;
        }

        .total-ganado h4 {
            font-size: 1.1rem;
        }

        .total-ganado h3 {
            font-size: 1.4rem;
        }
    /****************** CARDS ******************/
    /************ MODALS ***********/
    .modal-content.recursos {
        height: calc(100% - 3.5rem);
        background-color: transparent;
        border: 0;
        margin-top: 3.5rem;
    }

    .modal-lg, .modal-xl {
        max-width: 1024px;
    }

    .modal-md {
        max-width: 850px;
    }

    .img-comunicado {
        position: relative;
        display: inline-block;
        width: 95%;
        max-height: 100%;
    }

    .iframe-book,
    .iframe-pdf {
        width: calc(100vw - 1rem);
        height: calc(100vh - 8rem);
    }

    .modal-aviso .cerrar-video {
        right: 0px;
    }

    .close.outer:not(pdf) {
        top: -50px;
        right: 0px;
    }
    /************ MODALS ***********/
    input.bttn-adaptive-solid, a.bttn-adaptive-solid {
        font-size: 14px;
    }

    /********* GRIDVIEWS ********/
    table .proyecto h5 {
        font-size: 0.9rem;
    }
    .table th, .table td {
        padding-right: 0.5rem;
    }
    .table .link2 {
        font-size: 0.69rem;
    }

    .table p {
        font-size: 0.6rem;
        line-height: 16px;
    }

    .table .c-campanias {
        font-size: 0.65rem;
    }

    .table [id*='collapse'] {
        max-width: 100%;
        font-size: 0.6rem;
    }

        .table [id*='collapse'] ul {
            padding-inline-start: 20px;
        }

        .table [id*='collapse'] li {
            display: list-item;
        }

        .table [id*='collapse'] a {
            width: 100%;
            display: inline-grid;
        }

            .table [id*='collapse'] a span {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .table .c-presupuesto,
    .table .c-presupuesto h6 {
        font-size: 0.6rem;
    }

        .table .c-presupuesto .fas {
            display: none;
        }

        .table .c-presupuesto .bttn-adaptive-solid {
            font-size: 8px;
            width: 100%;
        }

    .table:not(.table-1) tr.thead-dark th:last-child,
    .table:not(.table-1) tr.gvw-celdas td:last-child {
        display: none
    }

    /********* GRIDVIEWS ********/
}

@media (max-width: 585px) {
    .form-group {
        margin-bottom: 10px;
        display: block !important
    }

        .form-group .mr-3 {
            margin-right: 0 !important;
            margin-bottom: 10px
        }

    .mapa {
        height: 250px
    }

    .modal-aviso .modal-dialog {
        padding: 15px
    }

    .modal-aviso .modal-body, .modal-aviso .modal-content {
        padding: 10px
    }

    #login .cont-form-adaptive {
        padding: 40px 20px 0px 20px;
    }
    /****************** CARDS ******************/
    .total-ganado {
        font-size: 0.8rem;
    }

        .total-ganado i {
            font-size: 1.1rem;
        }

        .total-ganado h4 {
            font-size: 0.8rem;
        }

        .total-ganado h3 {
            font-size: 0.95rem;
        }
    /****************** CARDS ******************/

    .w-xs-100 {
        width: 100%;
    }
    .text-xs-center {
        text-align: center !important;
    }

    .pdf-frame-button {
        padding: 0% 8%;
    }
}

@media (max-width: 400px) {
    /*-----------Modal foto-----------*/
    .modal-foto-contenido {
        position: relative;
        width: 305px;
        min-height: 500px;
        margin-right: auto;
        margin-left: auto;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.25);
    }

    .modal-body-foto {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem;
    }

    .modal-contenido {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 500px;
        height: 800px;
        pointer-events: auto;
        background-color: transparent;
        background-clip: padding-box;
        border-radius: 0.3rem;
        outline: 0;
    }


    .container-foto {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .jcrop-keymgr {
        display:none;
    }

    .jcrop-holder {
        width: 400px;
        overflow: hidden;
    }

    /*.jcrop-holder > div > div .jcrop-tracker {
    background-image: url(Imagenes/mascara-foto-op.svg);
    background-size: 100%;
}*/

    .foto-first {
        position: absolute;
        width: 305px;
        height: 400px;
        background-color: transparent;
        cursor: pointer;
        z-index: 10;
        border-radius: 6px 6px 0px 0px;
    }

    .area-foto-edit {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 305px;
        min-height: 400px;
        background: #AAAAAA;
        border-radius: 6px 6px 0px 0px;
        /*border:1px solid #bebebe;*/
    }
    /*-----------Modal foto-----------*/
}

@media (max-width: 350px) {
    .navegacion {
        width: 90%;
        margin: 0
    }

    footer {
        padding-bottom: 30px;
    }

    /****************** CARDS ******************/
    .total-ganado {
        font-size: 0.7rem;
    }

        .total-ganado i {
            font-size: 1rem;
        }

        .total-ganado h4 {
            font-size: 0.8rem;
        }

        .total-ganado h3 {
            font-size: 0.95rem;
        }
    /****************** CARDS ******************/

}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0rem !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0rem !important;
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0rem !important;
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0rem !important;
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0rem !important;
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important;
    }



    .p-lg-0 {
        padding: 0rem !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0rem !important;
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0rem !important;
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0rem !important;
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0rem !important;
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important;
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important;
    }
}
/************ MEDIA QUERYS ************/
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: 1;
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
        animation-iteration-count: 2;
        animation-iteration-count: calc(var(--animate-repeat)*2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
        animation-iteration-count: 3;
        animation-iteration-count: calc(var(--animate-repeat)*3)
    }

    .animate__animated.animate__delay-500ms {
        -webkit-animation-delay: 1s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 1s;
        animation-delay: 0.5s
    }
    .animate__animated.animate__delay-800ms {
        -webkit-animation-delay: 1s;
        -webkit-animation-delay: 0.8s;
        animation-delay: 1s;
        animation-delay: 0.8s
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: 1s;
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay)*2);
        animation-delay: 2s;
        animation-delay: calc(var(--animate-delay)*2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay)*3);
        animation-delay: 3s;
        animation-delay: calc(var(--animate-delay)*3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay)*4);
        animation-delay: 4s;
        animation-delay: calc(var(--animate-delay)*4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay)*5);
        animation-delay: 5s;
        animation-delay: calc(var(--animate-delay)*5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration)/2);
        animation-duration: .5s;
        animation-duration: calc(var(--animate-duration)/2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration)*.8);
        animation-duration: .8s;
        animation-duration: calc(var(--animate-duration)*.8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration)*2);
        animation-duration: 2s;
        animation-duration: calc(var(--animate-duration)*2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration)*3);
        animation-duration: 3s;
        animation-duration: calc(var(--animate-duration)*3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/**
 * Copyright (c) 2016 Connor Atherton
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }

.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-scale-random {
  width: 37px;
  height: 40px; }
  .ball-scale-random > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(1) {
      margin-left: -7px;
      -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
              animation: ball-scale 1s 0.2s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(3) {
      margin-left: -2px;
      margin-top: 9px;
      -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
              animation: ball-scale 1s 0.5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.ball-rotate {
  position: relative; }
  .ball-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: relative; }
    .ball-rotate > div:first-child {
      -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
              animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
    .ball-rotate > div:before, .ball-rotate > div:after {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      content: "";
      position: absolute;
      opacity: 0.8; }
    .ball-rotate > div:before {
      top: 0px;
      left: -28px; }
    .ball-rotate > div:after {
      top: 0px;
      left: 25px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 26px;
  width: 26px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      left: -16px;
      top: -2px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; }
  .ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite; }
    .ball-clip-rotate-multiple > div:last-child {
      display: inline-block;
      top: -10px;
      left: -10px;
      width: 15px;
      height: 15px;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      border-color: #fff transparent #fff transparent;
      -webkit-animation-direction: reverse;
              animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
          animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px); }
  .ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
            animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.994px, -37.50938px);
          transform: translate(-29.994px, -37.50938px); }
  .ball-triangle-path > div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff; }
    .ball-triangle-path > div:nth-of-type(1) {
      top: 50px; }
    .ball-triangle-path > div:nth-of-type(2) {
      left: 25px; }
    .ball-triangle-path > div:nth-of-type(3) {
      top: 50px;
      left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
          animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
  .ball-pulse-rise > div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even; }
  .ball-pulse-rise > div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

.ball-grid-beat {
  width: 57px; }
  .ball-grid-beat > div:nth-child(1) {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; }
  .ball-grid-beat > div:nth-child(2) {
    -webkit-animation-delay: -0.02s;
            animation-delay: -0.02s;
    -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s; }
  .ball-grid-beat > div:nth-child(3) {
    -webkit-animation-delay: 0.66s;
            animation-delay: 0.66s;
    -webkit-animation-duration: 1.23s;
            animation-duration: 1.23s; }
  .ball-grid-beat > div:nth-child(4) {
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
    -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s; }
  .ball-grid-beat > div:nth-child(5) {
    -webkit-animation-delay: -0.19s;
            animation-delay: -0.19s;
    -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s; }
  .ball-grid-beat > div:nth-child(6) {
    -webkit-animation-delay: 0.69s;
            animation-delay: 0.69s;
    -webkit-animation-duration: 1.42s;
            animation-duration: 1.42s; }
  .ball-grid-beat > div:nth-child(7) {
    -webkit-animation-delay: 0.58s;
            animation-delay: 0.58s;
    -webkit-animation-duration: 1.14s;
            animation-duration: 1.14s; }
  .ball-grid-beat > div:nth-child(8) {
    -webkit-animation-delay: 0.21s;
            animation-delay: 0.21s;
    -webkit-animation-duration: 1.17s;
            animation-duration: 1.17s; }
  .ball-grid-beat > div:nth-child(9) {
    -webkit-animation-delay: -0.18s;
            animation-delay: -0.18s;
    -webkit-animation-duration: 0.65s;
            animation-duration: 0.65s; }
  .ball-grid-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-grid-pulse {
  width: 57px; }
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: 0.22s;
            animation-delay: 0.22s;
    -webkit-animation-duration: 0.9s;
            animation-duration: 0.9s; }
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; }
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
    -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s; }
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: -0.03s;
            animation-delay: -0.03s;
    -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s; }
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    -webkit-animation-duration: 1.37s;
            animation-duration: 1.37s; }
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.43s;
            animation-delay: 0.43s;
    -webkit-animation-duration: 1.55s;
            animation-duration: 1.55s; }
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s; }
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s; }
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s; }
  .ball-grid-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  .ball-spin-loader > span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  .ball-spin-loader > span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  .ball-spin-loader > span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  .ball-spin-loader > span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag > div:first-child {
      -webkit-animation: ball-zig 0.7s 0s infinite linear;
              animation: ball-zig 0.7s 0s infinite linear; }
    .ball-zig-zag > div:last-child {
      -webkit-animation: ball-zag 0.7s 0s infinite linear;
              animation: ball-zag 0.7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag-deflect > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag-deflect > div:first-child {
      -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
              animation: ball-zig-deflect 1.5s 0s infinite linear; }
    .ball-zig-zag-deflect > div:last-child {
      -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
              animation: ball-zag-deflect 1.5s 0s infinite linear; }

/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  -webkit-animation-duration: 0.54s;
          animation-duration: 0.54s; }

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
  -webkit-animation-duration: 1.15s;
          animation-duration: 1.15s; }

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
  -webkit-animation-duration: 0.77s;
          animation-duration: 0.77s; }

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
  -webkit-animation-duration: 0.61s;
          animation-duration: 0.61s; }

.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
          animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
            animation-delay: -0.25s !important; }
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px; }
  .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px; }

/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }
  .pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
            animation: pacman-balls 1s -0.99s infinite linear; }
  .pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
            animation: pacman-balls 1s -0.66s infinite linear; }
  .pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
            animation: pacman-balls 1s -0.33s infinite linear; }
  .pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear; }
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
            animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
            animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
    top: 25px;
    left: 70px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  .cube-transition > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out; }
    .cube-transition > div:last-child {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }
  .semi-circle-spin > div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%; }