* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #d2ccb4;
    font-family: "Titillium Web";
}

hr {
    background-color: #8db24d;
    height: 3px;
    border: 0;
    top: -24px;
    margin-left: 0%;
    margin-right: 60%;
    width: 100%;
}

h1, h2, h3, h4, h5 {
    padding: 0px 0 5px 0px;
    margin-top: 0px !important;
    color: #8db24d;
    font-family: "Titillium Web";
}

p {
    color: #fff;
    padding-left: 0px;
    font-size: 18px;
    font-family: "Titillium Web";
}

.direcciones {
    color: #000;
    padding-left: 0px;
    font-size: 18px;
    font-family: "Titillium Web";
}

.titulo-banner-nosotros {
    padding: 50px 100px 0 10px;
    color: #fff;
    font-size: 28px;
    font-family: "Titillium Web";
}

.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .b-6, .b-7, .b-8,
.b-9, .b-10, .b-11, .b-12, .b-14, .b-15, .b-16, .b-17, .b-18, .b-19, .b-20, .b-22, .b-24, .b-26, .b-27 {
    width: 100%;
}

.encabezado {
    float: right;
    display: flex;
}

.calidad {
    margin-right: 0px;
}

.logo_calidad {
    float: left;
}

    .logo_calidad li {
        margin-top: 15px;
        list-style: none;
        float: left;
        padding-right: 10px;
    }

.slide_tamano {
    margin: 0 auto 0 auto;
}

.bg-1 {
    background-color: #262f36;
    height: 40px;
}

.bg-2 {
    background: url(../imagenes/fondo_1.png);
    background-color: #000000;
    background-size: cover;
    height: 40%;
    color: #555555;
    padding: 20px 30px 70px 30px;
}

.bg-3 {
    background-color: #262f36;
    color: #555555;
    height: 300px;
    padding-top: 30px;
}

.bg-4 {
    padding: 30px 10px 10px 30px;
    background-color: #292c2f;
    background: #292c2f url(../imagenes/parallax/bg-01.jpg);
    background-repeat: no-repeat;
}

.bg-5 {
    background-color: #ffffff;
    color: #262f36;
    height: 121px;
    padding-top: 10px;
}

.b-6 {
    background-color: #262f36;
    background: #000 url(../imagenes/fondo_2.png);
    padding: 20px 30px 70px 30px;
}

.b-7 {
    background-color: #262f36;
    background: #000 url(../imagenes/fondo_3.png);
}

.b-8 {
    background-color: #262f36;
    background: #fff;
    padding: 30px 70px 50px 20px;
}

.b-9 {
    padding: 30px 60px 30px 60px;
    background-color: #fff;
}

.b-10 {
    background-color: #FAFCF5;
    /*background: #000 url(../imagenes/parallax/bg-03.png);*/
    height: 55%;
    padding: 0 0 0 50px;
}

.b-11 {
    background-color: #eaf0f2;
    padding: 30px 30px 30px 20px;
}

.b-12 {
    background: url(../imagenes/parallax/bg-03.png) no-repeat;
    background-attachment: fixed;
    height: 20%;
    padding: 50px 5px;
}

.b-13 {
    width: 100%;
    max-width: 1440px;
    height: 390px;
    padding: 0 0 0px 0;
}

.b-14 {
    background-color: #fff;
    background: #000 url(../imagenes/fondo_6.png);
    height: 33%;
    padding: 0 0 0 50px;
}

.b-15 {
    background: url(../imagenes/parallax/bg-04.png) no-repeat fixed;
    height: 300px;
    padding: 50px 5px;
}

.b-16 {
    background: url(../imagenes/parallax/bg-16.png) no-repeat fixed;
    height: 300px;
    padding: 50px 5px;
}

.b-17 {
    background: url(../imagenes/foto_empleados_2.png) no-repeat;
    height: 300px;
    padding: 50px 5px;
}

.b-18 {
    background: url(../imagenes/parallax/software.png) no-repeat fixed;
    height: 300px;
    padding: 50px 5px;
}

.b-19 {
    background: url(../imagenes/parallax/digitalizacion_slide.png) no-repeat fixed;
    height: 300px;
    padding: 50px 5px;
}

.b-20 {
    background: url(../imagenes/parallax/slide_suministros.png) no-repeat fixed;
    height: 300px;
    padding: 50px 5px;
}

