/* Fuentes usadas
Google Fonts

Inter
100 to 900
font-family: "Inter", sans-serif;

Rubik
300 to 900
font-family: "Rubik", sans-serif;

*/


body {
    font-family: "Inter", sans-serif;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #1F1C1A;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Rubik", sans-serif;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

h1 {
    font-size: 300%;
}

h2 {
    font-size: 200%;
}

h3 {
    font-size: 150%;
}

lead,
.lead {
    font-size: 130%;
    line-height: 1.6 !important;
}


@media only screen and (max-width: 992px) {}



/* <ENCABEZADO> */

.navbar {
    --bs-navbar-padding-y: 0rem;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.brandLogo {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

#fFranjaEncabezado .recuadro {
    padding-top: 1rem;
}

#fFranjaEncabezado .texto {
    font-family: "Rubik", sans-serif;
    font-weight: 700 !important;
    font-size: 150%;
}

#fFranjaEncabezado .texto a {
    color: #1F1C1A;
    text-decoration: none;
}

#fFranjaEncabezado .texto a:hover {
    color: #1F1C1A;
    text-decoration: underline;
}

#fFranjaEncabezado .textoDivisor {
    font-weight: 400;
    color: #D5D7D6;
    padding-left: 1rem;
    padding-right: 1rem;
}

#fFranjaEncabezado .iconoTelefono {
    font-size: 130%;
    color: #FF0000;
}

#fFranjaEncabezado .iconoWhatsapp {
    font-size: 170%;
    color: #FF0000;
}

#fFranjaEncabezado .redes a {
    font-size: 150%;
    color: #1F1C1A;
    text-decoration: none;
}

#fFranjaEncabezado .redes a:hover {
    color: #FF0000;
    text-decoration: underline;
}




@media only screen and (max-width: 992px) {

    .brandLogo {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }


    h1 {
        font-size: 260%;
    }

}

/* </ENCABEZADO> */


/* <MENU> */
#fFranjaMenu {
    background-color: #E9EAEA;
}

.navbar-nav {
    --bs-nav-link-padding-y: 1.25rem;
    --bs-nav-link-color: #111;
    --bs-nav-link-hover-color: #FF0000;
    --bs-nav-link-font-weight: 500 !important;
    line-height: 1.6;
    font-size: 95%;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #111;
    font-weight: 700 !important;
}

.navbar-nav .nav-link.active {
    border-bottom: 4px solid #FF0000;
}

.nav-link:hover {
    color: #FF0000;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 1.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    --bs-nav-link-font-weight: 600;
}

.btnContacto {
    background-color: #1F1C1A;
    border: none;
    padding: .5rem;
    font-weight: 500;
    color: #FFF;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;

    transition: border-top-left-radius 0.15s 0.15s ease-out, border-top-right-radius 0.15s 0.30s ease-out, border-bottom-right-radius 0.15s 0.45s ease-out, border-bottom-left-radius 0.15s 0.60s ease-out, box-shadow 0.75s ease-out, transform 0.75s ease-out;
}

.btnContacto:hover {
    opacity: .8;
    background-color: #FF0000;
    border-radius: 20px 20px 20px 20px;
}


@media only screen and (max-width: 991px) {

    #fFranjaMenu {
        background-color: #fff;
        background-image: none;
        outline: 0px solid #E4E4E5;
        outline-offset: 0px;
        border-bottom: 1px solid #E4E4E5;
    }

    .navbar {
        --bs-navbar-padding-y: 0rem;
    }

    .navbar-nav {
        --bs-nav-link-padding-y: 1.2rem;
        --bs-nav-link-font-weight: 400;
        --bs-nav-link-color: #111;
        --bs-nav-link-hover-color: #111;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        color: #111;
        --bs-nav-link-font-weight: 700;
    }

    .navbar-nav .nav-link.active {
        border-bottom: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0rem;
        border-bottom: 1px solid #E4E4E5;
    }

    .nav-link:hover {
        color: #111;
        text-decoration: underline;
    }

    #fFranjaMenu .offcanvas {
        z-index: 4000;
        background: #fff;
    }

    .navbar-toggler {
        color: var(--bs-navbar-color);
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-radius: 0;
    }

    .offcanvas {
        padding-left: 1rem;
    }


    #fFranjaMenu .iconoTelefono {
        font-size: 130%;
        color: #FF0000;
    }

    fFranjaMenu #fFranjaEncabezado .iconoWhatsapp {
        font-size: 150%;
        color: #FF0000;
    }

    #fFranjaMenu .redes {
        text-align: center;
        padding: 1.5rem .5rem;
    }

    #fFranjaMenu .redes a {
        font-size: 150%;
        color: #FF0000;
        text-decoration: none;
        padding-left: .3rem;
        padding-right: .3rem;
    }

    #fFranjaMenu .redes a:hover {
        color: #C60706;
        text-decoration: underline;
    }

    .btnContacto {
        padding: 1rem 2rem;
    }

}

