/* PANTONES */
/******************************
COLOR       PANTONE             HEXA            RGB
ROSA        1895 C              f5b6cd          245 182 205
MORADO      270 C               b4b5df          180 181 223
AZUL        283 C               92c1e9          146 193 233
VERDE       360 C               6cc24a          108 194 74

*******************************/

/* Clase para la seccion de idioma */
.head_idioma{
    width: 100%;
    height: 60px;
    background-color: #b4b5df;
}

/* Clases para los iconos de redes y boton*/
.img_btncita_header{
    display: block;
    margin: 0 auto;
    max-width: 50%;
    width: 25%;

}
.img_logo_header{
    display: block;
    margin: 0 auto;
    width: 50%;
    height: auto;

}
.img_ico_redes{
    margin: 0 auto;
    max-width: 12%;
    width: 12%;
    height: auto;

}

.head_idioma{
    width: 100%;


}
.img_inicio{
    width: 40px;
}
.img_back
{
    position: absolute;
    top: 10%;
    right: 1%;
    /*display: block;
    margin: 0 auto;
    max-width: 15%;


    bottom: 80px;
    left: 10px;
    transition: all 300ms ease 0ms;
    z-index: 99;*/
    width: 80px;
}
video {
    width: 100%;
}

.head_cabeza
{
    background-color: #FFFFFF;
}


.custom-toggler.navbar-toggler {
    border-color: #FFFFFF  !important;
    color: #FFFFFF  !important;

}
.navbar-toggler-icon{
    width: 50px;
}
/* Setting the stroke to green using rgb values (0, 128, 0) */


/* Clases para los iconos de redes y boton para moviles*/
@media screen and (max-width: 767px) {
    .head_idioma{
        width: 100%;
        height: 50px;
        background-color: #b4b5df;
    }

    .img_btncita_header{
        display: block;
        margin: 0 auto;
        max-width: 50%;
        width: 35%;

    }
    .img_logo_header{
        display: block;
        margin: 0 auto;
        width: 40%;
        height: auto;

    }
    .img_ico_redes{
        margin: 0 auto;
        max-width: 20%;
        width: 20%;
        height: auto;
    }
    .img_back
    {
        right: 4%;
        width: 80px;
    }



}
@media screen
and (min-device-width : 768px)
and (max-device-width : 1366px)
{
    .img_back
    {
        top: 60%;
        width: 80px;
    }

    .img_logo_header{
        display: block;
        margin: 0 auto;
        width: 25%;
        height: auto;

    }
}