.b-22 {
    max-width: 100%;
}

.b-23 {
    max-width: 1300px;
}

.b-25 {
    background-color: #8EAE50;
    width: 100%;
}

.b-26 {
    background-color: #333;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
}

.b-27 {
    background-color: #262f36;
    background: #000 url(../imagenes/fondo_gris.png);
    padding: 20px 30px 70px 30px;
}

.b-28 {
    background-color: #FAFCF5;
    padding: 20px 30px 70px 30px;
}



.modal-body_SGCSI {
    background: #000 url(../imagenes/POLITICA_INTEGRAL_DE_QSI_FIRMADA.jpg);
    width: 600px;
    height: 760px;
    margin-left: 15px;
    background-repeat: round;
}


.modal-body-segtrabajo {
    background: #ffffff url(../imagenes/POLITICA_SST_13112020.jpg);
    background-repeat: round !important;
    width: 60rem !important;
    height: 794px;
    margin-left: 15px;
}

.modal-body-polprenodis {
    background: #ffffff url(../imagenes/Politica_prevencionnodiscriminacion.pdf);
    background-repeat: round !important;
    width: 60rem !important;
    height: 794px;
    margin-left: 15px;
}

.titulo_seccion {
    padding-top: 15px;
    font-size: 18px;
    color: #fff;
}

.texto1 {
    padding: 30px 5px 30px 5px;
    font-size: 25px;
    line-height: 24px;
    font-weight: 400;
    color: black;
    font-family: "Titillium Web";
}

.texto_servicios {
    font-size: 13px !important;
    color: #fff;
    text-align: center;
    font-family: "Titillium Web";
}

.texto_noticias {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #666666;
    text-align: justify;
    font-family: "Titillium Web";
    line-height: 140%;
    padding: 0px 50px 0px 0px;
}

.texto_historia {
    font-size: 18px;
    color: #666666;
    text-align: justify;
    padding: 40px 20px 20px 0;
    font-family: "Titillium Web";
}

.texto_organizacion {
    font-size: 18px;
    color: #666666;
    text-align: justify;
    padding: 0px 20px 20px 0;
    font-family: "Titillium Web";
}

.texto_asesoria {
    font-size: 18px;
    color: #666666;
    text-align: justify;
    padding: 40px 30px 20px 0;
    font-family: "Titillium Web";
}

.texto_asesoria_calidad {
    font-size: 19px;
    color: #fff;
    background-color: #6c9d3d;
    text-align: justify;
    padding: 20px 20px 20px 20px;
    font-family: "Titillium Web";
}

.texto-pie-pagina {
    font-size: 16px;
    color: #adadad;
}

.titulo-nuestra-compañia {
    padding: 15px 5px 5px 0px;
    line-height: 24px;
    color: #1f1f20;
    font-family: "Titillium Web";
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #8db24d;
}

    .titulo-nuestra-compañia span {
        padding-bottom: -30px;
        border-bottom: 3px solid;
        font-weight: 400;
    }

.titulo_noticia {
    color: #9dc44c;
    text-decoration: none;
    font-size: 20px;
    text-align: justify;
    font-family: "Titillium Web";
}

    .titulo_noticia:hover {
        color: #1f1f20;
        text-decoration: none;
        font-size: 20px;
        font-family: "Titillium Web";
    }

.titulo-vision-mision {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #8db24d;
    font-weight: 300;
}

    .titulo-vision-mision span {
        padding-bottom: 0px;
        border-bottom: 3px solid #1f1f20;
        font-weight: 400;
    }

.titulo-seccion-noticias {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #8db24d;
    font-weight: 300;
}

    .titulo-seccion-noticias span {
        padding-bottom: 0px;
        border-bottom: 3px solid #1f1f20;
        font-weight: 400;
    }

.titulo-dejanos-tu-mensaje {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #8db24d;
    font-weight: 300;
}

    .titulo-dejanos-tu-mensaje span {
        padding-bottom: 0px;
        border-bottom: 3px solid #1f1f20;
        font-weight: 400;
    }

.titulo-contactenos {
    margin-bottom: 16px;
    padding: 0;
    font-weight: 300;
}

/*imagenes Nosotros*/

.imagen-oficina-3 {
    padding: 0px 0px 5px 0px;
    height: 150px;
    width: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: auto;
}

