#clientes {
    margin-bottom: 20px;
    text-align: center;
}

#clientes .cli {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

h4 {
    font-size: 17px;
    color: #444;
    font-weight: normal;
    padding-bottom: 7px;
    font-family: "Oswald", Helvetica, Arial, sans-serif;
}

.verde {
    filter: hue-rotate(120deg);
}

.cli .c0 {
    
}

.cli img {
    
    width: 265px;
    height: 105px;
    margin: 7px;
    border-radius: 15%;
    border: 2px solid #a0a0a0;
    /*-webkit-filter: grayscale(1);
    filter: grayscale(1);*/
}

.palabra hr {
    width: 100%;
    margin-top: -5px;
    background: rgba(0, 0, 0, 0.03);
}

.cli img:checked ~ #menu2 {
    
}

/*            clientes         */
#forcli {
    margin-bottom: 20px;
    text-align: center;
    padding-top:
}

#forcli .cli {
    display: flex;
    flex-wrap: wrap;
}

.forcli {
    color: #888;
    font-size: 35px;
}

.social-bar2 {
    position: fixed;
    right: 0;
    top: 35%;
    font-size: 2.81rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
}

.social-bar2 .icon {
    color: white;
    text-decoration: none;
    padding: .9rem;
    display: flex;
    transition: all .5s;
}

.social-bar2 .icon-instagram-circled {
    background: #a0a0a0;
}

.social-bar2 .icon-facebook-circled {
    background: #fbb900;
    border-radius: 1.5rem 0 0 0;
}

.social-bar2 .icon-youtube-play { 
    background: #fbb900;
}

.social-bar2 .icon-linkedin-circled {
    background: #a0a0a0;
    border-radius: 0 0 0 1.5rem;
}

.social-bar2 .icon:hover {
    padding-right: 2rem;
    border-radius: 1rem 0 0 1rem;
}



@media (min-width:480px) {
    #clientes .c0 {
        width: 50%;
        text-align: center;
    }
}