/* </MENU> */

/* <BANNER> */
#fFranjaBanner {
    padding-top: 15rem;
    padding-bottom: 15rem;
    background: url(/images/banner/fondo-banner-ppal.jpg) bottom center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaBanner h1 {
    font-size: 400%;
}

#fFranjaBanner .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}

#fFranjaBanner .columna1 {
    padding: 4rem 4rem 4rem 5rem;
}

#fFranjaBanner .columna2 {
    padding: 3rem 4rem 3rem 2rem;
}


@media only screen and (max-width: 1200px) {

    #fFranjaBanner {
        padding-top: 10rem;
        padding-bottom: 10remrem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaBanner {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    #fFranjaBanner h1 {
        font-size: 200%;
    }

    #fFranjaBanner .columna1 {
        padding: 2rem 2rem 1rem 2.5rem;
    }

    #fFranjaBanner .columna2 {
        padding: 0rem 2.5rem 4rem 2.5rem;
    }

}

/* </BANNER> */



/* <GUARDIAS> */
#fFranjaServiciosGuardias {
    background: url(/images/fondos/fondo-franja-guardias.jpg) top center;
    background-size: cover;
    background-color: #E8E8E6;
}

#fFranjaServiciosGuardias .columna1 {
    text-align: left;
}

#fFranjaServiciosGuardias .columna2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

#fFranjaServiciosGuardias .titulo {
    width: 3rem;
}

#fFranjaServiciosGuardias .foto {
    padding: 2rem 2rem;
}


@media only screen and (max-width: 1200px) {

    #fFranjaServiciosSeguridad .foto {
        padding: 1rem 1rem;
    }

}


@media only screen and (max-width: 992px) {

    #fFranjaServiciosGuardias .titulo {
        width: 2rem;
    }

    #fFranjaServiciosGuardias .foto {
        padding: 1rem 1rem;
    }

    #fFranjaServiciosGuardias .columna2 {
        padding-top: 3rem;
        padding-bottom: 1rem;
        padding-right: 0rem;
    }

}

/* </GUARDIAS> */

/* <ALARMAS> */
#fFranjaServiciosAlarmas {
    background: url(/images/fondos/fondo-franja-alarmas.jpg) center center;
    background-size: cover;
    background-color: #E3E4E8;
}

#fFranjaServiciosAlarmas .columna3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#fFranjaServiciosAlarmas .columna4 {
    text-align: right;
}

#fFranjaServiciosAlarmas .titulo {
    width: 3rem;
    position: absolute;
    right: 0;
}

#fFranjaServiciosAlarmas .foto {
    padding: 2rem 2rem;
}

@media only screen and (max-width: 1200px) {

    #fFranjaServiciosSeguridad .foto {
        padding: 1rem 1rem;
    }

}

@media only screen and (max-width: 992px) {

    #fFranjaServiciosAlarmas .titulo {
        width: 2rem;
    }

    #fFranjaServiciosAlarmas .foto {
        padding: 2rem 1rem;
    }

    #fFranjaServiciosAlarmas .columna3 {
        padding-top: 3rem;
        padding-bottom: 0rem;
        padding-left: 2.5rem;
        padding-right: 0rem;
    }

}

/* </ALARMAS> */

/* <SEGURIDAD> */
#fFranjaServiciosSeguridad {
    background: url(/images/fondos/fondo-franja-seguridad.jpg) center center;
    background-size: cover;
    background-color: #D6DADD;
}