.imagen_seguridad {
    padding: 0px 20px 5px 0px;
    height: 150px;
    width: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: auto;
}

.imagen-empresa {
    padding: 2px 20px;
    height: 400px;
    width: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagen-procesos {
    padding: 2px 20px;
    height: 268px;
    width: 100%;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: auto;
}

.proceso-1 {
    margin-top: 20px;
    padding: 20px 10px;
    height: 695px;
    width: 95%;
    max-width: 490px;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.imagen_app_consulta {
    margin-top: 20px;
    padding: 20px 10px 10px 30px;
    height: 500px;
    width: 100%;
    max-width: 600px;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.imagen_ventanilla {
    margin-top: 20px;
    padding: 20px 10px 10px 30px;
    height: 500px;
    width: 100%;
    max-width: 600px;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.imagen_software {
    margin-top: 20px;
    padding: 20px 10px 10px 30px;
    height: 500px;
    width: 100%;
    max-width: 600px;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.imagen_facturacion {
    margin-top: 20px;
    padding: 20px 10px 10px 30px;
    height: 500px;
    width: 100%;
    max-width: 600px;
    border-radius: 2%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.btn-default {
    color: #92CE52;
    background-color: #242623 !important;
    border: none;
    border-radius: 5px !important;
}

    .btn-default:hover {
        color: #fff;
        background-color: #242623 !important;
        border: none;
        border-radius: 5px;
    }

.btn-primary {
    background-color: #1f1f20;
    color: #9dc44c;
    height: 50px;
    text-align: center;
    padding: 15px;
    left: 20%; /*(100%-60%)/2*/
    margin-bottom: 2%;
    border: none;
    font-family: "Titillium Web" !important;
}

    .btn-primary:hover {
        background: #344902 !important;
        font-family: "Titillium Web" !important;
    }

.boton-nuestro_software {
    margin: 0 auto;
    margin-left: 20%;
}

.btn-link {
    color: #d1c8a1;
    text-decoration: none;
    font-family: "Titillium Web" !important;
}

    .btn-link:hover {
        color: #9ed80e;
        text-decoration: none;
        font-family: "Titillium Web" !important;
    }

.seguridad_lista {
    list-style-type: square;
    font-size: 20px;
    color: #03b73a;
    text-align: justify;
    padding: 0px 20px 10px 20px;
    font-family: "Titillium Web";
}

.ventanilla_lista {
    list-style-type: square;
    font-size: 20px;
    color: #333333;
    text-align: justify;
    padding: 0px 20px 10px 20px;
    font-family: "Titillium Web";
}

.software_caracteristicas {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 20px;
    color: #333333;
    text-align: justify;
    padding: 0px 20px 10px 0px;
    font-family: "Titillium Web";
}

    .software_caracteristicas li {
        background: url("../imagenes/item_icono.png") 0 3px no-repeat;
        padding: 0 0px 5px 30px;
    }



/* Styling links */

a:link {
    text-decoration: none;
    font-size: 16px;
    font-family: "Titillium Web";
}


/* Styling Next and Prev buttons */



.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    /* display none until init */
    .owl-carousel

{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.carousel {
    max-height: 350px !important;
}

.texto_mision {
    float: absolute;
    border-style: solid;
    border-width: 1px;
}

#mision {
    float: right;
    position: right;
    border-style: solid;
    border-width: 1px;
    height: 500px;
    width: 400px;
}

.fotos {
    padding: 0px 0px 0px 20px;
    float: left;
    position: left;
    border-style: solid;
    border-width: 1px;
    height: 800px;
    width: 400px;
}

/*Barra links*/

.container {
    padding: 80px 120px;
    margin: 0px auto;
    position: center;
    width: 100%;
    margin-left: 0px;
}

.container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.page-header {
    padding-bottom: 0px;
}

#header .search {
    display: inline-block;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
}

#custom-search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    width: 50px !important;
}

    #custom-search-input input {
        border: 0;
        box-shadow: none;
    }

    #custom-search-input button {
        margin: 2px 0 0 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        border-left: solid 1px #ccc;
    }

        #custom-search-input button:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px #ccc;
        }

    #custom-search-input .glyphicon-search {
        font-size: 23px;
    }

/* BARRA DE NAVEGACION */




/*NOSOTROS*/

.nosotros {
    background-color: #262f36;
    height: 80px;
    padding: 60px 30px 0px 30px;
}