@media (max-width:1023px) {
    #topheader .navbar-nav li.active > a {
        /*background-color: #333;
        color: #fff;*/
        color: #fbb900;
    }
    
    /*            clientes         */
    #forcli .cli {
        justify-content: center;
    }
    
    #forcli p {
        text-align: justify;
        padding: 0px 10px 0px 10px;
        font-family: 'Oswald', sans-serif;
    }
    
    #forcli i {
        color: #fbb900;
    }
    
    #forcli li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
    }
    
    /*            clientes_detalle         */
    #cli_detalle {
        width: 100%;
    }
    
    #cli_detalle .contenedor {
        width: auto;
        height: auto;
    }
    
    #cli_detalle ul {
        list-style: none;
        justify-content: center;
        background: #000;
    }
    
    #cli_detalle {
       margin-top: 30px;
       margin-bottom: 30px;   
    }
    
    #cli_detalle a {
        color: #fff;
        display: block;
        line-height: 20px;
        padding: 20px;
        text-decoration: none;
        text-align: center;
        font-size: 18px;
        font-family: "Roboto", Arial, serif;
        text-align: center;
        position: relative;
       -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
       -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
       transition: all .3s ease;
    }
    
    #cli_detalle a:hover {
        background: #5da5a2;
    }
    
     #cli_detalle span {
        background: #174459;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        position: absolute;
        top:-550px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 10;
    }
    
    /*             contacto        */
    #forcontacto {
        width: 100%;
        display: flex;
    }
    
    #forcontacto .contenedor {
        flex-wrap: wrap;
        display: flex;
        margin-bottom: 0px;
        margin-top: -50px;
    }
    
    #forcontacto h2 {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        margin-left: 15px;
    }
    
    #forcontacto .box1 {
        margin-top: 75px;
    }
    
    #forcontacto .box1 h2 {

    }    
    
    #forcontacto .field {
        margin-left: 15px;
        width: 90%;
    }
    
    #forcontacto label {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }
    
    #forcontacto #mensaj, #name, #email {
        min-width: 200px;
    }
    
    #forcontacto input, textarea {
        width: 100%;
    }
    
    #forcontacto #firstname, #lastname, #email, #phone, #message {
        width: 100%;
    }
    
    #forcontacto .der {
        
    }
    
    #forcontacto .section-title {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forcontacto p {
        font-family: 'Oswald', sans-serif;
    }
    
    #forcontacto ul {
        list-style: none;
        font-family: 'Oswald', sans-serif;
    }
    
    #forcontacto li {
        
    }
    
    #forcontacto .dermapa {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    
    #forcontacto iframe {
        width: 90%;
        margin-left: 5%;
    }
    
    /*            fabrica de software         */
    #forfsw .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forfsw img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forfsw .izq {
        position: absolute;
    } 
    
    #forfsw h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
    }
    
    #forfsw p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forfsw ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forfsw li {
        padding: 10px;
    }
    
    #forfsw a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forfsw i {
        color: #fbb900;
    }
    
    /*            consultoria         */
    #forconsul .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forconsul img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forconsul .izq {
        position: absolute;
    } 
    
    #forconsul h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
    }
    
    #forconsul p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forconsul ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forconsul li {
        padding: 10px;
    }
    
    #forconsul a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forconsul i {
        color: #fbb900;
    }
    
    /*            rpa         */
    #forrpa .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forrpa  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forrpa  .izq {
        position: absolute;
    } 
    
    #forrpa  h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
        margin-top: -17px;
    }
    
    #forrpa  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forrpa .bajar {
        margin-bottom: 20px;
    }
    
    #forrpa  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forrpa  li {
        padding: 10px;
    }
    
    #forrpa  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forrpa i {
        color: #fbb900;
    }
    
    /*            outsourcing         */
    #forout .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forout  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forout  .izq {
        position: absolute;
    } 
    
    #forout  h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
    }
    
    #forout  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forout  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forout  li {
        padding: 10px;
    }
    
    #forout i {
        color: #fbb900;
    }
    
    #forout  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    /*            quienes somos         */
    #forqsomos .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forqsomos  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forqsomos .izq {
        position: absolute;
    } 
    
    #forqsomos  h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
    }
    
    #forqsomos  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forqsomos  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forqsomos  li {
        padding: 10px;
    }
    
    #forqsomos  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forqsomos i {
        color: #fbb900;
    }
    
    /*            mision y vision        */
    #formyv .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #formyv  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #formyv .paracel {
        position: relative;
        transform: translateY(-490%)
    }
    
    #formyv .paracel2 {
        position: relative;
        transform: translateY(-490%)
    }
    
    #formyv  h2 {
        padding-top: 20px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    #formyv  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #formyv .bajar, .bajar3 {
        margin-top: -60px;
    }
    
    #formyv .bajar2, .bajar3 {
        margin-bottom: 10px;
    }
    
    #formyv  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #formyv li {
        padding: 10px;
    }
    
    #formyv  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #formyv i {
        color: #fbb900;
    }
    
    /*            objetivos        */
    #forobjetivo .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forobjetivo  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forobjetivo .izq {
        position: absolute;
    } 
    
    #forobjetivo  h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        text-align: center;
    }
    
    #forobjetivo  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        padding: 0px 10px 0px 10px;
    }
    
    #forobjetivo  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forobjetivo li {
        padding: 10px;
    }
    
    #forobjetivo  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forobjetivo i {
        color: #fbb900;
    }
    
    /*            lo que nos diferencia        */
    #forlqnd .contenedor {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    #forlqnd  img {
        min-width: 90%;
        position: relative;
        margin: 80px 0px 30px 0px;;
        display: flex;
        position: relative;
        justify-content: center;
    }
    
    #forlqnd .paracel {
        position: relative;
        transform: translateY(-490%)
    }
    
    #forlqnd .paracel2 {
        position: relative;
        transform: translateY(-490%)
    }
    
    #forlqnd  h2 {
        display: flex;
        padding-top: 20px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        width: 100%;
        justify-content: center;
    }
    
    #forlqnd  p {
        text-align: justify;
        min-width: 90%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        margin-top: -60px;
        padding: 0px 10px 0px 10px;
    }
        
    #forlqnd  ul {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    
    #forlqnd li {
        padding: 10px;
    }
    
    #forlqnd  a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 1.5;
        font-size: 15px;   
    }
    
    #forlqnd i {
        color: #fbb900;
    }
    
    /*            planificacion erp        */
    #forerp p {
        text-align: justify;
        padding: 0px 10px 0px 10px;
        font-family: 'Oswald', sans-serif;
    }
    
    #forerp i {
        color: #fbb900;
    }
    
    #forerp .black {
        font-weight: bold;
    }
    
    #forerp img {
        
        width: 100%;
    }
    
    /*            automatizacion rpa        */
    #forrpa2 p {
        text-align: justify;
        padding: 0px 10px 0px 10px;
        font-family: 'Oswald', sans-serif;
    }
    
    #forrpa2 i {
        color: #fbb900;
    }
    
    #forrpa2 .black {
        font-weight: bold;
    }
    
    #forrpa2 img {
        
        width: 100%;
    }
    
    /*            mkt       */
    #formkt p {
        text-align: justify;
        padding: 0px 10px 0px 10px;
        font-family: 'Oswald', sans-serif;
    }
    
    #formkt i {
        color: #fbb900;
    }
    
    #formkt img {
        
        width: 100%;
    }
    
    /*            facturacion electronica        */
    #forfacel p {
        text-align: justify;
        padding: 0px 10px 0px 10px;
        font-family: 'Oswald', sans-serif;
    }
    
    #forfacel i {
        color: #fbb900;
    }
    
    #forfacel img {
        
        width: 100%;
    }
    
    #forfacel .black {
        font-weight: bold;
    }
}

