* {
    /* CSS Reset */
    margin: 0;
    padding: 0;
}

.Carrusel {
    display: flex;
    width: 100%;
    height: 70vh;
    box-sizing: border-box;
    cursor: pointer;

    object-fit: cover;
}

.box {
    flex: 1;
    overflow: hidden;
    line-height: 0;
    transition: all 300ms;

}

.box > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms;
}

.box:hover {
    flex: 7%;
    height: 70vh;
}

.box:hover > img {
    height: 70vh;
    width: 100%;
}


.BtnHome {
    background-color: #000000;
}

.DesGeneral {
    height: auto;
    object-fit: cover;

    justify-content: center;
    align-content: center;
}

.Descrip01 {
    font-size: 20px;
}

.DescripcionIni {
    height: auto;
    object-fit: cover;

    justify-content: center;
    align-content: center;
    text-align: justify;
}

.DescripcionIni h5 {
    font-size: 10px;
}

.DescripcionIni > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    margin: auto;
}

.Descripcion p {
    margin: 1%;
    display: flex;
    text-align: justify;
    align-content: center;
    justify-content: center;
}

.DescripcionIni h5 {
    border: none;
    text-align: center;
}

.DescripcionHome {
    height: 100%;
    overflow: hidden;
    margin: auto;
}

.DescripcionHome p {
    border: none;
    margin: 1%;

    text-align: justify;
}

.DescripcionHome h5 {
    border: none;
    text-align: center;
    align-items: center;
}

.DescripBoton {
    margin: auto;
    padding: 20px;
}

.BotonIni {
    background-color: red;
}

.CitaMovil {
    background-color: #000000 !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    height: auto;
    width: 427px !important;
    border: 3px solid red;

}

.CitaMovil > a {
    font-size: 20px !important;
    font-weight: 700;
    color: #ffffff;
    height: auto;
}

.Manager {
    background-color: #000000 !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    height: auto;
    width: 427px !important;
}

.Manager > a {
    font-size: 20px !important;
    font-weight: 700;
    color: #ffffff;
    height: auto;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

/*********************************************************************************/
/************                                                         ************/
/************               OCULTACION DE CONTENEDORES                ************/
/************                                                         ************/
/*********************************************************************************/

/*@media only screen and (min-width:1023px) {*/
@media (min-width:1023px) {

    .ContratMovil {
        visibility: hidden;
        max-height: 0px;
    }

    .MapaMovil {
        display: flex;
    }


    .CarruselMovil {
        display: none;
    }

}


/***********************************************************************************************/
/******************************
/******************************  INICIO RESPONSIVE DISPOSITIVOS MOVIL
/******************************
/***********************************************************************************************/

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media (max-width: 480px) {

    * {
        /* CSS Reset */
        margin: 0;
        padding: 0;
        overflow: auto;
    }

    .Carrusel {
        display: none;
    }

    .CarruselMovil {
        visibility: visible;
    }

    .GestionNormal {
        visibility: hidden;
        max-height: 0px;
    }

    .GestionMovil {
        visibility: visible;
        height: auto;
    }

    .GestionMovil h5 {
        color: #ffffff;
        text-align: center;
        background-color: rgb(198, 6, 6) !important;
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .GestionMovil p {
        color: #000000;
        text-align: justify;
        width: auto;
        height: auto;
    }

    .GestionMovil a {
        background-color: #ff0000;
    }


    .DescripcionIni > h5 {
        background-color: #000000;
        height: auto;
        color: #ffffff;
        width: 100%;

        border: 1px solid #000000;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;

        font-size: 20px !important;
    }

    .PermiMovil {
        font-size: 20px !important;
        font-weight: 700;
        background-color: transparent;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px;
        border: 3px solid red;

    }

    .PermiMovil a {
        font-weight: 700;
        background-color: #000000 !important;
    }

    .ContraMovil {
        background-color: rgb(198, 6, 6) !important;
        height: auto;
        overflow: hidden;
    }

    .CitaMovil {
        background-color: #000000 !important;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px;
        height: auto;
        width: 250px !important;
        overflow: hidden;
    }

    .CitaMovil > a {
        font-size: 20px !important;
        font-weight: 700;
        color: #ffffff;
        height: auto;
        width: auto;

    }

    .BotonContra a {
        background-color: #ff0000 !important;
    }

    .Sheriff {
        display: none;
    }

    .PagMov {
        background-color: #ffffff;
        color: rgb(198, 6, 6);
        text-align: center;
        font-weight: 700;
    }

    .PagMov h3 {
        overflow: hidden;
        font-style: italic;
        color: #000000;
        font-size: 18px;
        margin: auto;
    }

    .PagMov p {
        margin: 0px;
        letter-spacing: 12px;
    }

    .PagMov a {
        background-color: rgb(198, 6, 6);
        color: #ffffff !important;
    }

    .ContratMovilFin {
        visibility: hidden;
        max-height: 0px;
    }
}