#fFranjaServiciosSeguridad .columna1 {
    text-align: left;
}

#fFranjaServiciosSeguridad .columna2 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#fFranjaServiciosSeguridad .titulo {
    width: 3rem;
}

#fFranjaServiciosSeguridad .foto {
    padding: 2rem 2rem;
}


@media only screen and (max-width: 1200px) {

    #fFranjaServiciosSeguridad .foto {
        padding: 1rem 1rem;
    }

    #fFranjaServiciosSeguridad .columna2 {
        padding-right: 2rem;
    }

}


@media only screen and (max-width: 992px) {

    #fFranjaServiciosSeguridad .titulo {
        width: 2rem;
    }

    #fFranjaServiciosSeguridad .foto {
        padding: 1rem 1rem;
    }

    #fFranjaServiciosSeguridad .columna2 {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }
}

/* </SEGURIDAD> */

/* <CONSULTORIA> */
#fFranjaServiciosConsultoria {
    background: url(/images/fondos/fondo-franja-consultoria.jpg) bottom center;
    background-size: cover;
    background-color: #E0E1E3;
}

#fFranjaServiciosConsultoria .columna3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

#fFranjaServiciosConsultoria .columna4 {
    text-align: right;
}

#fFranjaServiciosConsultoria .titulo {
    width: 3rem;
    position: absolute;
    right: 0;
}

#fFranjaServiciosConsultoria .foto {
    padding: 2rem 2rem;
}

@media only screen and (max-width: 1200px) {
    #fFranjaServiciosConsultoria .columna2 {
        padding-right: 0rem;
    }

    #fFranjaServiciosSeguridad .foto {
        padding: 1rem 1rem;
    }
}

@media only screen and (max-width: 992px) {

    #fFranjaServiciosConsultoria .titulo {
        width: 2rem;
    }

    #fFranjaServiciosConsultoria .foto {
        padding: 2rem 1rem;
    }

    #fFranjaServiciosConsultoria .columna3 {
        padding-top: 3rem;
        padding-bottom: 0rem;
        padding-left: 2.5rem;
        padding-right: 0rem;
    }
}

/* </CONSULTORIA> */


/* <VALORES> */
#fFranjaValores {}

#fFranjaValores .columna1 {
    text-align: left;
}

#fFranjaValores .columna2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
}

#fFranjaValores .recuadro {
    padding: 2rem 4rem;
}

#fFranjaValores .titulo {
    width: 3rem;
}

#fFranjaValores .icono {
    width: 180px;
}

#fFranjaValores .texto {
    margin-left: -3.5rem;
}

#fFranjaValores .recuadroCifra {
    padding: 2rem 2rem;
    text-align: center;
}

#fFranjaValores .recuadroCifra .cifra {
    padding-left: 1rem;
    padding-right: 1rem;
}

#fFranjaValores .recuadroCifra p {
    margin-top: -1rem;
}

@media only screen and (max-width: 992px) {

    #fFranjaValores .recuadro {
        padding: 2rem 2rem 2rem 1rem;
    }

    #fFranjaValores .titulo {
        width: 2rem;
    }

    #fFranjaValores .icono {}

    #fFranjaValores .columna2 {
        padding-right: 1rem;
        padding-bottom: 2rem;
    }

}

/* </VALORES> */


/* <TESTIMONIALES> */
#fFranjaTestimoniales {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(/images/fondos/fondo-quotes.jpg) top center;
    background-size: cover;
    background-color: #2D092E;
    color: #fff;
}

#fFranjaTestimoniales .renglon1 {
    padding-bottom: 2rem;
    text-align: center;
}

#fFranjaTestimoniales .testimonial {
    margin: 20px 15px 0;
}

#fFranjaTestimoniales .testimonial .pic {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    float: left;
    border: none;
    position: relative;
}

/* 
     #fFranjaTestimoniales .testimonial .pic:after {
                content: "\f10d";
                font-family: "Font Awesome 6 Sharp";
                font-weight: 400;
                width: 36px;
                height: 36px;
                line-height: 36px;
                border-radius: 50%;
                text-align: center;
                background: transparent;
                font-size: 180%;
                color: #C7231B;
                position: absolute;
                top: 65px;
                left: 0;
            }

 */

