@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lexend+Mega|Palanquin+Dark&display=swap');
.clientes_area {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
    padding: 120px 0 158px 0;
}

.testimonial_heading_shape1 {
    font-size: 152px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 100;
    color: #849FCD;
    bottom: -20%;
}

.modal-title {
    font-size: 19px;
    padding-top: 4px;
    margin-bottom: -18px;
}

.feature_service_box_width {
    cursor: pointer !important;
}

.texto-galeria {
    position: absolute;
    line-height: 45px;
    bottom: 20px;
    right: 70px;
    color: #F1F1F1;
}

.div-imagen-detalle {
    position: relative;
    transition: .3s;
    border: 10px solid #F1F1F1;
}

.icon-boxx {
    text-align: center;
    width: 77px;
    height: 75px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #F1F1F1;
}

.icon-boxx>i {
    line-height: 75px;
    font-size: 38px;
    color: #38373C;
}

#PopUpNoAutorizado {
    position: fixed;
    top: 18%;
    border-radius: 0 !important;
}

.titulo-modal {
    font-weight: bolder;
    text-align: center;
    font-size: 19px !important;
    font-family: 'Palanquin Dark';
}

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

.header-modal {
    background-color: #849FCD !important;
}

.btn-modal {
    background-color: #849FCD !important;
    font-family: 'Lexend Mega';
    color: #000000;
    font-size: 16px;
    font-weight: bolder;
}

.close {
    opacity: 1 !important;
}

button.close {
    margin-top: -10px !important;
    margin-bottom: -10px;
    margin-right: -7px !important;
}


/* ------------ Banderas----------------*/

ul#navigation5 {
    position: fixed;
    top: 21%;
    left: -129px;
    list-style: none;
    z-index: 8;
    bottom: 15%;
    height: 102px;
}

ul#navigation5 li {
    width: 380px;
    margin-bottom: 10px;
    list-style: none;
    height: 80px;
    overflow: hidden;
}

ul#navigation5 li a {
    display: block;
    width: 140px;
    margin-right: -2px;
    text-align: right;
    height: 83%;
    padding: 4px 3px 4px 4px;
    border-radius: 0px 24px 24px 0px;
    font-weight: 650;
}


/* Large desktop */

@media (min-width: 1200px) {}

@media (min-width: 768px) and (max-width: 979px) {
    #navigation5 {
        display: none
    }
}

@media (max-width: 767px) {
    #navigation5 {
        display: none
    }
}

@media (max-width: 480px) {
    #navigation5 {
        display: none
    }
}

.imagen1:before {
    display: none;
}


/* ------------ Banderas----------------*/

@media only screen and (max-width: 320px) {
    .clientes_area .testimonial_heading_shape1 {
        font-size: 50px !important;
        bottom: -3% !important;
    }
    .clients_logo img {
        width: 120px !important;
    }
    .text-video-empresa {
        font-size: 22px !important;
    }
    #PopUpNoAutorizado {
        position: fixed;
        top: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .clientes_area .testimonial_heading_shape1 {
        font-size: 80px;
        bottom: -6%;
    }
    .clients_logo img {
        width: 150px !important;
    }
    .text-video-empresa {
        font-size: 26px !important;
    }
    #PopUpNoAutorizado {
        position: fixed;
        top: 0 !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .clientes_area .testimonial_heading_shape1 {
        font-size: 100px;
        bottom: -7%;
    }
    .clients_logo img {
        width: 170px !important;
    }
    .text-video-empresa {
        font-size: 36px !important;
    }
    #PopUpNoAutorizado {
        position: fixed;
        top: 0 !important;
    }
}

@media screen and (min-height: 600px) and (max-height: 700px) {
    #PopUpNoAutorizado {
        top: 5%;
    }
}