﻿@charset "UTF-8";

@import url("estructura.css");
@import url("textos.css");
@import url("formularios.css");

@import url("index.css");


@import url("responsive.css");
@import url("Clima.css");
@import url("cintainformativa.css");
@import url("datatable1.css");
@import url("jquery-ui.css");



@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('../fonts/AvenirLTStd-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Medium';
    src: url('../fonts/AvenirLTStd-Medium.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Book';
    src: url('../fonts/AvenirLTStd-Book.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz';
    src: url('../fonts/AkzidenzGrotesk-Cond.otf');
    font-weight: normal;
    font-style: normal;
}

body {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #00529c;
    font-family: 'AvenirLTStd', sans-serif;
    color: #000;
    letter-spacing: 0.03em;
}

*:focus {
    outline: none;
}

a:link, a:hover {
    text-decoration: none;
    /* color: #000000; */
}

.limiwi {
    padding-top: 80px !important;
    width: 80%;
}

.centro {
    text-align: -webkit-center;
}



/* MARGENES */
.margensup-xs {
    margin-top: 15%;
}

.margensup-s {
    margin-top: 3%;
}

.margensup-ss {
    margin-top: 4%;
}

.margensup-sm {
    margin-top: 7%;
}

.margensup-m {
    margin-top: 10%;
}

.margensup-l {
    margin-top: 15%;
}

.margeninf-xs {
    margin-bottom: 1%;
}

.margeninf-s {
    margin-bottom: 3%;
}

.margeninf-sm {
    margin-bottom: 7%;
}

.margeninf-m {
    margin-bottom: 10%;
}

.margeninf-l {
    margin-bottom: 15%;
}

.m0 {
    margin: 0;
}

.m0i {
    margin: 0 !important;
}

.mt15i {
    margin-top: 15px !important;
}

.mt30 {
    margin-top: 30px;
}

.mr20i {
    margin-right: 20px !important;
}

.logo {
    width: 248px;
    height: 61px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}


.centrado {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
}

.nopadding {
    padding-right: 0px;
    padding-left: 0px;
}

.sipadding {
    padding-right: 15px;
    padding-left: 15px;
}

.padding-l {
    padding-left: 30px;
}

.padding-r {
    padding-right: 30px;
}

.p0 {
    padding: 0;
}

.p20 {
    padding: 20px;
}

.textC {
    text-align: center;
}

.textL {
    text-align: left;
}

/* POSICION */
.fleft {
    float: left;
}

/* DISPLAY */
.dinline {
    display: inline;
}
/* COMENTO PARA CENTRAR INPUT DE POP UP DE AGENCIAS EN COTIZA */
/* .dflex {
    display: flex;
} */

/* WIDTH */
.w40 {
    width: 40%;
}

.w60 {
    width: 60%;
}

w80 {
    width: 80%;
}
/* comento el width del input de pop up de agencia, ahora esta en cotiza.css */
/* .w80i {
    width: 70% !important;
} */

.w95i {
    width: 99% !important;
}

.w100 {
    width: 100%;
}

.mw100 {
    max-width: 100%;
}

/* FONT-SIZE */
.fsize15 {
    font-size: 15px;
}

.fsize16 {
    font-size: 16px;
}

.fsize20 {
    font-size: 20px;
}

/* COLORES */
.rojo {
    color: red;
}

.divPromoCode {
    width: 98%;
}

/* LETRAS */
.titular {
    font-size: 3.5em;
    text-align: center;
    font-family: 'AvenirLTStd-Medium';
}

.subtitulo {
    font-size: 13px;
    text-align: center;
    font-family: 'Fira Sans';
    line-height: 20px;
    margin-bottom: 20px;
}

.subtitulo-2 {
    font-size: 14em;
    text-align: left;
    font-family: 'Akzidenz';
}

.subtitulo-3 {
    font-size: 1.5em;
    text-align: left;
    font-family: 'AvenirLTStd-Light';
}

.texto {
    font-family: "AvenirLTStd-Light";
    font-size: 2.3em;
    text-align: center;
    font-family: 'AvenirLTStd-Light';
}

.texto-2 {
    font-size: 1em;
    text-align: left;
    font-family: 'AvenirLTStd-Light';
}

.recuadro {
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    height: 122px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 15px 15px;
    width: 547px;
}

.textoP {
    font-family: "AvenirLTStd-Light";
    font-size: 2.3em;
    text-align: center;
    color: white;
}

.titularP {
    font-size: 3.5em;
    text-align: center;
    font-family: 'AvenirLTStd-Medium';
}

.recuadro2 {
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    height: 122px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 15px 15px;
    width: 547px;
}
/* LINEAS */

.barra-l {
    border-left: 1px solid #fff;
    max-height: 150px;
    padding-left: 10%;
}

.barra-r {
    border-right: 1px solid #fff;
    max-height: 150px;
    padding-right: 10%;
}

hr {
    border-top: 1px solid #fff;
}



/* BOTON */

.boton {
    display: inline-block;
    padding: 0.3% 10%;
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'Akzidenz';
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px;
    background-color: #62bb46;
    color: #fff;
    border-width: 1px;
    border-color: #fff;
}

    .boton:hover {
        color: #fff;
        text-decoration: none;
        background-color: #42e207;
        cursor: pointer;
    }

.boton-2 {
    display: inline-block;
    padding: 0.3% 10%;
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'Akzidenz';
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px;
    background-color: #00529c;
    color: #fff;
    border-width: 1px;
    border-color: #fff;
    width: 100%;
}

    .boton-2:hover {
        color: #00529c;
        text-decoration: none;
        background-color: #fff;
        cursor: pointer;
    }

.boton-3 {
    display: inline-block;
    padding: 0.3% 10%;
    margin-bottom: 0;
    font-size: 20px;
    font-family: 'Akzidenz';
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px;
    background-color: #62bb46;
    color: #fff;
    border-width: 1px;
    border-color: #fff;
    width: 100%;
}

    .boton-3:hover {
        color: #fff;
        text-decoration: none;
        background-color: #42e207;
        cursor: pointer;
    }

.centrado-boton {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
}


/* GRADIENTE */

.etiqueta {
    min-height: 30px;
    width: 100%;
    padding-left: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #fff;
    font-family: 'AvenirLTStd-Book';
    font-size: 1.3em;
    background: #00529c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #00aeef, #00529c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #00aeef, #00529c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #00aeef, #00529c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #00aeef, #00529c); /* Standard syntax */
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-right-color: #00529c;
    border-radius: 5px 0px 0px 5px;
}

.etiqueta-max {
    min-height: 80px;
    width: 100%;
    padding-left: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #fff;
    font-family: 'AvenirLTStd-Book';
    font-size: 1.3em;
    background: #00529c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #00aeef, #00529c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #00aeef, #00529c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #00aeef, #00529c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #00aeef, #00529c); /* Standard syntax */
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-right-color: #00529c;
    border-radius: 5px 0px 0px 5px;
}


i.fa {
    float: right;
    padding-right: 5%;
    color: #00aeef;
    font-size: 1.4em;
}


/* INPUTS */

input.input-sm {
    min-height: 40px;
    border-radius: 6px;
}

.campo {
    min-height: 33px;
    font-family: 'AvenirLTStd-Book';
    border-radius: 5px;
}

select.input-sm {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
}


/* TABLA */

.tabla {
    width: 81%;
}

    .tabla tr th {
        background-color: #ccd7dd;
        color: #00529c;
        font-family: 'AvenirLTStd-Book';
        font-size: 0.8em;
        height: 40px;
        padding-left: 3%;
        border-radius: 6px 6px 0px 0px;
    }

    .tabla tr td {
        background-color: #fff;
        color: #00529c;
        font-family: 'AvenirLTStd-Light';
        font-size: 1.3em;
        height: 40px;
        padding-left: 3%;
        border-radius: 0px 0px 6px 6px;
    }

@media only screen and (max-width: 500px) {
    .limiwi {
        padding: 20px;
        width: 90% !important;
    }

    .listaCotizacionesItem {
        grid-template-columns: none !important;
    }
}

/* LOADER */
.loader {
    margin: 40px auto;
    font-size: 7px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}



/* Loader Azul */
.loaderAzul {
    margin: 40px auto;
    font-size: 7px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5azul 1.1s infinite ease;
    animation: load5azul 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5azul {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #0387ff, 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.5), -1.8em -1.8em 0 0em rgba(3,135,255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.7), 1.8em -1.8em 0 0em #0387ff, 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.5), 1.8em -1.8em 0 0em rgba(3,135,255, 0.7), 2.5em 0em 0 0em #0387ff, 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.5), 2.5em 0em 0 0em rgba(3,135,255, 0.7), 1.75em 1.75em 0 0em #0387ff, 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.5), 1.75em 1.75em 0 0em rgba(3,135,255, 0.7), 0em 2.5em 0 0em #0387ff, -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.5), 0em 2.5em 0 0em rgba(3,135,255, 0.7), -1.8em 1.8em 0 0em #0387ff, -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.5), -1.8em 1.8em 0 0em rgba(3,135,255, 0.7), -2.6em 0em 0 0em #0387ff, -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.5), -2.6em 0em 0 0em rgba(3,135,255, 0.7), -1.8em -1.8em 0 0em #0387ff;
    }
}

@keyframes load5azul {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #0387ff, 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.5), -1.8em -1.8em 0 0em rgba(3,135,255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.7), 1.8em -1.8em 0 0em #0387ff, 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.5), 1.8em -1.8em 0 0em rgba(3,135,255, 0.7), 2.5em 0em 0 0em #0387ff, 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.5), 2.5em 0em 0 0em rgba(3,135,255, 0.7), 1.75em 1.75em 0 0em #0387ff, 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.5), 1.75em 1.75em 0 0em rgba(3,135,255, 0.7), 0em 2.5em 0 0em #0387ff, -1.8em 1.8em 0 0em rgba(3,135,255, 0.2), -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.5), 0em 2.5em 0 0em rgba(3,135,255, 0.7), -1.8em 1.8em 0 0em #0387ff, -2.6em 0em 0 0em rgba(3,135,255, 0.2), -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.5), -1.8em 1.8em 0 0em rgba(3,135,255, 0.7), -2.6em 0em 0 0em #0387ff, -1.8em -1.8em 0 0em rgba(3,135,255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(3,135,255, 0.2), 1.8em -1.8em 0 0em rgba(3,135,255, 0.2), 2.5em 0em 0 0em rgba(3,135,255, 0.2), 1.75em 1.75em 0 0em rgba(3,135,255, 0.2), 0em 2.5em 0 0em rgba(3,135,255, 0.2), -1.8em 1.8em 0 0em rgba(3,135,255, 0.5), -2.6em 0em 0 0em rgba(3,135,255, 0.7), -1.8em -1.8em 0 0em #0387ff;
    }
}