#fFranjaTestimoniales .testimonial .pic img {
    width: 100%;
    height: auto;
    /*padding-top: 1.5rem;*/
}

#fFranjaTestimoniales .testimonial .testimonial-content {
    padding: 3rem 2rem 2rem 2rem;
    margin-left: 0;
    background-color: rgb(255, 255, 255, .95);
    border-radius: 1rem;
}

#fFranjaTestimoniales .testimonial .description {
    color: rgb(31, 28, 26, 1);
}

#fFranjaTestimoniales .testimonial .testimonial-title {
    font-size: 90%;
    text-transform: uppercase;
    display: inline-block;
    color: rgb(31, 28, 26, 1);
    font-weight: 600;
}

#fFranjaTestimoniales .testimonial .post {
    font-size: 14px;
    font-style: italic;
    color: #444;
    margin-top: 10px;
}

#fFranjaTestimoniales .owl-theme .owl-buttons {
    margin-top: 20px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 4px 5px 4px !important;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff !important;
}

@media only screen and (max-width: 992px) {

    #fFranjaTestimoniales {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    #fFranjaTestimoniales .renglon1 {
        padding-bottom: 0;
    }

    #fFranjaTestimoniales .testimonial .testimonial-content {
        
    }

}

@media only screen and (max-width: 480px) {

    #fFranjaTestimoniales .testimonial {
        /* text-align: center;*/
    }

    #fFranjaTestimoniales .testimonial .pic {
        float: none;
        margin: 0 auto;
    }

    #fFranjaTestimoniales .testimonial .testimonial-content {
        margin-left: 0;
    }

    #fFranjaTestimoniales .owl-theme .owl-buttons {
        margin-top: 0;
    }
}

/* </TESTIMONIALES> */




/* <CLIENTES> */
#fFranjaClientes {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#fFranjaClientes .renglon1 {
    padding-bottom: 1rem;
}

#fFranjaClientes .renglon2 {
    padding-left: 3rem;
    padding-right: 3rem;
}

#fFranjaClientes .foto {
    padding: 1rem 1rem;
}

#fFranjaClientes .foto:hover {
    transform: scale(1.2);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

@media only screen and (max-width: 992px) {

    #fFranjaClientes .foto {
        padding: 1rem 0rem;
    }

}

/* <CLIENTES> */

/* <FAQS> */
#fFranjaFaqs {
    background: url(/images/fondos/fondo-franja-alarmas.jpg) bottom center;
    background-size: cover;
    background-color: #E3E4E8;
}

#fFranjaFaqs .renglon1 {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

#fFranjaFaqs .columna2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-right: 4rem;
}

#fFranjaFaqs .columna3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#fFranjaFaqs .columna4 {
    text-align: right;
}

#fFranjaFaqs .titulo {
    width: 3rem;
    position: absolute;
    right: 0;
}

#fFranjaFaqs .foto {
    padding: 2rem 2rem;
}

#fFranjaFaqs .accordion {
    --bs-accordion-btn-icon-width: 2rem;
}

#fFranjaFaqs .accordion-item {
    border-bottom: 1px solid rgb(31, 28, 26, .2);
    padding: .5rem 0rem;
}


#fFranjaFaqs .accordion,
#fFranjaFaqs .accordion-item,
#fFranjaFaqs .accordion-button {
    background-color: transparent !important;
}

#fFranjaFaqs .accordion-button {
    font-size: 60%;
}



@media only screen and (max-width: 992px) {


    #fFranjaFaqs .titulo {
        width: 2rem;
    }

    #fFranjaFaqs .foto {
        padding: 2rem 0rem 0rem 0rem;
    }

    #fFranjaFaqs .columna2 {
        padding-top: 3rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 0rem;
    }
}

/* </FAQS> */



/* <BLOG> */
#fFranjaBlog {}

#fFranjaBlog .columna1 {
    text-align: left;
}

#fFranjaBlog .columna2 {
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-right: 4rem;
}

#fFranjaBlog .recuadro {
    padding: 0rem 1.5rem 2rem 1.5rem;
}

#fFranjaBlog .titulo {
    width: 3rem;
}