@media (min-width:1024px) {
    #clientes {
        margin-bottom: 20px;
        text-align: center;
        position: relative;
        top: 108px;
    }

    #clientes .c0 {
        width: auto;
        margin-top: 20px;
    }
    
    #clientes img:hover {
        -webkit-transform:scale(1.1);
        transform:scale(1.05);
    }

    #clientes .contenedor {
        overflow:hidden;
    }
    
    /*#clientes img:hover {
        filter: sepia(50%);
    }*/
    
    h4 {
        text-align: left;
    }
    
    /*             clientes         */
    .forcli {
        padding: 15px 0px;
        width: 100%;
        text-align: center;
        position: relative;
        top: 108px;
        
    }
    
    #forcli ul li a {
        color: #333;
    }
    
    /*nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        color: #333;
    }*/
    
    
    #forcli img {
        margin: 3px;
    }
    
    #forcli .cli {
        width: 100%; 
        justify-content: center;
        position: relative;
        top: 108px;
    }
    
    #forcli p {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
    }
    
    #forcli .bajarp {
        margin-top: 25px;
    }
    
    #forcli img {
        position: relative;
        left: 36%;
        bottom: 350px;
        width: 20%;
    }
    
    #forcli .bajarimg1 {
    }
    
    #forcli .bajarimg2 {
        bottom: -20px;
        margin-bottom: 40px;
    }
    
    #forcli .bajarimg3 {
        bottom: 180px;
    }
    
     #forcli .bajarimg4 {
        bottom: 10px;
        margin-bottom: 30px;
    }
    
    #forcli .bajarimg5 {
        bottom: 100px;
    }
    
    #forcli .bajarimg6 {
        bottom: 30px;
        margin-top: -110px;
    }
    
    #forcli .move {
        position: relative;
        left: 80px;
    }
    
    #forcli i {
        color: #fbb900;
    }
    
    #forcli img:checked ~ .esconder {
        display: block;
    }
    
    #forcli ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: 100px;
    }
    
    #forcli li {
        flex-grow: 1;
    }
    
    #forcli li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }

    
    /*             clientes_detalle         */
    
    #cli_detalle {
        width: 100%;
        position: relative;
        top: 108px;
    }
    
    #cli_detalle .contenedor {
        width: auto;
        height: auto;
    }
    
    #cli_detalle ul {
        list-style: none;
        display: flex;
        justify-content: center;
        background: #000;
    }
    
    #cli_detalle ul li {
        display: table-cell;
    }
    
    #cli_detalle {
       margin-top: 30px;
       margin-bottom: 30px;   
    }
    
    #cli_detalle a {
       color: #fff;
       display: block;
       line-height: 20px;
       padding: 20px;
       position: relative;
       text-align: center;
       text-decoration: none;
       -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
       -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
       transition: all .3s ease;
    }
    
    #cli_detalle a:hover {
        background: #5da5a2;
    }
    
    #cli_detalle span {
        background: #174459;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        position: absolute;
        top:-100px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 10;
    }
    
    #cli_detalle span .icon-ok-circle {
        display: block;
        line-height: 60px;
    }
    
    #cli_detalle a:hover span {
        top: 0;
    }
    
    #cli_detalle .primero {
        background: #0e5061;
    }
    
    #cli_detalle .segundo {
        background: #5da5a2;
    }
    
    #cli_detalle .tercero {
        background: #f25724;
    }
    
    #cli_detalle .cuarto {
        background: #174459;
    }
    
    /*             contacto        */
    #forcontacto {
        width: auto;
        display: flex;
        margin-bottom: 0px;
        margin-top: 30px;
    }
    
    #forcontacto .contenedor {
        flex-wrap: wrap;
        display: flex;
    }
    
    #forcontacto h2 {
        padding-top: 30px;
        margin-bottom: 0px;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forcontacto .box1 h2 {
        padding-top: 55px;
    }
    
    #forcontacto .field {
        margin-bottom: 10px;
        margin-top: 0px;
        margin-right: 200px;
    }
    
    #forcontacto label {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
    }
    
    #forcontacto #name, #email, #phone, #human {
        width: 70%;
        height: 30px;
    }
    
    #forcontacto #mensaj {
        width: 70%;
        margin-bottom: 82px;
    }
    
    #forcontacto #submit {
        position: relative;
    }
    
    #forcontacto .confi {
        position: relative;
    }
    
    #forcontacto .der {
        float: right;
        position: relative;
        top: -454px;
        right: 80px;
        width: 50%;
        left: 0px;
    }
    
    #forcontacto .section-title {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        min-width: 400px;
    }
    
    #forcontacto p {
        font-family: 'Oswald', sans-serif;
        min-width: 400px;
        font-size: 17px;
    }
    
    #forcontacto ul {
        list-style: none;
        font-family: 'Oswald', sans-serif;
    }
    
    #forcontacto li {
        line-height:;
        font-size: 16px;
        min-width: 400px;
    }
    
    #forcontacto .dermapa {
        float: ;
        position: ;
        left: 0px;
        bottom: 0px;
        margin-right: 200px;
    }
    
    #forcontacto .dermapa iframe {
        width: 535px;
    }
    
    #forcontacto .alerta {
        position: relative;
        top: 300px;
        text-align: left;
    }
    
    #forcontacto .box1, .box2 {
        width: 50%;
        padding: 0px;
    }
    
    /*            fabrica        */
    #forfsw {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 300px;
    }
    
    #forfsw img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forfsw h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forfsw p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forfsw .der {
        float: right;
        position: relative;
        top: -293px;
    }
    
    #forfsw ul {
        float: right;
        position: relative;
        top: -200px;
        right: 0px;
    }
    
    #forfsw a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forfsw i {
        color: #fbb900;
    }
    
    #topheader .navbar-nav li > a {
        text-transform: capitalize;
        color: #333;
        transition: background-color .2s, color .2s;

        &:hover,
        &:focus {
            background-color: #333;
            color: #fff;
        }
    }
    
    #topheader .navbar-nav li.active > a {
        /*background-color: #333;
        color: #fff;*/
        color: #fbb900;
    }
    
    /*             consultoria         */
    #forconsul {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 250px;
    }
    
    #forconsul img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forconsul h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forconsul p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forconsul .der {
        float: right;
        position: relative;
        top: -215px;
    }
    
    #forconsul ul {
        float: right;
        position: relative;
        top: -120px;
        right: 0px;
    }
    
    #forconsul a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forconsul ul a:hover {
        color: #fbb900;
    }
    
    #forconsul i {
        color: #fbb900;
    }
    
     /*             rpa         */
    #forrpa {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 380px;
    }
    
    #forrpa img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forrpa h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forrpa p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forrpa .der {
        float: right;
        position: relative;
        top: -373px;
    }
    
    #forrpa ul {
        float: right;
        position: relative;
        top: -280px;
        right: 0px;
    }
    
    #forrpa a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forrpa ul a:hover {
        color: #fbb900;
    }
    
    #forrpa i {
        color: #fbb900;
    }
    
    /*             outsourcing         */
    #forout {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 280px;
    }
    
    #forout img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forout h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forout p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forout .der {
        float: right;
        position: relative;
        top: -267px;
    }
    
    #forout ul {
        float: right;
        position: relative;
        top: -170px;
        right: 0px;
    }
    
    #forout a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forout ul a:hover {
        color: #fbb900;
    }
    
    #forout i {
        color: #fbb900;
    }
    
     /*             quienes somos        */
    #forqsomos {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        margin-bottom: 0px;
        height: 300px;
    }
    
    #forqsomos img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forqsomos h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forqsomos p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forqsomos .der {
        float: right;
        position: relative;
        top: -267px;
    }
    
    #forqsomos ul {
        float: right;
        position: relative;
        top: -175px;
        right: 0px;
    }
    
    #forqsomos a {
        text-decoration: none;
        color: #333;
        line-height: 2;
        font-size: 20px;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
    }
    
    #forqsomos ul a:hover {
        color: #fbb900;
    }
    
    #forqsomos i {
        color: #fbb900;
    }
    
    /*             mision y vision       */
    #formyv {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 400px;
    }
    
    #formyv img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #formyv h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #formyv p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #formyv .bajar2 {
        margin-bottom: 6px;
    }
    
    #formyv .der {
        float: right;
        position: relative;
        top: -428px;
    }
    
    #formyv ul {
        float: right;
        position: relative;
        top: -310px;
        right: 0px;
    }
    
    #formyv a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #formyv ul a:hover {
        color: #fbb900;
    }
    
    #formyv i {
        color: #fbb900;
    }
    
    /*             objetivos       */
    #forobjetivo {
        width: auto;
        position: relative;
        top: 80px;
        height: 350px;
    }
    
    #forobjetivo img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forobjetivo h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forobjetivo p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forobjetivo .der {
        float: right;
        position: relative;
        top: -351px;
    }
    
    #forobjetivo ul {
        float: right;
        position: relative;
        top: -260px;
        right: 0px;
        margin-bottom: -50px
    }
    
    #forobjetivo a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forobjetivo ul a:hover {
        color: #fbb900;
    }
    
    #forobjetivo i {
        color: #fbb900;
    }
    
    /*             lo que nos diferencia       */
    #forlqnd {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 80px;
        height: 400px
    }
    
    #forlqnd img {
        padding: 30px 20px 0 0;
        float: left;
    }
    
    #forlqnd h2 {
        padding-top: 30px;
        margin-bottom: 15px;
        color: #333;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forlqnd p {
        text-align: justify;
        min-width: 70%;
        color: #555;
        line-height: 26px;
        margin-bottom: 2px;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
    }
    
    #forlqnd .bajar {
        margin-bottom: 34px;
    }
    
    #forlqnd .der {
        float: right;
        position: relative;
        top: -332px;
    }
    
    #forlqnd ul {
        float: right;
        position: relative;
        top: -260px;
        right: 0px;
    }
    
    #forlqnd a {
        text-decoration: none;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #333;
        line-height: 2;
        font-size: 20px;
    }
    
    #forlqnd ul a:hover {
        color: #fbb900;
    }
    
    #forlqnd i {
        color: #fbb900;
    }
    
    /*             planificacion erp       */
    #forerp {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0px;
    }
    
    #forerp ul li a {
        color: #333;
    }
    
    #forerp img {
        margin: 0px;
    }
    
    #forerp .move2 {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
        list-style-image: url('sqpurple.gif');
    }
    
    #forerp p {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
    }
    
    #forerp .bajarp {
        margin-top: 25px;
    }
    
    #forerp img {
        position: relative;
        left: 80%;
        bottom: 590px;
        width: 25%;
    }
    
    #forerp .bajarimg1 {
        margin-bottom: -150px
    }
    
    #forerp .bajarimg2 {
        bottom: -20px;
    }
    
    #forerp .bajarimg3 {
        bottom: 180px;
    }
    
    #forerp .bajarimg4 {
        bottom: 10px;
    }
    
    #forerp .move {
        position: relative;
        left: 80px;
        list-style-image: url(imagenes/viñetas1.png);
    }
    
    #forerp i {
        color: #fbb900;
    }
    
    #forerp ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: 100px;
    }
    
    #forerp li {
        flex-grow: 1;
    }
    
    #forerp  li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    #forerp .black {
        font-weight: bold;
    }
    
    /*             automatizacion rpa      */
    #forrpa2 {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0px;
    }
    
    #forrpa2 ul li a {
        color: #333;
    }
    
    #forrpa2 img {
        margin: 0px;
    }
    
    #forrpa2 p {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
    }
    
    #forrpa2 .bajarp {
        margin-top: 25px;
    }
    
    #forrpa2 img {
        position: relative;
        left: 80%;
        width: 25%;
        top: -620px;
    }
    
    #forrpa2 .bajarimg1 {
        margin-top: 5%;
        bottom: 350px;
    }
    
    #forrpa2 .bajarimg2 {
        margin-bottom: -150px;
        bottom: 50px;
        
    }
    
    #forrpa2 .bajarimg3 {
        bottom: 180px;
    }
    
    #forrpa2 .bajarimg4 {
        bottom: 10px;
    }
    
    #forrpa2 .move {
        position: relative;
        left: 80px;
    }
    
    #forrpa2 i {
        color: #fbb900;
    }
    
    #forrpa2 ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: 100px;
    }
    
    #forrpa2 li {
        flex-grow: 1;
    }
    
    #forrpa2  li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
        min-width: 100%;
    }
    
    #forrpa2 .black {
        font-weight: bolder;
    }
    
    /*             mkt      */
    #formkt {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0px;
    }
    
    #formkt ul li a {
        color: #333;
    }
    
    #formkt img {
        margin: 0px;
    }
    
    #formkt p {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
    }
    
    #formkt .bajarp {
        margin-top: 25px;
    }
    
    #formkt img {
        position: relative;
        left: 80%;
        width: 25%;
        bottom: 340px;
    }
    
    #formkt .bajarimg1 {
        margin-bottom: -50px
    }
    
    #formkt .bajarimg2 {
        bottom: -20px;
    }
    
    #formkt .bajarimg3 {
        margin-bottom: -140px
    }
    
    #formkt .bajarimg4 {
        bottom: 10px;
    }
    
    #formkt .move {
        position: relative;
        left: 80px;
    }
    
    #formkt i {
        color: #fbb900;
    }
    
    #formkt ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: 100px;
    }
    
    #formkt li {
        flex-grow: 1;
    }
    
    #formkt  li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    /*             facturacion electronica      */
    #forfacel {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0px;
    }
    
    #forfacelul li a {
        color: #333;
    }
    
    #forfacel img {
        margin: 0px;
    }
    
    #forfacel p {
        position: relative;
        top: 110px;
        min-width: 65%;
        left: 5%;
        text-align: justify;
        color: #535353;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        line-height: 1.7;
        list-style-type: square;
        margin: 0px 0px 2px 0px;
    }
    
    #forfacel i {
        color: #fbb900;
    }
    
    #forfacel .black {
        font-weight: bold;
    }
    
    #forfacel .bajarp {
        margin-top: 25px;
    }
    
    #forfacel img {
        position: relative;
        left: 80%;
        width: 25%;
        bottom: 160px;
    }
    
    #forfacel .bajarimg1 {
        margin-bottom: -50px
    }
    
    ##forfacel .bajarimg2 {
        bottom: -20px;
    }
    
    #forfacel .bajarimg3 {
        bottom: 180px;
    }
    
    #forfacel .bajarimg4 {
        margin-bottom: -140px
    }
    
    #forfacel .move {
        position: relative;
        left: 80px;
    }
    
    #forfacel ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        top: 100px;
    }
    
    #forfacel li {
        flex-grow: 1;
    }
    
    #forfacel  li a {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
    
    
    
    
    
    .circlehover[data-align="right"] { 
        float:none; margin:20px auto;
    }
    .circlehover.style2 { 
        width:auto; 
    }
    .zn_section {
        padding-top:35px; 
        padding-bottom:35px;
    }
    .zn_section--relative {
        position:relative;
    }
    .zn_section--masked { 
        padding-bottom:55px;
    }
    .zn_section__source + .zn_section_size {
        position:relative;
    }
    .kl-bg-source + .zn_section_size {
        position:relative;
    }
    .eluidbb0cac6f{
        padding-top:35px;
        padding-bottom:35px;
    }
    .section-sidemargins .zn_section_size .full_width {
        margin-left:15px; 
        margin-right:15px;
    }
    .container {
        width:100%;
    }
  
	
    
}