.fondo_historia {
    background-color: #f5f5f6;
    padding: 20px 20px 20px 20px;
    margin: 20px 80px 20px 80px;
}

.img_servicios_profesionales {
    height: 100%;
}

#historia {
    color: #666666;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #666666;
}

.texto_direccion {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000 !important;
}
/***** Blog *****/

.blog-box {
    margin-top: 30px;
    text-align: left;
}

.blog-box-image {
    margin-top: 0px;
    overflow: hidden;
}

    .blog-box-image img {
        -o-transition: all .8s;
        -moz-transition: all .8s;
        -webkit-transition: all .8s;
        -ms-transition: all .8s;
        transition: all .8s;
    }

    .blog-box-image:hover img {
        margin-top: 2px;
        -o-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

.blog-box h3 {
    margin-top: 0;
}

    .blog-box h3 a {
        color: #555;
    }

        .blog-box h3 a:hover, .blog-box h3 a:focus {
            color: #ff8a38;
        }

    .blog-box h3 i {
        padding-left: 10px;
        color: #ccc;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }

    .blog-box h3:hover i {
        padding-left: 15px;
    }

.blog-box-date {
    padding-bottom: 10px;
    font-size: 14px;
    color: #aaa;
    text-transform: uppercase;
}

    .blog-box-date i {
        padding-right: 5px;
        color: #ddd;
    }


/*CONTACTO*/



.contact-page {
    padding-top: 0;
    color: #fff;
}

    .contact-page .contact-form
    .form-group label {
        color: #4E4E4E;
        font-size: 16px;
        font-weight: 300;
    }

.form-group .form-control {
    padding: 7px 12px;
    border-color: #f2f2f2;
    box-shadow: none;
}

textarea#message {
    resize: none;
    padding: 10px;
}

.contact-page .contact-wrap {
    margin-top: 20px;
}


/*--contact--*/
#contact {
    padding: 10px 0 10px;
}

.contact-text {
    margin: 45px auto;
}

.mail-message-area {
    width: 100%;
    padding: 0 15px;
}

.mail-message {
    width: 100%;
    background: rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin: 0 auto;
    border-radius: 0;
}

.not-visible-message {
    height: 0px;
    opacity: 0;
}

.visible-message {
    height: auto;
    opacity: 1;
    margin: 25px auto 0;
}

/* Input Styles */

.form {
    width: 100%;
    padding: 15px;
    background: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.075);
    margin-bottom: 25px;
    color: #727272 !important;
    font-size: 13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .form:hover {
        border: 1px solid #8BC3A3;
    }

    .form:focus {
        color: white;
        outline: none;
        border: 1px solid #8BC3A3;
    }

.textarea {
    height: 200px;
    max-height: 200px;
    max-width: 100%;
}

/* Generic Button Styles */

.button {
    padding: 8px 12px;
    background: #0A5175;
    display: block;
    width: 120px;
    margin: 10px 0 0px 0;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    font-size: 0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

    .button:hover {
        background: #8BC3A3;
        color: white;
    }


/* Footer links */

.footer-links {
    color: #9dc44c !important;
    margin: 20px 0 12px;
    padding: 0;
}

a.footer-links {
    text-decoration: none;
    font-size: 8px;
}

.contactenos_footer li > a {
    color: #fff;
}

p.footer_compania {
    color: #fff;
}

.ciudad {
    color: #fff;
}



/* Send Button Styles */

.form-btn {
    width: 180px;
    display: block;
    height: auto;
    padding: 15px;
    color: #fff;
    background: #8BC3A3;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}

    .form-btn:hover {
        background: #111;
        color: white;
        border: none;
    }

    .form-btn:active {
        opacity: 0.9;
    }

center {
    margin-top: 330px;
}

input {
    position: relative;
    z-index: 9999;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}

.scroll {
    color: #9dc44c;
}

    .scroll:hover {
        color: #fff;
    }


.mapa_google {
    padding: 10px 50px 10px 10px;
}


.mapa_google_contacto {
    position: relative;
    padding-bottom: 5%;
    height: 500px;
    overflow: hidden;
}

    .mapa_google_contacto iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 500px;
    }

#googleMap {
    width: 70%; /* Span the entire width of the screen */
    height: 70px; /* Set the height to 400 pixels */
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}
/* Change the color of the map to black and white * /