/* <Efecto fotos> */
#fFranjaBlog .our-team {
    text-align: center;
}

#fFranjaBlog .our-team .pic {
    position: relative;
    overflow: hidden;
    border-radius: .8rem;
}

#fFranjaBlog .our-team .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right top, rgba(255, 0, 0, 0.5), rgba(31, 28, 26, 0.8));
    opacity: 0;
    transition: all 0.4s ease 0s;
    border-radius: 1rem;
}

#fFranjaBlog .our-team:hover .pic:after {
    opacity: 1;
}

#fFranjaBlog .our-team .pic img {
    width: 100%;
    height: auto;
    transition: all 0.4s ease 0s;
}

#fFranjaBlog .our-team:hover img {
    transform: scale(1.4, 1.4);
}

#fFranjaBlog .our-team .texto {
    padding-top: 1rem;
    font-size: 55%;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
}


#fFranjaBlog .our-team .texto a {
    color: #1F1C1A;
}

/* </Efecto fotos> */

@media screen and (max-width: 992px) {
    #fFranjaBlog .our-team {
        margin-bottom: 25px;
    }
}


@media only screen and (max-width: 992px) {

    #fFranjaBlog .recuadro {
        padding: 0rem 1rem 2rem 1rem;
    }

    #fFranjaBlog .titulo {
        width: 2rem;
    }

    #fFranjaBlog .columna2 {
        padding-top: 3rem;
        padding-right: 2rem;
        padding-right: 1rem;
    }

}

/* </BLOG> */





/* <CALL> */
#fFranjaCall {
    padding-top: 7rem;
    padding-bottom: 6rem;
    background: url(/images/fondos/fondo-call.jpg) top center;
    background-size: cover;
    background-color: #240A25;
    color: #fff;
}

#fFranjaCall p {
    font-size: 250%;
    font-weight: 700;
}

@media only screen and (max-width: 992px) {
    #fFranjaCall {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    #fFranjaCall .columna1 {
        padding-bottom: 1rem;
    }

    #fFranjaCall p {
        font-size: 150%;
    }
}

/* </CALL> */


/* <PIE> */
#fFranjaPie {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

#fFranjaPie .titulo {
    font-weight: 700;
    font-size: 120%;
}

#fFranjaPie .redes a {
    padding-left: .2rem;
    padding-right: .2rem;
    opacity: 1;
}


#fFranjaPie .redes a:hover {
    color: #FF0000;
}

#fFranjaPie li {
    padding-bottom: 1rem;
}

#fFranjaPie li a {
    color: #1F1C1A;
    text-decoration: none;
}

#fFranjaPie li a:hover {
    color: #70706F;
    text-decoration: underline;
}

    #fFranjaPie .logo {
        margin-bottom: 3rem;
    }


#fFranjaPie .renglon1 {
    padding-bottom: 3rem;
}

    #fFranjaPie .renglon2 {
        padding-top: 2rem;
        border-top: solid 1px #D5D7D6;
        text-align: center;
    }

@media only screen and (max-width: 992px) {

    #fFranjaPie {
        padding-top: 2rem;
        padding-bottom: 0rem;
    }

    #fFranjaPie .columna1,
    #fFranjaPie .columna2,
    #fFranjaPie .columna3,
    #fFranjaPie .columna4 {
        padding-bottom: 2rem;
        text-align: center;
    }

    #fFranjaPie .logo {
        margin-bottom: 4rem;
    }

    #fFranjaPie .renglon1 {
        padding-bottom: 1rem;
    }

    #fFranjaPie .renglon2 {
        padding-top: 2rem;
    }
}

/* </PIE> */


/* <BOTONES> */
.btn {
    border-radius: 0;
    padding: 1.2rem 3rem;
    font-weight: 500;
    background: #1F1C1A;
    border: none;
    transition:
        border-top-left-radius 0.15s 0.15s ease-out,
        border-top-right-radius 0.15s 0.30s ease-out,
        border-bottom-right-radius 0.15s 0.45s ease-out,
        border-bottom-left-radius 0.15s 0.60s ease-out,
        box-shadow 0.75s ease-out,
        transform 0.75s ease-out;
    color: #FFF;
}

.btn:hover {
    color: #fff;
    background: #FF0000;
    border-radius: 20px 20px 20px 20px;
}


.btn-primary {
    --bs-btn-color: #FFF;
    background-color: #FF0000;
    border: none;
}

.btn-primary:hover {
    --bs-btn-hover-color: #FFF;
    background-color: #C60706;
    border: none;
}




.ligaVerMas {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #111111 !important;
}

.ligaVerMas:hover {
    color: #FF0000 !important;
}

@media only screen and (max-width: 767px) {}

/* </BOTONES> */

/* <VARIOS> */
.badge {
    padding: .4rem .8rem .3rem .8rem;
    font-family: "Inter", sans-serif;
    font-weight: 400 !important;
    font-size: 70%;
    border-radius: 2rem;
}

.text-bg-primary {
    color: #fff !important;
    background-color: #FF0000 !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: #1F1C1A !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: #70706F !important;
}

.divisor {
    margin-bottom: 2rem;
}

.textoRojo {
    color: #FF0000;
}

.textoVerde {
    color: #50B54A;
}

.textoBlanco {
    color: #fff;
}



/* </VARIOS> */
/* <WHATSAPP> */
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 15px;
    left: 15px;
    background-color: #1CC33D;
    color: #FFF !important;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.float:hover {
    color: #FFF;
    background-color: #12DE3B;
}

.my-float {
    margin-top: 10px;
}


@media only screen and (max-width: 991px) {

    .float {
        left: 20px;
    }
}

/* </WHATSAPP> */


/* <CARRUSEL> */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

/* </CARRUSEL> */


/* 
***************************
        INTERIORES 
***************************
*/

/* <SECCION GUARDIAS> */
#fFranjaSeccionGuardias {
    padding-top: 0;
    padding-bottom: 0;
    background: url(/images/secciones/fondo-guardias.jpg) top center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaSeccionGuardias h1 {
    font-size: 400%;
}

#fFranjaSeccionGuardias .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionGuardias {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionGuardias {
    padding-top: 1rem;
    padding-bottom: 1rem;
    }

    #fFranjaSeccionGuardias h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionGuardias .foto {
        padding: 0;
    }

}
/* </SECCION GUARDIAS> */

/* <SECCION ROCA> */
#fFranjaSeccionRoca {
    padding-top: 0;
    padding-bottom: 0;
    background: url(/images/secciones/fondo-roca.jpg) center center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaSeccionRoca h1 {
    font-size: 400%;
}

#fFranjaSeccionRoca .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionRoca {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionRoca {
    padding-top: 1rem;
    padding-bottom: 1rem;
    }

    #fFranjaSeccionRoca h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionRoca .foto {
        padding: 0;
    }

}
/* </SECCION ROCA> */

/* <SECCION ALARMAS> */
#fFranjaSeccionAlarmas {
    padding-top: 0;
    padding-bottom: 0;
    background: url(/images/secciones/fondo-alarmas.jpg) bottom center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaSeccionAlarmas h1 {
    font-size: 400%;
}

#fFranjaSeccionAlarmas .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionAlarmas {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionAlarmas {
    padding-top: 1rem;
    padding-bottom: 1rem;
    }

    #fFranjaSeccionAlarmas h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionAlarmas .foto {
        padding: 0;
    }

}
/* </SECCION ALARMAS> */

/* <SECCION CONSULTORIA> */
#fFranjaSeccionConsultoria {
    padding-top: 0;
    padding-bottom: 0;
    background: url(/images/secciones/fondo-consultoria.jpg) bottom center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaSeccionConsultoria h1 {
    font-size: 400%;
}

#fFranjaSeccionConsultoria .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionConsultoria {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionConsultoria {
    padding-top: 1rem;
    padding-bottom: 1rem;
    }

    #fFranjaSeccionConsultoria h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionConsultoria .foto {
        padding: 0;
    }

}
/* </SECCION CONSULTORIA> */


/* <SECCION BOLSA DE TRABAJO> */
#fFranjaSeccionBolsa {
    padding-top: 0;
    padding-bottom: 0;
    background: url(/images/secciones/fondo-bolsa.jpg) top center;
    background-size: cover;
    background-color: #04000B;
    color: #fff;
}

#fFranjaSeccionBolsa h1 {
    font-size: 400%;
}

#fFranjaSeccionBolsa .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionBolsa {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionBolsa {
    padding-top: 1rem;
    padding-bottom: 1rem;
    }

    #fFranjaSeccionBolsa h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionBolsa .foto {
        padding: 0;
    }

}
/* </SECCION BOLSA DE TRABAJO> */

/* <SECCION GENERAL> */
#fFranjaSeccionGeneral {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(/images/secciones/fondo-general.jpg) bottom center;
    background-size: cover;
    background-color: #8A96A0;
}

#fFranjaSeccionGeneral h1 {
    font-size: 400%;
}

#fFranjaSeccionGeneral .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionGeneral {
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionGeneral {
    }

    #fFranjaSeccionGeneral h1 {
        font-size: 200%;
        text-align: center;
    }
    #fFranjaSeccionGeneral .foto {
        padding: 0;
    }

}
/* </SECCION GENERAL> */



/* <INTRO> */
#fFranjaIntro {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#fFranjaIntroMovil {
    padding-top: 3rem;
    padding-bottom: 0rem;
}
/* </INTRO> */




/* <CONTENIDO MENU> */
#fFranjaContenidoDetalle .menuLateral {
    padding: 1rem;
}

#fFranjaContenidoDetalle .menuLateral .btn1 {
    padding: 1.2rem 1.2rem;
    background-color: #1F1C1A;
    border-radius: 1.5rem 1.5rem 0 0;
    color: #fff;
    border-bottom: solid 1px rgb(255, 255, 255, .2);
}

#fFranjaContenidoDetalle .menuLateral .btn1:hover {
    background-color: #FF0000;
}

#fFranjaContenidoDetalle .menuLateral .btn2 {
    padding: 1.2rem 1.2rem;
    background-color: #1F1C1A;
    color: #fff;
    border-bottom: solid 1px rgb(255, 255, 255, .2);
}

#fFranjaContenidoDetalle .menuLateral .btn2:hover {
    background-color: #FF0000;
}

#fFranjaContenidoDetalle .menuLateral .btn3 {
    padding: 1.2rem 1.2rem;
    background-color: #1F1C1A;
    color: #fff;
    border-bottom: solid 1px rgb(255, 255, 255, .2);
    border-radius: 0 0 0rem 0rem;
}

#fFranjaContenidoDetalle .menuLateral .btn3:hover {
    background-color: #FF0000;
}

#fFranjaContenidoDetalle .menuLateral .btn4 {
    padding: 1.2rem 1.2rem;
    background-color: #1F1C1A;
    color: #fff;
    border-bottom: solid 1px rgb(255, 255, 255, .2);
    border-radius: 0 0 1.5rem 1.5rem;
}

#fFranjaContenidoDetalle .menuLateral .btn4:hover {
    background-color: #FF0000;
}

#fFranjaContenidoDetalle .menuLateral .btn1 a,
#fFranjaContenidoDetalle .menuLateral .btn2 a,
#fFranjaContenidoDetalle .menuLateral .btn3 a,
#fFranjaContenidoDetalle .menuLateral .btn4 a {
    color: #fff;
    text-decoration: none;
}

@media only screen and (max-width: 992px) {

}
/* </CONTENIDO MENU> */

/* <CONTENIDO> */
#fFranjaContenidoDetalle {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

#fFranjaContenidoDetalle .columna1 {
    padding-right: 2rem;
}

#fFranjaContenidoDetalle .columna2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#fFranjaContenidoDetalle hr {
    padding-top: 1rem;
    padding-bottom: 1rem;
    opacity: .1;
}

#fFranjaContenidoDetalle .menu {
    padding: 1rem;
}
#fFranjaContenidoDetalle .recuadro {
    padding: 1rem 1rem 0rem 1rem;
}

#fFranjaContenidoDetalle .titulo {
    width: 3rem;
}

#fFranjaContenidoDetalle .icono {
    width: 120px;
}

#fFranjaContenidoDetalle .icono2 {
    width: 90px;
}

#fFranjaContenidoDetalle .divider {  
    background: url(/images/punto-gris.png) center center repeat-x;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 992px) {

    #fFranjaContenidoDetalle .columna1 {
        padding-right: 1rem;
    }
    #fFranjaContenidoDetalle .columna2 {
        padding-top: 1rem;
    }

}


/* </CONTENIDO> */

/* <PASOS> */
.main-timeline{ font-family: 'Poppins', sans-serif; }
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: calc(50% + 58px);
    border-top: 2px solid #404247;
    float: left;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before{
    content: "";
    background: #404247;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: 0;
}
.main-timeline .timeline-content{
    color: #404247;
    text-align: center;
    padding: 2rem 80px 2rem 10px;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
    content: "";
    background: #D6D7D6;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50px;
}
.main-timeline .timeline-year{
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    position: absolute;
    top: 35%;
    right: 0px;
}
.main-timeline .title{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.main-timeline .description{
    font-size: 16px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){ float: right; }
.main-timeline .timeline:nth-child(even):before{
    right: auto;
    left: 0;
}
.main-timeline .timeline:nth-child(even) .timeline-content{
    padding: 2rem 10px 2rem 80px;
}
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    right: auto;
    left: 51px;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: 0px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before{ background: #f00; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before{ background: #D6D7D6; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before{ background: #f00; }
@media screen and (max-width:767px){
    .main-timeline .timeline{ width: 100%; }
}
/* </PASOS> */


/* </TABLA DE PRECIOS> */
.pricingTable {
    --color1:#3E59DF;
    --color2:#3E59DF;
}
.franjaPrecios { 
    padding-top: 2rem;
 }
.pricingTable{
    color: var(--color1);
    padding: 1rem;
    text-align: center;
    position: relative;
    z-index: 1;
}
.pricingTable:before,
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    content: "";
    background: #1F1C1A;
    width: 100%;
    height: calc(100% - 22px);
    border-radius: 30px 30px;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}
.pricingTable .pricingTable-header{ margin: 0 0 30px; }
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    background: var(--color2);
    width: 60%;
    height: 6px;
    border-radius: 10px 10px;
    top: -4px;
    left: 50%;
}
.pricingTable .pricingTable-header:after{
    top: auto;
    bottom: 20px;
    z-index: -1;
}
.pricingTable .price-value{
    padding: 12px 0;
    margin: 0 0 10px;
}
.pricingTable .price-value .amount{
    font-size: 60px;
    font-weight:400;
    line-height: 50px;
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-weight: 400 !important;
    margin-top: 1rem;
}
.pricingTable .price-value .amount-sm,
.pricingTable .price-value .currency{
    font-size: 200%;
    font-weight: 400;
    line-height: 1.6;
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
}
.pricingTable .title{
    color: #fff;
    font-size: 200%;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0rem 1rem;
    margin: 0 ;
    display: inline-block;
    word-break: break-all;
}
.pricingTable .pricing-content{
    color: #FFF;
    text-align: left;
}
.pricingTable .pricing-content li{
    color: #fff;
    background: #1F1C1A;
    position: relative;
}

.pricingTable .pricing-content li:last-child{ margin-bottom: 0; }

.pricingTable .pricingTable-signup { 
    margin-bottom: 2rem;
}

.pricingTable .pricingTable-signup a:hover{
}
.pricingTable.rojo{
    --color1:#FF0000;
    --color2:#FF0000;
}

@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 40px; }
} 
/* </TABLA DE PRECIOS> */

/* <FORMULARIO> */

/* </FORMULARIO> */

/* mediabros enlaces*/
.ctContenidosPie {
    color: #FF0000;
	font-size:10px!important;
    margin-top: 0 !important;
    padding-top: 0;
    text-decoration: none;
    width: 100%;
}
.ctContenidosPie h2.ctContenidos, .ctContenidosPie .ctContenidos, .ctContenidosPie h3.ctContenidos, .ctContenidosPie h1.ctContenidos a, .ctContenidosPie h3.ctContenidos a, .ctContenidosPie a.ctContenidos2 {
    color: #FF0000;
    display: inline;
    font-size: 10px!important;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    line-height: 12px!important;
    font-weight: normal !important;

}