.flex-column,.flex-row{-webkit-box-direction:normal!important}*,::after,::before{-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-font-feature-settings:'lnum';-moz-font-feature-settings:'lnum';font-feature-settings:'lnum'}:focus,button:active,input:active,input:focus,textarea:active,textarea:focus{outline:0}.container{width:100%;max-width:100%;padding-right:2.4rem;padding-left:2.4rem;margin-right:auto;margin-left:auto;position:relative}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.8rem;margin-left:-0.8rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:0.8rem;padding-left:0.8rem}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-12,.row-cols-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-6,.row-cols-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-4,.row-cols-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-3,.row-cols-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-2,.row-cols-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1,.col-5{-webkit-box-flex:0}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-7,.col-8{-webkit-box-flex:0}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-10,.col-9{-webkit-box-flex:0}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width:1450px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-12,.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-xl-6,.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-4,.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-3,.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-xl-2,.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-column-reverse,.flex-row-reverse{-webkit-box-direction:reverse!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-center{align-items:center}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-12,.row-cols-sm-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-sm-6,.row-cols-sm-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-4,.row-cols-sm-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-3,.row-cols-sm-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-sm-2,.row-cols-sm-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-12,.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-md-6,.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-4,.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-3,.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-md-2,.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-12,.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col-lg-6,.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-4,.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-3,.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-lg-2,.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright,a img.alignright{float:right;margin:5px 0 20px 20px}.alignleft,a img.alignleft{float:left;margin:5px 20px 20px 0}a img.alignnone{margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.img-fluid{max-width:100%;height:auto}:root {
--colorVerde: #2e9136;
--colorVerdeClaro: #85ffad;
--colorNegro: #0d1517;
--colorGris: #465052;
--colorBlanco: #f4f7f5;
--ani: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
html {
font-size: 0.521vw;
}
body {
font-family: 'Inter', sans-serif;
background-color: var(--colorBlanco);
padding: 0px 0px 0px 0px;
margin: 0px;
font-style: normal;
font-weight: 400;
font-size: 2rem;
line-height: 2.8rem;
color: var(--colorNegro);
}
a {
color: var(--colorNegro);
display: inline-block;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
a:hover {
color: var(--2E9136);
text-decoration: underline;
}
p {
margin: 0px 0px 2rem 0px;
}
.container.no-gutters {
padding: 0px;
}
header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
padding: 0;
z-index: 9999;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.header__container {
padding: 5rem 10rem;
display: flex;
justify-content: space-between;
align-items: center;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.header__cont_btns {
display: flex;
gap: 10rem;
align-items: center;
}
.btn__menu {
width: 7rem;
height: 3.8rem;
display: block;
position: relative;
background: transparent;
cursor: pointer;
border: 0px;
padding: 0px;
margin: 0px;
}
.btn__menu span {
display: block;
width: 100%;
height: 2px;
background: #fff;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn__menu span:nth-child(1) {
top: 0;
}
.btn__menu span:nth-child(2) {
top: 1.8rem;
}
.btn__menu span:nth-child(3) {
top: 3.6rem;
}
.btn__menu:hover span:nth-child(2) {
width: 4rem;
margin-left: 1.5rem;
}
header .btn.btn-kit {
background-color: #85ffad;
display: flex;
align-items: center;
color: #0d1517;
padding: 0px 2rem;
border-color: #85ffad;
}
header .btn.btn-kit span {
width: 0;
overflow: hidden;
display: block;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding-left: 0rem;
white-space: nowrap;
}
header .btn.btn-kit:hover span {
width: 13rem;
padding-left: 1rem;
}
.menuactive header .btn.btn-kit {
border-color: #0d1517;
}
.menuactive header .btn.btn-kit:hover {
background-color: #fff;
color: #0d1517;
}
header .header__btns {
display: flex;
gap: 3rem;
}
.header_tel {
background-color: #465052 !important;
color: #fff !important;
border-color: #34393a !important;
}
.header_tel:hover{
background-color: #34393a !important;
}
.header_tel span{
display: none !important;
}
header .btn {
font-family: 'Inter', sans-serif;
background-color: var(--colorVerde);
min-width: 1px;
color: var(--colorBlanco);
border: 1px solid var(--colorVerde);
padding: 1.4rem 3rem 1.5rem;
font-size: 1.8rem;
font-weight: 400;
}
header .btn.btn-transp {
background-color: transparent;
min-width: 1px;
color: var(--colorBlanco);
border: 1px solid var(--colorBlanco);
}
header .btn:hover {
background-color: var(--colorBlanco);
color: var(--colorNegro);
border: 1px solid var(--colorBlanco);
}
.menu__pri {
position: fixed;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
z-index: 1;
background: var(--colorVerdeClaro);
opacity: 0;
visibility: hidden;
}
.menu__pri .menu-header {
list-style: none;
margin: 0px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 120rem;
margin: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.menu__pri .menu-header li {
width: 50%;
margin: 3rem 0px;
}
.menu__pri .menu-header li a {
font-size: 8rem;
text-decoration: none;
font-weight: 600;
line-height: 7rem;
font-family: "Roboto Condensed", sans-serif;
position: relative;
}
.menu__pri .menu-header li a::before {
width: 0%;
height: 145%;
top: -30%;
left: 0px;
background: var(--colorVerde);
content: '';
z-index: -1;
position: absolute;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.6s;
}
.menu__pri .menu-header li a:hover {
color: var(--colorBlanco);
padding: 0px 8rem;
}
.menu__pri .menu-header li a:hover::before {
width: 100%;
}
body.menuactive {
overflow: hidden;
}
body.menuactive .btn__menu span {
background-color: var(--colorNegro);
}
body.menuactive .btn__menu span:nth-child(1) {
top: 1.5rem;
transform: rotate(45deg);
}
body.menuactive .btn__menu span:nth-child(2) {
opacity: 0;
}
body.menuactive .btn__menu span:nth-child(3) {
top: 1.5rem;
transform: rotate(-45deg);
}
body.menuactive header .btn.btn-transp {
color: var(--colorNegro);
border-color: var(--colorNegro);
}
body.menuactive header .btn:hover {
background-color: var(--colorNegro);
color: var(--colorBlanco);
border-color: var(--colorNegro);
}
body.scroll header {
background-color: var(--colorNegro);
}
body.scroll .header__container {
padding: 2rem 10rem;
}
body.scroll.menuactive header {
background-color: transparent;
}
body.scroll.menuactive .header__container {
padding: 5rem 10rem;
}
.mod__cabecera {
text-align: center;
min-height: 66.7rem;
background-color: var(--colorNegro);
color: var(--colorBlanco);
position: relative;
z-index: 0;
overflow: hidden;
}
.mod__cabecera img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
animation: mover2 100s infinite alternate;
}
.mod__cabecera .cabecera {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
width: 144rem;
}
.mod__cabecera .cabecera h1 {
margin: 0px;
font-family: "Roboto Condensed", sans-serif;
font-size: 9rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 5rem;
}
.mod__cabecera .cabecera .cabecera__desc {
width: 72rem;
margin: auto;
}
.txt_img__data {
background-color: var(--colorVerde);
color: var(--colorBlanco);
padding: 18rem 22rem;
}
.txt_img__img {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
}
.txt_img__imgfondo {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
z-index: -1;
animation: mover2 100s infinite alternate;
}
.txt_img__coldataimg {
background-color: var(--colorNegro);
position: relative;
z-index: 0;
}
.txt_img__coldataimg .txt_img__data {
background-color: transparent;
}
.txt_img__coldataimg .btn {
background-color: var(--colorBlanco);
color: var(--colorNegro);
}
.txt_img__coldataimg .btn:hover {
background-color: var(--colorVerdeClaro);
color: var(--colorNegro);
}
.txt_img__coldataimg .btn-negro {
background-color: var(--colorVerdeClaro);
color: var(--colorNegro);
}
.txt_img__coldataimg .btn-negro:hover {
background-color: var(--colorBlanco);
color: var(--colorNegro);
}
.txt_img__data h2 {
margin: 0px 0px 4rem;
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
}
.txt_img__desc {
margin: 0px 0px 4rem;
}
.txt_img__desc p:last-child {
margin: 0px;
}
.txt_img__ico {
font-family: "Roboto Condensed", sans-serif;
font-size: 3.2rem;
font-style: normal;
font-weight: 700;
color: var(--colorVerdeClaro);
text-align: center;
}
.txt_img__ico h3 {
margin: 3.2rem 0px 0px 0px;
}
.txt_img__ico img {
height: 8rem;
width: auto;
}
.txt_img__icos {
width: 62rem;
}
.align_img_txt .txt_img__data {
background-color: var(--colorNegro);
text-align: right;
}
.txt_img__btns {
display: flex;
gap: 4rem;
margin-bottom: 4rem;
}
.mod_texto_grande_botones {
padding: 20rem 0px;
}
.mod_texto_grande_botones .txt_gr {
max-width: 144rem;
margin: auto;
text-align: center;
}
.mod_texto_grande_botones .txt_gr .txt_gr__txt {
margin: 0px 6rem 8rem;
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
}
.txt_gr__btns {
display: flex;
align-items: center;
justify-content: center;
gap: 4rem;
}
.btn {
text-decoration: none;
display: inline-block;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif;
font-size: 2rem;
line-height: 2rem;
min-width: 40rem;
text-align: center;
background: var(--colorVerdeClaro);
padding: 2.2rem 3rem 1.8rem;
border: 0px;
cursor: pointer;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.btn:hover {
text-decoration: none;
background: var(--colorNegro);
color: var(--colorBlanco);
}
.btn-gris {
background-color: var(--colorGris);
color: var(--colorBlanco);
}
.btn-gris:hover {
background: var(--colorNegro);
color: var(--colorBlanco);
}
.btn-negro {
background-color: var(--colorNegro);
color: var(--colorBlanco);
}
.btn-negro:hover {
background: var(--colorVerdeClaro);
color: var(--colorNegro);
}
.btn-verde {
background-color: var(--colorVerde);
color: var(--colorBlanco);
}
.btn-verde:hover {
background: var(--colorVerdeClaro);
color: var(--colorNegro);
}
.mod__acordeon {
padding: 18rem 22rem;
}
.mod__acordeon h2 {
margin: 0px 0px 8rem;
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
text-align: center;
}
.acordeon__container {
margin-bottom: 8rem;
}
.acordeon__container .acordeon {
padding-top: 3rem;
border-bottom: 1px solid var(--colorVerde);
}
.acordeon__container .acordeon h3 {
margin: 0px;
padding: 0px;
font-size: 2.2rem;
line-height: 2.7rem;
padding-bottom: 3rem;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
position: relative;
left: 50%;
transform: translateX(-50%);
text-align: left;
display: inline-block;
}
.acordeon__container .acordeon .acordeon__title {
text-decoration: none;
display: block;
text-align: left;
}
.acordeon__container .acordeon.active .acordeon__title h3 {
left: 0%;
transform: translateX(0%);
font-size: 3rem;
line-height: 3.4rem;
}
.acordeon__container .acordeon .acordeon__desc {
display: none;
padding-bottom: 3rem;
}
.txt_img__linkvideo {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.txt_img__linkvideo svg {
position: absolute;
top: 50%;
left: 50%;
width: 20rem;
height: auto;
transform: translate(-50%, -50%);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.txt_img__linkvideo:hover svg {
width: 24rem;
}
.txt_img__coldataimg .txt_img__icos {
width: 100%;
}
.modal {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999999999999;
display: none;
}
.modal .modal__video_close {
z-index: 1;
width: 5rem;
height: 5rem;
position: absolute;
padding: 0px;
background: none;
border: 0px;
margin: 0px;
top: calc(50% - 41rem);
left: calc(50% + 61rem);
cursor: pointer;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.modal .modal__video_close:hover {
width: 6rem;
height: 6rem;
margin: -0.5rem -0.5rem;
}
.modal #modal_video iframe {
width: 120rem;
height: 70rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modalActivo {
overflow: hidden;
}
.modal__content {
background: var(--colorBlanco);
width: 800px;
margin: auto;
padding: 5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal__content h3 {
margin: 0px 0px 4rem;
font-size: 6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
}
.mod__cabecera.mod__cabecera_home {
min-height: 100vh;
}
.mod__cabecera.mod__cabecera_home img {
opacity: 0.1;
animation: mover 100s infinite alternate;
}
@keyframes mover {
0% {
opacity: 0;
}
10% {
opacity: 0.1;
transform: rotate(3deg) scale(1.02);
}
20% {
opacity: 0.1;
transform: rotate(2deg) scale(1.01);
}
30% {
opacity: 0;
transform: rotate(0deg) scale(1.03);
}
40% {
opacity: 0.2;
transform: rotate(0deg) scale(1);
}
50% {
opacity: 0.05;
transform: rotate(5deg) scale(1);
}
60% {
opacity: 0.1;
transform: rotate(0deg) scale(1.03);
}
70% {
opacity: 0.2;
transform: rotate(1deg) scale(1);
}
80% {
opacity: 0.1;
transform: rotate(2deg) scale(1);
}
90% {
opacity: 0.1;
transform: rotate(3deg) scale(1.01);
}
100% {
transform: rotate(0deg);
opacity: 0;
}
}
@keyframes mover2 {
0% {
opacity: 0;
}
10% {
opacity: 1;
transform: rotate(3deg) scale(1.02);
}
20% {
opacity: 1;
transform: rotate(2deg) scale(1.01);
}
30% {
opacity: 0;
transform: rotate(0deg) scale(1.03);
}
40% {
opacity: 0.5;
transform: rotate(0deg) scale(1);
}
50% {
opacity: 0.3;
transform: rotate(5deg) scale(1);
}
60% {
opacity: 0.8;
transform: rotate(0deg) scale(1.03);
}
70% {
opacity: 1;
transform: rotate(1deg) scale(1);
}
80% {
opacity: 0;
transform: rotate(2deg) scale(1);
}
90% {
opacity: 0.6;
transform: rotate(3deg) scale(1.01);
}
100% {
transform: rotate(0deg);
opacity: 0;
}
}
.mod__cabecera.mod__cabecera_home .cabecera {
width: 135rem;
}
.cabecera__btns {
margin-top: 8rem;
}
.cab_svg {
height: 8rem;
position: absolute;
opacity: 0;
}
@keyframes aparicion {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.cab_1 {
top: 15rem;
left: 22rem;
transform: rotate(19deg);
height: 6rem;
animation: aparicion 10s infinite ease-in-out;
animation-delay: 1s;
}
.cab_2 {
top: 50rem;
left: 25rem;
transform: rotate(-9deg);
height: 9rem;
animation: aparicion 9s infinite ease-in-out;
}
.cab_3 {
top: 80rem;
left: 20rem;
height: 6rem;
animation: aparicion 11s infinite ease-in-out;
animation-delay: 2s;
}
.cab_10 {
top: 90vh;
left: 2rem;
animation: aparicion 12s infinite ease-in-out;
animation-delay: 1s;
}
.cab_30 {
top: 30vh;
left: 6rem;
transform: rotate(12deg);
animation: aparicion 10s infinite ease-in-out;
animation-delay: 3s;
}
.cab_20 {
top: 30vh;
right: 6rem;
transform: rotate(4deg);
width: 10rem;
animation: aparicion 11s infinite ease-in-out;
animation-delay: 0s;
}
.cab_11 {
top: 12vh;
right: 15rem;
transform: rotate(-14deg);
animation: aparicion 14s infinite ease-in-out;
animation-delay: 3s;
}
.cab_21 {
top: 84vh;
right: 40rem;
transform: rotate(20deg);
width: 6rem;
animation: aparicion 16s infinite ease-in-out;
animation-delay: 1s;
}
.cab_31 {
top: 60vh;
right: 20rem;
transform: rotate(-20deg);
width: 16rem;
animation: aparicion 10s infinite ease-in-out;
animation-delay: 5s;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
.mod__bvertical {
}
.mod__bvertical .bvertical {
display: flex;
}
.mod__bvertical .bvertical .bloquev {
width: 33.3333333%;
position: relative;
height: 90rem;
overflow: hidden;
}
.mod__bvertical .bvertical .bloquev::before {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
left: 0px;
content: '';
background: linear-gradient(
0deg,
rgba(13, 21, 23, 0.7) 0%,
rgba(13, 21, 23, 0) 100%
);
z-index: -1;
}
.mod__bvertical .bvertical .bloquev .bloquev__data {
padding: 8rem;
background: transparent;
height: 100%;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data {
background: var(--colorBlanco);
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__titulo {
font-size: 7rem;
font-style: normal;
font-weight: 700;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
margin: 2rem 0px;
color: var(--colorBlanco);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__icono {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
margin-top: 40rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__icono svg path {
fill: var(--colorBlanco);
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__desc {
opacity: 0;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
transition-duration: 0.1s;
}
.mod__bvertical .bvertical .bloquev img {
width: 100%;
height: 100%;
position: absolute;
z-index: -2;
top: 0px;
left: 0px;
object-fit: cover;
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.mod__bvertical .bvertical .bloquev svg {
height: 10rem;
width: auto;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .btn {
position: absolute;
bottom: 8rem;
min-width: 20rem;
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .bloquev__titulo {
color: var(--colorVerde);
}
.mod__bvertical
.bvertical
.bloquev:hover
.bloquev__data
.bloquev__icono
svg
path {
fill: var(--colorVerde);
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .btn {
background-color: var(--colorNegro);
color: var(--colorBlanco);
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .bloquev__desc {
transition-delay: 0.1s;
transition-duration: 0.3s;
opacity: 1;
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .bloquev__icono {
margin-top: 0rem;
}
.mod__bvertical .bvertical .bloquev:hover img {
transform: scale(1.1);
}
.mod__logos {
padding: 20rem 0px;
text-align: center;
}
.mod__formulario h2,
.mod__casos h2,
.mod__logos h2 {
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
margin: 0px 0px 8rem;
}
.mod__logos .logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 160rem;
margin: auto;
gap: 5rem 0rem;
}
.mod__logos .logos div {
width: 20%;
height: auto;
text-align: center;
}
.mod__logos .logos div img {
max-width: 90%;
height: auto;
}
.mod__cabecera_pequena {
min-height: 70rem !important;
}
.mod__cabecera_pequena .cabecera {
position: absolute;
top: 55%;
}
.mod__icono_titulo_botones {
padding: 18rem 22rem;
text-align: center;
}
.mod__icono_titulo_botones img {
width: 16rem;
}
.mod__icono_titulo_botones h2 {
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
margin: 6rem 0px 8rem;
}
.mod__icono_titulo_botones .ico_tit_btn__btns {
display: flex;
gap: 4rem;
align-items: center;
justify-content: center;
}
.mod__icono_titulo_botones .ico_tit_btn__btns .btn {
min-width: 30rem;
}
.mod__acordeon_icono .acordeon h3 {
left: 0;
transform: none;
}
.mod__acordeon_icono .acordeon .acordeon__title {
display: flex;
align-items: center;
gap: 2rem;
padding-bottom: 3rem;
}
.mod__acordeon_icono .acordeon .acordeon__title h3 {
margin: 0px;
padding: 0px;
}
.acordeon__slider {
max-width: 100rem;
margin: auto;
}
.acordeon__diapo p {
margin-bottom: 1rem;
}
.acordeon__diapo {
display: flex;
gap: 4rem;
font-size: 1.7rem;
line-height: 2rem;
}
.slick-prev,
.slick-next {
position: absolute;
top: 40%;
font-size: 0;
line-height: 0;
position: absolute;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/images/arrow.svg);
}
.slick-prev {
left: -60px;
transform: rotate(90deg);
}
.slick-next {
right: -60px;
transform: rotate(-90deg);
}
.slick-arrow.slick-disabled {
opacity: 0.3;
}
.mod__casos {
padding: 12rem 0px;
background: var(--colorNegro);
color: var(--colorBlanco);
}
.mod__casos h2 {
text-align: center;
}
.casos {
max-width: 160rem;
margin: auto;
width: 100%;
}
.casos .caso {
padding: 4rem 3rem;
background-color: var(--colorBlanco);
color: var(--colorNegro);
font-size: 1.7rem;
line-height: 2.2rem;
height: calc(100% - 3rem);
margin: 0px 1rem 3rem;
min-height: 63rem;
}
.casos .caso .caso__header {
display: flex;
justify-content: space-between;
}
.casos .caso .caso__nombre {
font-size: 2rem;
font-weight: 600;
color: var(--colorVerde);
display: flex;
gap: 0.6rem;
}
.casos .caso .caso__nombre svg {
height: 2rem;
}
.casos .caso .caso__img {
padding: 1.4rem 0px;
border-bottom: 1px solid var(--colorVerdeClaro);
margin-bottom: 2.4rem;
}
.casos .caso__cargo {
text-align: right;
}
.casos .slick-dots {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
gap: 10px;
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
}
.casos .slick-dots li.slick-active button {
background-color: #2e9136;
}
.casos .slick-dots li button {
font-size: 0px;
width: 14px;
height: 14px;
border-radius: 10px;
border: 0px;
background-color: #fff;
padding: 0px;
cursor: pointer;
}
.txt_img_acordeon.acordeon__container .acordeon {
padding-top: 3rem;
border-bottom: 1px solid var(--colorVerdeClaro);
}
.txt_img_acordeon.acordeon__container .acordeon h3 {
left: 0;
transform: none;
color: var(--colorBlanco);
}
.mod_servicios.align_img_txt .txt_img__data {
background-color: var(--colorBlanco);
color: var(--colorNegro);
}
.mod_servicios.align_img_txt .acordeon__container .acordeon h3 {
color: var(--colorNegro);
text-align: right;
width: 100%;
}
.mod_servicios .txt_img__data h2 {
display: flex;
gap: 4rem;
align-items: center;
}
.align_img_txt.mod_servicios .txt_img__data h2 {
justify-content: flex-end;
}
.align_img_txt.mod_servicios .txt_img__data h2 img {
order: 2;
}
.mod__formulario {
padding: 18rem 0px;
}
.mod__formulario h2 {
text-align: center;
padding: 0px 10rem;
}
.wpcf7-list-item {
margin: 0px;
}
.mod__cabecera_contacto {
height: 80rem;
}
.mod__cabecera_contacto img {
opacity: 0.4;
}
footer {
background-color: var(--colorNegro);
color: var(--colorBlanco);
text-align: center;
padding: 14rem 0px;
}
footer a {
color: var(--colorBlanco);
}
footer .footer__logo {
padding-bottom: 2rem;
border-bottom: 1px solid var(--colorBlanco);
margin-bottom: 2rem;
}
footer .footer__logo a svg {
height: 14rem;
width: auto;
}
footer .footer__container {
max-width: 1500px;
margin: auto;
padding: 0px 4rem;
}
.menu-footer {
display: flex;
align-items: center;
justify-content: center;
margin: 4rem 0px;
color: var(--colorVerdeClaro);
list-style: none;
}
.menu-footer li {
padding: 0px 5rem 0px 2rem;
position: relative;
}
.menu-footer li a {
font-weight: 600;
text-decoration: none;
font-family: "Roboto Condensed", sans-serif;
font-size: 2.8rem;
line-height: 3rem;
}
.menu-footer li:before {
background: #85ffad;
width: 10px;
height: 10px;
border-radius: 10px;
position: absolute;
content: '';
left: -17px;
top: 6px;
}
textarea,
select,
input[type='tel'],
input[type='email'],
input[type='text'] {
width: 100%;
border: 0;
background: 0 0;
border-bottom: 1px solid #0d1517;
color: #0d1517;
font-size: 20px;
line-height: 25px;
font-family: "Roboto Condensed", sans-serif !important;
padding: 10px 0;
margin-bottom: 10px;
border-radius: 0;
}
textarea {
height: 10rem;
}
.formulario {
width: 100rem;
margin: auto;
}
.wpcf7-submit {
min-width: 0;
}
.wpcf7-spinner {
position: absolute;
margin: 12px;
}
.wpcf7 form .wpcf7-response-output {
margin: 4rem 0px;
padding: 2rem;
}
.content__blog {
padding: 20rem 4rem 10rem;
max-width: 1500px;
margin: auto;
}
.paginadorNot {
margin-bottom: 10rem;
}
.wp-pagenavi a,
.wp-pagenavi span {
padding: 0.6rem 1.4rem;
margin: 0px 0.4rem;
display: inline-block;
}
.wp-pagenavi span.current {
background: var(--colorVerde);
color: var(--colorBlanco);
}
.wp-pagenavi a:hover {
text-decoration: none;
}
.post__list {
margin-bottom: 9rem;
}
.post__list img {
width: 96%;
height: 35rem;
object-fit: cover;
}
.post__list .post__list_img {
display: block;
}
.post__list a {
text-decoration: none;
}
.post__list h2 {
margin: 0px;
font-family: "Roboto Condensed", sans-serif;
font-size: 5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 3rem;
text-decoration: none;
}
.post__list_h {
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--colorNegro);
}
.cabecera__cat {
color: #fff;
list-style: none;
margin: 0px;
padding: 0px;
text-align: left;
position: absolute;
top: 53%;
left: 70%;
transform: translateY(-50%);
}
.cabecera__cat li {
margin: 1rem 0px;
}
.cabecera__cat li a {
color: #fff;
font-family: "Roboto Condensed", sans-serif;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
}
.cabecera__cat li a {
display: flex;
align-items: center;
gap: 1rem;
}
.cabecera__cat li a svg {
height: 4rem;
}
.cabecera__cat li a:hover,
.cabecera__cat li.active a {
color: var(--colorVerde);
}
.cabecera__cat li a svg .cls-2,
.cabecera__cat li a svg .cls-1 {
-moz-transition: var(--ani);
-ms-transition: var(--ani);
-o-transition: var(--ani);
transition: var(--ani);
}
.cabecera__cat li a:hover svg .cls-1,
.cabecera__cat li.active a svg .cls-1 {
fill: var(--colorVerde);
}
.cabecera__cat li:hover a svg .cls-2,
.cabecera__cat li.active a svg .cls-2 {
stroke: var(--colorVerde);
}
.no_hay {
font-size: 7rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Roboto Condensed", sans-serif;
margin: 6rem 0px 8rem;
text-align: center;
}
.content__blog .img-post {
width: 100%;
height: auto;
margin-bottom: 4rem;
}
.post__categories {
margin-top: 4rem;
padding-top: 4rem;
border-top: 1px solid var(--colorNegro);
}
.post__list-small.post__list img {
height: 28rem;
margin-bottom: 3rem;
}
.post__list-small.post__list h2 {
font-size: 4rem;
line-height: 4.5rem;
margin-bottom: 0rem;
}
.post__list-small.post__list .postlist__categories {
margin-bottom: 2rem;
}
.post__list-small.post__list .btn {
width: 100%;
display: block;
}
.post__list-small.post__list img {
width: 100%;
}
.blog__rel {
margin: 20rem 0px 0px 0px;
}
.blog__rel h3 {
margin: 0px;
font-family: "Roboto Condensed", sans-serif;
font-size: 7rem;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 6rem;
}
.mod__contenido .content__blog {
padding: 10rem 4rem;
max-width: 1200px;
}
.mod__contenido .content__blog table {
width: 100%;
}
.modulo__kit {
background: #f4f7f5;
}
.modulo__kit .programa_kit_digital {
max-width: 390px;
color: #959393;
margin: 0px auto 50px;
font-size: 10px;
line-height: 14px;
text-align: center;
position: relative;
}
.modulo__kit .logos {
text-align: center;
margin-bottom: 100px;
}
.modulo__kit .logos img {
margin: 0px 20px;
max-height: 45px;
width: auto;
}
.modulo__kit .programa_kit_digital:before {
width: 150px;
height: 1px;
bottom: -10px;
left: calc(50% - 75px);
content: '';
position: absolute;
background: #959393;
}
.mod__bvertical_sin_hover .bloquev {
pointer-events: none;
}
.mod__bvertical_sin_hover .bloquev__data {
pointer-events: none;
}
.mod__contadores {
background-color: var(--colorVerdeClaro);
}
.contadores {
padding: 6rem 0px 5rem;
display: flex;
gap: 8rem;
text-align: center;
justify-content: center;
align-items: center;
font-family: "Roboto Condensed", sans-serif;
font-size: 4.5rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
color: var(--colorNegro);
}
.contador__number {
color: var(--colorVerde);
font-size: 7rem;
}
.m__title {
font-family: "Roboto Condensed", sans-serif;
font-size: 4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--colorVerde);
text-align: center;
margin-bottom: 3rem;
}
.m__contenido {
text-align: center;
margin-bottom: 5rem;
}
#modal_inicio .modal__video_close {
top: 1rem;
left: auto;
right: 1rem;
}
.mod_frase_fondo_verde {
padding: 8rem 1rem;
font-size: 7rem;
line-height: 120%;
background-color: var(--colorVerde);
color: var(--colorBlanco);
text-align: center;
}
footer .menu-footer-btns {
display: flex;
list-style: none;
padding: 0px;
margin: 0px;
gap: 9rem;
margin-bottom: 4rem;
}
footer .menu-footer-btns li {
width: calc(25% - 6.8rem);
}
footer .menu-footer-btns li a {
text-decoration: none;
display: inline-block;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif;
font-size: 2rem;
line-height: 2rem;
width: 100%;
text-align: center;
background: var(--colorVerde);
padding: 2.2rem 1rem 1.8rem;
color: var(--colorBlanco);
}
footer .menu-footer-btns li a:hover {
background: var(--colorVerdeClaro);
color: var(--colorNegro);
}
footer .footer_direccion {
padding-bottom: 4rem;
}
footer .footer_rs {
display: flex;
align-items: center;
justify-content: center;
gap: 6rem;
border-bottom: 1px solid var(--colorBlanco);
padding-bottom: 3rem;
}
footer .footer_ue {
gap: 6rem;
display: flex;
text-align: left;
font-size: 1.6rem;
line-height: 2.4rem;
align-items: center;
margin-top: 4rem;
}
footer .menu-footer-legal a {
font-weight: 400;
}
@media screen and (min-width: 1921px) {
footer .menu-footer-btns {
gap: 4rem;
}
footer .menu-footer-btns li {
width: calc(50% - 6.8rem);
}
.content__blog {
max-width: 1920px;
}
}
@media screen and (max-width: 1140px) {
html {
font-size: 0.7vw;
}
.txt_img__data {
background-color: var(--colorVerde);
color: var(--colorBlanco);
padding: 16rem 10rem;
}
.mod_texto_grande_botones {
padding: 16rem 0px;
}
.mod__acordeon {
padding: 16rem 14rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data {
padding: 4rem;
}
.mod__bvertical .bvertical .bloquev {
height: 83rem;
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .bloquev__icono {
margin-top: 10rem;
}
.modal #modal_video iframe {
width: 90vw;
height: 51vw;
}
.modal .modal__video_close {
width: 7rem;
}
.mod__logos .logos {
max-width: 94%;
}
.mod__cabecera .cabecera {
max-width: 90%;
}
.mod__cabecera_blogsingle.mod__cabecera .cabecera h1 {
font-size: 7rem;
}
header .btn {
padding: 1.4rem 2rem 1.5rem;
}
header .btn.btn-kit {
padding: 0px 1rem;
}
.header__cont_btns {
gap: 6rem;
}
.header__container {
padding: 5rem 4rem;
}
}
@media screen and (max-width: 992px) {
html {
font-size: 0.9vw;
}
.mod__cabecera .cabecera h1 {
margin-bottom: 3rem;
}
.mod__cabecera .cabecera .cabecera__desc {
font-size: 2.5rem;
line-height: 3.4rem;
width: 80rem;
}
.txt_img__data {
padding: 10rem 4rem;
}
.txt_img__img {
position: relative;
height: 40rem;
float: left;
}
.mod_texto_grande_botones {
padding: 10rem 0px;
}
.mod__acordeon {
padding: 10rem 10rem;
}
.mod__cabecera.mod__cabecera_home {
padding: 0px 10rem;
}
.mod__cabecera.mod__cabecera_home .cabecera {
width: 88%;
}
.cab_2 {
top: 26rem;
}
.cab_20 {
top: 20vh;
}
.cab_30 {
top: 14vh;
left: 56rem;
}
.cab_3 {
top: 120rem;
left: 20rem;
height: 10rem;
}
.cab_31 {
top: 73vh;
right: 20rem;
width: 5rem;
}
.mod__bvertical .bvertical {
display: block;
}
.mod__bvertical .bvertical .bloquev {
width: 100%;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__icono {
margin-top: 10rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__desc {
opacity: 1;
color: var(--colorBlanco);
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__desc {
opacity: 1;
color: var(--colorBlanco);
max-width: 500px;
}
.mod__bvertical
.bvertical
.bloquev:hover
.bloquev__data
.bloquev__icono
svg
path {
fill: var(--colorBlanco);
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data {
background: transparent;
}
.mod__bvertical .bvertical .bloquev:hover .bloquev__data .bloquev__titulo {
color: var(--colorBlanco);
}
.mod__bvertical .bvertical .bloquev {
height: 76rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .btn {
bottom: 12rem;
}
.mod__logos .logos div {
width: 30%;
}
.mod__cabecera_pequena .cab_svg {
display: none;
}
.casos .caso {
height: calc(100% - 2rem);
margin-bottom: 2rem;
}
.casos {
padding: 0px 4rem;
}
.menu-footer li {
padding: 0px 5rem 0px 1rem;
}
.footer_ue img {
height: 50px;
}
footer .menu-footer-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem 10rem;
margin-bottom: 4rem;
}
footer .menu-footer-btns li {
width: 45%;
}
header .header__btns {
margin: 0px;
gap: 1rem;
}
.header__container {
padding: 5rem 4rem;
}
.menu__pri .menu-header {
width: 96rem;
}
.menu__pri .menu-header li a:hover {
padding: 0px 4rem;
}
.mod__cabecera .cabecera {
top: 55%;
}
.mod__formulario {
padding: 10rem 0px;
}
.content__blog {
padding: 10rem 4rem;
}
.post__list img {
width: 100%;
margin-bottom: 4rem;
}
.postlist__categories {
text-align: center;
margin-bottom: 2rem;
}
.post__list .btn {
width: 100%;
display: block;
}
.mod__cabecera_blogsingle.mod__cabecera .cabecera h1 {
font-size: 6rem;
}
.modal__content {
width: 93%;
}
.modulo__kit .logos img {
width: auto;
height: 28px;
margin: 0px 14px;
}
}
@media screen and (max-width: 600px) {
html {
font-size: 1.3vw;
}
body {
font-size: 2.8rem;
line-height: 4rem;
}
.mod__cabecera {
min-height: 112rem;
}
.mod__cabecera .cabecera {
width: 100%;
padding: 0px 4rem;
}
.mod__cabecera .cabecera .cabecera__desc {
font-size: 3.5rem;
line-height: 4.6rem;
width: 100%;
}
.txt_img__desc {
margin: 0px;
}
.txt_img__icos {
margin-top: 7rem;
width: 100%;
}
.txt_img__ico img {
height: 10rem;
width: auto;
}
.txt_img__img {
height: 70rem;
}
.mod_texto_grande_botones .txt_gr .txt_gr__txt {
font-size: 5.5rem;
margin: 0px 0px 7rem;
}
.btn {
font-size: 4rem;
line-height: 4rem;
min-width: 48rem;
padding: 3.2rem 2rem 2.8rem;
}
.txt_gr__btns {
display: block;
}
.txt_gr__btns .btn {
display: block;
margin-bottom: 1rem;
}
.mod_texto_grande_botones {
padding: 10rem 4rem;
}
.mod__acordeon {
padding: 10rem 4rem;
}
.acordeon__container .acordeon h3 {
font-size: 3.2rem;
line-height: 3.7rem;
}
.acordeon__container .acordeon.active .acordeon__title h3 {
font-size: 4rem;
line-height: 5.4rem;
}
.mod__cabecera.mod__cabecera_home .cabecera {
width: 100%;
}
.cab_svg {
display: none;
}
.cabecera__btns .btn {
width: 100%;
margin-bottom: 2rem;
}
.txt_img__btns {
display: block;
}
.mod__cabecera .cabecera h1 {
font-size: 8rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .btn {
bottom: 0;
position: relative;
border: 0px;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__icono {
margin-top: 0rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data {
padding: 10rem 4rem;
}
.mod__bvertical .bvertical .bloquev {
height: auto;
}
.mod__bvertical .bvertical .bloquev::before {
background: linear-gradient(
0deg,
rgba(13, 21, 23, 0.9) 0%,
rgba(13, 21, 23, 0.3) 100%
);
}
.mod__bvertical .bvertical .bloquev svg {
height: 14rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .bloquev__desc {
margin-bottom: 24px;
}
.txt_img__btns {
margin-top: 24px;
}
.txt_img__btns .btn {
width: 100%;
margin-bottom: 2rem;
}
.mod__bvertical .bvertical .bloquev .bloquev__data .btn {
width: 100%;
}
.mod__logos .logos div img {
max-width: 80%;
}
.mod__logos {
padding: 10rem 0px;
text-align: center;
}
.mod__cabecera_pequena {
min-height: 100vh !important;
}
.mod__icono_titulo_botones {
padding: 10rem 4rem;
text-align: center;
}
.mod__icono_titulo_botones .ico_tit_btn__btns {
display: block;
}
.mod__icono_titulo_botones .ico_tit_btn__btns .btn {
width: 100%;
margin-bottom: 2rem;
}
.casos .caso {
font-size: 12px;
line-height: 16px;
}
.casos .caso .caso__nombre {
font-size: 4rem;
line-height: 4rem;
}
.casos .caso .caso__nombre svg {
height: 4rem;
}
.casos .caso .caso__img {
padding: 3.4rem 0px;
}
.mod_servicios .txt_img__data h2 img {
height: 10rem;
}
footer .footer__logo a svg {
height: 24rem;
width: auto;
}
footer {
padding: 8rem 0px;
}
.menu-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
}
footer .menu-footer-btns li {
width: 100%;
}
footer .menu-footer-btns li a {
font-size: 3rem;
line-height: 3rem;
padding: 3.2rem 3rem 2.8rem;
}
.menu-footer li a {
font-size: 3.8rem;
line-height: 5rem;
}
footer .footer_direccion {
padding-bottom: 7rem;
padding-top: 7rem;
}
footer .footer_ue {
display: block;
font-size: 2.6rem;
line-height: 3.4rem;
margin-top: 4rem;
}
.footer_ue img {
height: auto;
width: 100%;
margin-bottom: 3rem;
}
footer .footer__logo {
padding-bottom: 4rem;
margin-bottom: 7rem;
}
.menu-footer {
margin: 7rem 0px;
}
header .btn.btn-transp {
display: none;
}
header .btn {
font-size: 2.8rem;
}
.btn__menu {
width: 8rem;
}
.btn__menu span:nth-child(2) {
top: 2.5rem;
}
.btn__menu span:nth-child(3) {
top: 5rem;
}
.btn__menu {
height: 5.4rem;
}
.header__logo a img {
height: 40px;
}
body.scroll .header__container {
padding: 2rem 4rem;
}
.menu__pri .menu-header {
width: 100%;
display: block;
padding: 0px 4rem;
text-align: center;
}
.menu__pri .menu-header li {
width: 100%;
margin: 4rem 0px;
}
.menu__pri .menu-header li a {
font-size: 5rem;
line-height: 6rem;
}
body.menuactive .btn__menu span:nth-child(3),
body.menuactive .btn__menu span:nth-child(1) {
top: 2.5rem;
}
body.scroll.menuactive .header__container {
padding: 3rem 4rem;
}
.btn__menu:hover span:nth-child(2) {
margin-left: 2rem;
}
.formulario {
width: 100%;
margin: auto;
padding: 0px 4rem;
}
.wpcf7-submit {
margin-top: 5rem;
display: block;
width: 100%;
}
.wpcf7-spinner {
position: absolute;
margin: 12px;
left: 50%;
margin-left: -12px;
}
.mod__cabecera_blog.mod__cabecera .cabecera {
position: relative;
top: 0px;
left: 0px;
transform: none;
padding-top: 27rem;
}
.cabecera__cat {
text-align: left;
position: relative;
top: 0px;
left: 0px;
transform: none;
margin-top: 16rem;
margin-left: 4rem;
}
.cabecera__cat li a {
line-height: 4rem;
font-size: 4rem;
}
.cabecera__cat li {
margin: 2rem 0px;
}
.modulo__kit .logos img {
width: auto;
height: 35px;
margin: 8px 17px;
}
.modulo__kit .logos {
margin-bottom: 70px;
}
.contadores {
display: block;
}
.contadores .contador {
margin-bottom: 4rem;
}
.contadores .contador:last-child {
margin-bottom: 0rem;
}
#modal_inicio img {
width: 100%;
height: auto;
}
.m__title {
font-family: "Roboto Condensed", sans-serif;
font-size: 5rem;
}
#modal_inicio .modal__video_close {
top: -2rem;
right: -2rem;
}
.acordeon__diapo {
font-size: 2rem;
line-height: 2.2rem;
}
.slick-next {
right: -15px;
}
.slick-prev {
left: -15px;
}
.casos .caso {
min-height: 85rem;
}
body.page-template-plantilla_solucion_digital .btn-kit {
display: none;
}
.mod_frase_fondo_verde {
padding: 8rem 5rem;
font-size: 5rem;
line-height: 120%;
}
.header_tel span{
display: block;
width: 4rem !important;
height: 4rem !important;
padding: 0px !important;
}
.header_tel span svg{
width: 4rem;
height: 4rem;
}
.header_tel {
font-size: 0px !important
}
.header__cont_btns {
gap: 5rem;
}
.mod__logos .logos {
max-width: 94%;
width: 100vw;
}
.mod__cabecera.mod__cabecera_home {
overflow: hidden;
}
.header__container {
padding: 5rem 3rem;
width: 100vw;
}
.header_tel {
border-color: #465052 !important;
}
header .btn.btn-kit:hover span {
width: 0;
padding-left: 0;
}
}@font-face {
font-family: NeueHaas;
font-weight: 400;
letter-spacing: 0;
src: url(//sisgrupo.com/wp-content/themes/sisgrupo/font/NeueHaas/NeueHaasDisplay-Roman.ttf) format("truetype");
font-display: swap
}
@font-face {
font-family: NeueHaas;
font-weight: 700;
letter-spacing: 0;
src: url(//sisgrupo.com/wp-content/themes/sisgrupo/font/NeueHaas/NeueHaasDisplay-Bold.ttf) format("truetype");
font-display: swap
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.slick-slide:focus {
outline: 0
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,
.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/arrow.svg)
}
.slick-next {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/arrow.svg)
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: 0
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
right: auto;
left: -25px
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
* {
margin: 0;
padding: 0
}
*,
::after,
::before {
box-sizing: border-box
}
p {
font-family: NeueHaas, Verdana!important
}
svg {
overflow: hidden;
vertical-align: middle
}
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
body {
font-family: NeueHaas, Verdana;
color: #000;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 19px;
color: #0d1517;
letter-spacing: 1px;
background: #f4f7f5
}
.parallax {
height: 500px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-perspective: 300px;
perspective: 300px;
-webkit-perspective-origin-x: 100%;
perspective-origin-x: 100%
}
a {
color: #0d1517
}
.title {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
a {
text-decoration: none
}
.text-center {
text-align: center
}
#group1 {
z-index: 5
}
#group2 {
z-index: 3
}
#group3 {
z-index: 4
}
#group4 {
z-index: 2;
height: 1200px
}
#group4 .parallax__layer--background img {
height: 1200px
}
#group5 {
z-index: 3;
height: 500px;
min-height: 500px
}
#group5 .parallax__layer--base {
background: #f4f7f5;
color: #0d1517
}
#group6 {
z-index: 2;
height: 1080px
}
#group6 .parallax__layer--background img {
height: 1080px
}
#group6 .parallax__layer--back {
background: #f5eb64
}
#group7 {
z-index: 3;
height: 790px;
min-height: 790px
}
#group7 .parallax__layer--base {
background: #f4f7f5;
color: #0d1517
}
#groupNoso2 {
z-index: 3;
height: 600px;
min-height: 600px
}
#groupNoso2.parallax__layer--background img {
height: 600px;
min-height: 600px
}
#groupERPvideo {
z-index: 3;
height: 1300px;
min-height: 1300px
}
#groupERPvideo.parallax__layer--background img {
height: 1300px;
min-height: 1300px
}
body.menu-activo .fondoMenu {
z-index: 999;
width: 100%;
height: 100%;
top: 0;
right: 0;
opacity: 1
}
body.menu-activo .menuPrincipal {
height: auto;
width: auto;
overflow: initial;
visibility: inherit;
z-index: 9999;
width: 1024px;
margin: auto;
position: relative;
height: 94vh
}
body.menu-activo .menuPrincipal .menu-principal {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
body.menu-activo .menuPrincipal li {
display: block;
float: left;
width: 50%;
margin-bottom: 25px;
opacity: 1;
-webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both
}
body.menu-activo .menuPrincipal li a {
font-size: 66px;
line-height: 84px;
color: #0d1517;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
position: relative;
z-index: 1;
display: inline-block;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
body.menu-activo .menuPrincipal li a:hover {
z-index: 99;
text-decoration: none;
transition-delay: .3s;
transform: scale(1.1)
}
body.menu-activo .menuPrincipal li a:before {
position: absolute;
content: '';
width: 25px;
height: 25px;
background: #fff;
z-index: -1;
border-radius: 100%;
top: 50%;
margin-top: -12.5px;
left: -55px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out
}
body.menu-activo .menuPrincipal li a:hover:before {
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
z-index: -1;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
-webkit-animation: hoverMenu .6s ease-in-out;
-moz-animation: hoverMenu .6s ease-in-out;
-o-animation: hoverMenu .6s ease-in-out;
animation: hoverMenu .6s ease-in-out
}
.menuPrincipal.menuPrincipal-click li a {
opacity: 0
}
body.menu-activo .menuPrincipal li a.menu-activo-click:before {
z-index: -1;
left: 50%;
top: 50%;
width: 3000px;
height: 3000px;
margin: -1500px 0 0 -1500px;
-webkit-animation: hoverMenu .6s ease-in-out;
-moz-animation: hoverMenu .6s ease-in-out;
-o-animation: hoverMenu .6s ease-in-out;
animation: hoverMenu .6s ease-in-out
}
body.menu-activo .menuPrincipal li a.menu-activo-click {
opacity: 1!important
}
body.menu-activo .menuPrincipal li a.menu-activo-click:hover {
transform: rotate(0)
}
body.menu-activo .menuPrincipal li:nth-child(1) {
animation-delay: .6s
}
body.menu-activo .menuPrincipal li:nth-child(2) {
animation-delay: .8s
}
body.menu-activo .menuPrincipal li:nth-child(3) {
animation-delay: 1s
}
body.menu-activo .menuPrincipal li:nth-child(4) {
animation-delay: 1.2s
}
body.menu-activo .menuPrincipal li:nth-child(5) {
animation-delay: 1.4s
}
body.menu-activo .menuPrincipal li:nth-child(6) {
animation-delay: 1.6s
}
body.menu-activo .menuPrincipal li:nth-child(7) {
animation-delay: 1.8s
}
body.menu-activo .menuPrincipal li:nth-child(8) {
animation-delay: 2s
}
h1 {
text-transform: uppercase;
font-size: 46px;
line-height: 58px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0
}
.container1024 {
width: 100%;
max-width: 1024px;
margin: auto
}
.container1160 {
width: 100%;
max-width: 1160px;
margin: auto
}
.homeTopContainer {
height: 100vh;
position: relative
}
.homeTopContainer .homeTop {
width: 100%;
max-width: 690px;
position: absolute;
top: 25%
}
.homeTopContainer .homeTop h1 {
margin: 0 0 32px;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .3s
}
.homeTopContainer .homeTop .homeTopDescripcion {
width: 100%;
max-width: 600px;
top: 30%;
font-size: 20px;
line-height: 25px;
margin-bottom: 30px;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .6s
}
.homeTopContainer .homeTop .homeTopBtn {
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .9s
}
.topHIco img,
.topHIco svg {
position: absolute;
left: 50%;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both
}
.topHomeIcono1,
.topNosoIcono1 {
-webkit-animation: blink-1 16s infinite both;
animation: blink-1 16s infinite both;
animation-delay: 2s
}
.topHomeIcono2,
.topNosoIcono2 {
-webkit-animation: blink-1 20s infinite both;
animation: blink-1 20s infinite both;
animation-delay: 6s
}
.topHomeIcono3,
.topNosoIcono3 {
-webkit-animation: blink-1 22s infinite both;
animation: blink-1 20s infinite both;
animation-delay: 3s
}
.topHomeIcono4,
.topNosoIcono4 {
-webkit-animation: blink-1 26s infinite both;
animation: blink-1 20s infinite both;
animation-delay: 1s
}
.topHomeIcono5,
.topNosoIcono5 {
-webkit-animation: blink-1 20s infinite both;
animation: blink-1 20s infinite both;
animation-delay: 0s
}
.topHomeIcono9 {
-webkit-animation: blink-1 25s infinite both;
animation: blink-1 20s infinite both;
animation-delay: 3s
}
.topHomeIcono1 svg {
margin-left: 21vw;
top: 45vh;
animation-delay: .1s
}
.topHomeIcono2 svg {
margin-left: 0vw;
top: 78vh;
animation-delay: .2s
}
.topHomeIcono3 svg {
margin-left: 20vw;
top: 86vh;
animation-delay: .3s
}
.topHomeIcono4 svg {
margin-left: 36vw;
top: 30vh;
animation-delay: .4s
}
.topHomeIcono5 svg {
margin-left: 40vw;
top: 70vh;
animation-delay: .5s
}
.topHomeIcono6 img {
margin-left: 0px;
top: 62vh;
animation-delay: .6s
}
.topHomeIcono7 img {
margin-left: 21vw;
top: 56vh;
animation-delay: .7s
}
.topHomeIcono8 img {
margin-left: 28vw;
top: 30vh;
animation-delay: .8s
}
.topHomeIcono9 svg {
margin-left: 28vw;
top: 72vh;
animation-delay: .9s
}
.topHomeIcono10 img {
-webkit-animation: vibrate-2 12s linear infinite both;
animation: vibrate-2 12s linear infinite both;
margin-left: -360px;
top: 72vh;
animation-delay: 1s
}
.topHomeIcono11 img {
-webkit-animation: vibrate-2 11s linear infinite both;
animation: vibrate-2 11s linear infinite both;
margin-left: -300px;
top: 86vh;
animation-delay: 1s
}
.topHomeIcono12 img {
-webkit-animation: vibrate-2 9s linear infinite both;
animation: vibrate-2 9s linear infinite both;
margin-left: 50vh;
top: 65vh;
animation-delay: 1s
}
.topHomeIcono13 img {
-webkit-animation: vibrate-2 20s linear infinite both;
animation: vibrate-2 20s linear infinite both;
margin-left: 59vh;
top: 42vh;
animation-delay: 1.5s
}
.topHomeIcono14 img {
-webkit-animation: vibrate-2 12s linear infinite both;
animation: vibrate-2 12s linear infinite both;
margin-left: 28vh;
top: 51vh;
animation-delay: 1.2s
}
.topHomeIcono15 img {
-webkit-animation: vibrate-2 13s linear infinite both;
animation: vibrate-2 13s linear infinite both;
animation-delay: 1.8s;
margin-left: 10vh;
top: 20vh
}
.topHomeIcono16 img {
-webkit-animation: vibrate-2 16s linear infinite both;
animation: vibrate-2 16s linear infinite both;
animation-delay: 2s;
margin-left: -8vw;
top: 42vh
}
.topHomeIcono17 img {
-webkit-animation: vibrate-2 18s linear infinite both;
animation: vibrate-2 18s linear infinite both;
animation-delay: 1.9s;
margin-left: 14vw;
top: 79vh
}
.topHomeIcono18 img {
-webkit-animation: vibrate-2 10s linear infinite both;
animation: vibrate-2 10s linear infinite both;
animation-delay: 1.6s;
margin-left: 50vw;
top: 13vh
}
.topHomeIcono19 img {
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 2.2s;
margin-left: 13vw;
top: -47vh
}
.home_bloque2 {
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
max-width: 1024px;
font-size: 20px;
line-height: 25px;
z-index: 999
}
.home_bloque2 h2 {
font-size: 46px;
line-height: 58px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin-bottom: 36px
}
.home_bloque2 .home_bloque2_txt {
margin-bottom: 36px
}
.home_servicio .parallax__layer--base {
background-color: #f4f7f5;
color: #0d1517
}
.home_servicio_conte {
position: relative;
top: 0;
transform: translateY(34%)
}
.home_servicio_conte .titulo {
position: absolute;
font-size: 20px;
top: 63px;
font-weight: 700;
letter-spacing: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.home_servicio_conte.s2 .titulo {
top: 225px
}
.home_servicio_conte.s3 .titulo {
top: 370px
}
.servicios {
margin: 0;
padding: 0;
list-style: none;
padding-left: 155px
}
.servicios li {
position: relative;
padding: 20px 100px 20px 450px;
border-bottom: 1px solid #777;
color: #0d1517
}
.servicios li h3 {
font-size: 60px;
line-height: 76px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
margin: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.servicios li svg {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: 0
}
.servicios li svg path {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.servicios li .descripcion_ser {
letter-spacing: 0;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.servicios li.active,
.servicios li:hover {
border-bottom: 1px solid #2e9136
}
.servicios li.active h3,
.servicios li:hover h3 {
color: #2e9136
}
.servicios li.active svg path,
.servicios li:hover svg path {
fill: #2E9136;
stroke: #2E9136
}
.servicios li.active .descripcion_ser,
.servicios li:hover .descripcion_ser {
opacity: 1
}
.home_servicio_conte .text-center {
margin-top: 60px
}
.home_bloque3 .container1024 {
height: 100vh
}
.enterFade {
opacity: 0
}
.enterFadeIni {
-webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both
}
.home_construccion h2 {
font-size: 60px;
line-height: 76px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
text-align: center;
margin: 130px 0 70px
}
.home_construccion .home_construccion_row {
display: flex;
margin: 0 -20px
}
.home_construccion .home_construccion_row .home_construccion_col {
width: 50%;
padding: 0 20px 0 20px
}
.img-resposive {
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.home_construccion .home_construccion_row-iconos {
text-align: center;
max-width: 900px;
margin: 50px auto 70px
}
.cons_ico img {
height: 80px;
margin-bottom: 28px
}
.cons_ico h3 {
font-size: 20px;
font-weight: 700
}
.home_grupo,
.home_relaciones {
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
max-width: 1024px;
font-size: 20px;
line-height: 25px;
z-index: 999
}
.home_relaciones {
top: 20%
}
.home_grupo h2,
.home_relaciones h2 {
font-size: 60px;
line-height: 76px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
text-align: center;
margin: 0 0 30px 0
}
.home_grupo .home_grupo_iconos {
display: flex;
align-items: center
}
.home_grupo .home_grupo_iconos .col_grupo {
width: 33.3333333%;
text-align: center
}
.home_grupo .home_grupo_iconos .col_grupo img {
filter: grayscale(1);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
max-height: 100px;
max-width: 245px
}
.home_grupo .home_grupo_iconos .col_grupo img:hover {
filter: grayscale(0)
}
.home_grupo .home_grupo_iconos .col_grupo:first-child {
text-align: left
}
.home_grupo .home_grupo_iconos .col_grupo:last-child {
text-align: right
}
.home_grupo .home_grupo_iconos .col_grupo:last-child svg {
margin-top: -30px
}
.home_presencia h2 {
font-size: 60px;
line-height: 76px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
text-align: center;
margin: 130px 0 20px 0
}
.presencia_mundo {
width: 547px;
left: 547px;
position: relative;
margin-left: -320px
}
.presencia_mundo .pais {
position: absolute;
font-weight: 700;
font-size: 24px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
.presencia_mundo .pais span {
width: 14px;
height: 14px;
border-radius: 14px;
background: #fff;
display: block;
position: absolute;
top: 0;
left: 0
}
.presencia_mundo .pais img {
position: absolute;
top: 0;
right: 0
}
.presencia_mundo .pais.pais_francia {
top: 140px;
left: 453px;
padding: 0 300px 0 40px
}
.presencia_mundo .pais.pais_francia span {
top: 5px
}
.presencia_mundo .pais.pais_francia img {
top: -55px
}
.presencia_mundo .pais.pais_portugal {
top: 138px;
left: 252px
}
.presencia_mundo .pais.pais_portugal span {
top: 30px;
left: 157px
}
.presencia_mundo .pais.pais_portugal img {
top: 60px;
left: 390px
}
.presencia_mundo .pais.pais_espana {
top: 230px;
left: 286px
}
.presencia_mundo .pais.pais_espana span {
top: -46px;
left: 139px
}
.presencia_mundo .pais.pais_espana img {
left: 467px;
top: 36px
}
.presencia_mundo .pais.pais_chile {
top: 420px;
left: 119px
}
.presencia_mundo .pais.pais_chile span {
top: 28px;
left: 93px
}
.presencia_mundo .pais.pais_chile img {
left: 193px;
top: 194px
}
.presencia_mundo .pais.pais_mozanbique {
top: 460px;
left: 480px
}
.presencia_mundo .pais.pais_mozanbique span {
top: -25px;
left: -25px
}
.presencia_mundo .pais.pais_mozanbique img {
top: 100px;
left: 200px
}
.enterFadeIni .presencia_mundo .pais.pais_francia {
-webkit-animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 1s both;
animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 1s both
}
.enterFadeIni .presencia_mundo .pais.pais_portugal {
-webkit-animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 1.7s both;
animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 1.7s both
}
.enterFadeIni .presencia_mundo .pais.pais_espana {
-webkit-animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 2.4s both;
animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 2.4s both
}
.enterFadeIni .presencia_mundo .pais.pais_chile {
-webkit-animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 3.1s both;
animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 3.1s both
}
.enterFadeIni .presencia_mundo .pais.pais_mozanbique {
-webkit-animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 3.8s both;
animation: slide-in-elliptic-right-fwd .7s cubic-bezier(.25, .46, .45, .94) 3.8s both
}
.mundo_lineas {
position: absolute;
top: 0;
left: 50%;
z-index: -1
}
.mundo_lineas-1 {
top: 600px;
margin-left: -150px;
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 4s
}
.mundo_lineas-2 {
top: 391px;
margin-left: 0;
-webkit-animation: vibrate-2 16s linear infinite both;
animation: vibrate-2 16s linear infinite both;
animation-delay: 4s
}
.mundo_lineas-3 {
top: 410px;
margin-left: -50px;
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 5s
}
.mundo_lineas-4 {
top: 300px;
margin-left: 144px;
transform: rotate(180deg);
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 4.5s
}
.mundo_lineas-5 {
top: 200px;
margin-left: 344px;
transform: rotate(180deg);
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 4s
}
.mundo_lineas-6 {
top: 240px;
margin-left: 640px;
transform: rotate(180deg);
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
animation-delay: 5s
}
.mundo_lineas-7 {
top: 600px;
margin-left: 200px;
-webkit-animation: vibrate-2 15s linear infinite both;
animation: vibrate-2 15s linear infinite both;
animation-delay: 6s
}
.mundo_lineas-8 {
top: 745px;
-webkit-animation: vibrate-2 18s linear infinite both;
animation: vibrate-2 18s linear infinite both;
animation-delay: 7s
}
.slider {
height: 50px;
margin: auto;
position: relative;
width: 100%
}
.slider .slide-track {
animation: scroll 50s linear infinite;
display: flex;
width: 5980px
}
.slider .slide-track:hover {
animation-play-state: paused
}
.slider .slide {
height: 50px;
display: inline-block;
margin-right: 30px
}
.slide .modulo {
padding: 20px 0;
position: relative;
cursor: crosshair
}
.slide .modulo span {
color: #85ffad;
font-size: 20px;
line-height: 25px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
line-height: 44px;
letter-spacing: 0
}
.slide .modulo span img {
height: 44px;
width: auto;
margin-right: 14px;
float: left
}
.slide .modulo span svg {
height: 44px;
width: auto;
margin-right: 14px;
float: left
}
.slide .modulo span svg path {
fill: #85FFAD;
stroke: #85FFAD;
stroke-width: 1px
}
.text-center-btn-erp {
text-align: center;
margin-top: 110px
}
.slide .modulo .modulo_bocadillo {
position: absolute;
background: #f4f7f5;
padding: 20px;
color: #0d1517;
bottom: 90px;
width: 300px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.slide .modulo:hover .modulo_bocadillo {
opacity: 1
}
.slide .modulo .modulo_bocadillo:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
border-top: 20px solid #f4f7f5;
border-top-color: #f4f7f5;
border-left: 20px solid transparent;
border-right: 20px solid transparent
}
.slide .modulo .modulo_bocadillo .modulo_bocadillo_datos {
position: relative;
max-height: 200px;
overflow: hidden
}
.slide .modulo .modulo_bocadillo .modulo_bocadillo_datos::before {
position: absolute;
width: 102%;
bottom: 0;
left: -2px;
height: 120px;
content: '';
background: linear-gradient(0deg, #f4f7f5 0, rgba(244, 247, 245, 0) 100%)
}
.slide .modulo .modulo_bocadillo .modulo_bocadillo_datos ol {
padding: 0 16px
}
.slide .modulo .modulo_bocadillo .modulo_bocadillo_datos ol li {
margin-bottom: 8px
}
.slide .modulo .modulo_bocadillo .btn {
width: 100%;
text-align: center
}
.video {
position: relative
}
.video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 160px
}
.home_grupo_iconos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.home_grupo_iconos .col_img {
width: 20%;
text-align: center;
padding: 10px 0;
height: 115px;
position: relative
}
.home_grupo_iconos .col_img img {
position: relative;
top: 50%;
transform: translateY(-50%);
filter: grayscale(1);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
opacity: .7
}
.home_grupo_iconos .col_img img:hover {
filter: grayscale(0);
opacity: 1
}
.lateral_home {
position: fixed;
right: 0;
top: 50%;
z-index: 99;
width: 42px
}
.lateral_home a {
display: block;
margin-bottom: 6px;
text-align: left;
padding: 8px 10px;
position: absolute;
left: 0;
width: 150px;
top: 0
}
.lateral_home a:nth-child(1) {
top: 0
}
.lateral_home a:nth-child(2) {
top: 50px
}
.lateral_home a:nth-child(3) {
top: 100px
}
.lateral_home a:hover {
left: -108px
}
.lateral_home a svg {
margin-right: 6px
}
.pagina.index .lateral_home {
display: block
}
.flecha_siguiente_bloque {
display: inline-block;
position: absolute;
z-index: 999999;
bottom: 30px;
left: 50%;
margin-left: -19px;
cursor: pointer;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.flecha_siguiente_bloque:hover {
transform: scale(1.2)
}
.nosotrosTop {
margin-top: 200px;
text-align: center
}
.nosotrosTop h1 {
margin: 0 0 60px;
font-size: 60px;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .1s
}
.nosotrosTop h2 {
font-size: 46px;
line-height: 59px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
letter-spacing: 0;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .4s
}
.topNosoIcono1 svg {
margin-left: 400px;
top: 14vh;
animation-delay: .1s
}
.topNosoIcono2 svg {
margin-left: 300px;
top: 75vh;
animation-delay: .2s
}
.topNosoIcono3 svg {
margin-left: 550px;
top: 36vh;
animation-delay: .3s
}
.topNosoIcono4 svg {
margin-left: 550px;
top: 60vh;
animation-delay: .4s
}
.topNosoIcono5 svg {
margin-left: 550px;
top: 82vh;
animation-delay: .5s
}
.topNosoIcono10 {
-webkit-animation: vibrate-2 12s linear infinite both;
animation: vibrate-2 12s linear infinite both;
margin-left: 1200px;
top: 56vh;
animation-delay: 1s
}
.topNosoIcono11 {
-webkit-animation: vibrate-2 14s linear infinite both;
animation: vibrate-2 14s linear infinite both;
margin-left: 600px;
top: 72vh;
animation-delay: 2s
}
.topNosoIcono12 {
-webkit-animation: vibrate-2 20s linear infinite both;
animation: vibrate-2 20s linear infinite both;
margin-left: 1102px;
top: 47vh;
animation-delay: 1s
}
.topNosoIcono13 {
-webkit-animation: vibrate-2 18s linear infinite both;
animation: vibrate-2 18s linear infinite both;
margin-left: 500px;
top: 29vh;
animation-delay: 3s
}
.topNosoIcono14 {
-webkit-animation: vibrate-2 17s linear infinite both;
animation: vibrate-2 17s linear infinite both;
margin-left: 900px;
top: 50vh;
animation-delay: 1s
}
.topNosoIcono15 {
-webkit-animation: vibrate-2 15s linear infinite both;
animation: vibrate-2 15s linear infinite both;
margin-left: 1500px;
top: 30vh;
animation-delay: 1s;
z-index: 99
}
.topNosoIcono16 {
-webkit-animation: vibrate-2 13s linear infinite both;
animation: vibrate-2 13s linear infinite both;
margin-left: 1100px;
top: -47vh;
animation-delay: 2s
}
.nosotros_mision,
.nosotros_pilar {
background: #f4f7f5;
padding: 110px 0 90px
}
.nosotros_mision h2 {
text-align: center;
color: #2e9136;
font-size: 60px;
line-height: 76px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 60px
}
.nosotros_mision .nosotros_mision_desc {
font-size: 20px;
line-height: 26px;
margin-bottom: 70px
}
.nosotros_mision .nosotros_mision_iconos {
display: flex
}
.nosotros_mision .nosotros_mision_iconos .icn_mi {
width: 33.333%;
font-size: 46px;
line-height: 58px;
font-family: "Roboto Condensed", sans-serif !important;
color: #0d1517;
font-weight: 700;
letter-spacing: 0;
text-align: center
}
.nosotros_mision .nosotros_mision_iconos .icn_mi img {
display: block;
margin: 20px auto
}
.nosotros_como {
position: absolute;
top: 130px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
max-width: 1024px;
font-size: 20px;
line-height: 25px;
z-index: 999
}
.nosotros_como h2 {
text-transform: uppercase;
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin: 0 0 60px
}
.nosotros_como .nosotros_como_txt {
font-size: 40px;
line-height: 50px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
letter-spacing: 0
}
.nosotros_pilar {
text-align: center;
font-size: 40px;
line-height: 50px;
font-family: "Roboto Condensed", sans-serif !important;
}
.nosotros_pilar .nosotros_pilar_btn {
margin-top: 50px
}
@media (max-width:2000px) {
.parallax__group_bloque .parallax__layer--background {
-webkit-transform: translateZ(-590px) scale(4);
transform: translateZ(-590px) scale(4)
}
}
.parallax__group_bloque {
height: 600px;
min-height: 600px
}
.parallax__group_bloque .parallax__layer--background img {
height: 600px;
min-height: 600px;
object-position: left
}
.contenido_bloque {
padding: 82px 0
}
.contenido_bloque p {
margin-bottom: 20px
}
.header_bloque {
margin-top: 200px;
text-align: center;
position: relative
}
.header_bloque .titular,
.header_bloque h1 {
text-transform: uppercase;
line-height: 58px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin: 0 0 110px;
font-size: 60px;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .1s
}
.header_bloque .subtitular,
.header_bloque h2 {
font-size: 40px;
line-height: 50px;
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
letter-spacing: 0;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .4s;
color: #85ffad;
text-transform: uppercase
}
.header_bloque h2 svg {
margin-right: 10px
}
.header_bloque ul {
position: absolute;
list-style: none;
margin: 0;
text-align: left;
bottom: 80px;
right: -100px
}
.header_bloque ul.menu_partners {
width: 230px
}
.header_bloque ul li {
margin-bottom: 10px
}
.header_bloque ul li a {
color: #fff;
font-size: 15px;
line-height: 32px;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
text-transform: uppercase;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
display: inline-block
}
.header_bloque ul li a svg {
height: 30px;
width: auto;
margin: 0 10px 0 0;
float: left
}
.header_bloque ul li a svg path {
fill: #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.header_bloque ul li a:hover,
.header_bloque ul li.active a {
color: #85ffad
}
.header_bloque ul li a:hover svg path,
.header_bloque ul li.active a svg path {
fill: #85FFAD
}
.theme_partners .header_bloque ul li a {
line-height: 17px
}
.theme_partners h1 {
margin-bottom: 30px
}
.theme_partners .header_bloque {
margin-top: 100px
}
.acordeon {
border-bottom: 1px solid #0d1517;
padding: 22px 0 0 0
}
.acordeon .acordeon_titulo {
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-bottom: 22px;
position: relative
}
.acordeon .acordeon_titulo a {
color: #0d1517;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-family: "Roboto Condensed", sans-serif !important;
font-size: 24px;
line-height: 30px;
letter-spacing: 0;
display: block
}
.acordeon .acordeon_titulo a svg {
position: absolute;
right: 0;
height: 20px;
transform: rotate(0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.acordeon .acordeon_titulo a svg path {
fill: #0D1517
}
.acordeon .acordeon_titulo a:hover,
.acordeon.active .acordeon_titulo a {
color: #2e9136
}
.acordeon.active .acordeon_titulo a svg {
transform: rotate(90deg)
}
.acordeon .acordeon_titulo a:hover svg path,
.acordeon.active .acordeon_titulo a svg path {
fill: #2E9136;
stroke: #2E9136
}
.acordeon .acordeon_titulo a:hover svg path {
stroke: #2E9136
}
.acordeon .acordeon_titulo a svg path {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.acordeon .acordeon_desc {
margin-bottom: 22px;
display: none
}
.contenido_bloque ul {
list-style-image: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/arrow-right.svg);
padding: 0 0 0 10px;
margin-bottom: 20px
}
.contenido_bloque ul li {
margin-bottom: 10px
}
.contenido_bloque ol {
padding: 0 0 0 18px;
margin-bottom: 20px;
font-weight: 700
}
.contenido_bloque ol li {
font-weight: 400;
padding-left: 8px
}
.contenido_bloque ol li::marker {
width: 10px
}
.contacto_form {
padding: 70px 0
}
.contacto_form h2 {
text-align: center;
letter-spacing: 0;
color: #2e9136;
text-align: center;
font-size: 60px;
line-height: 74px;
font-family: "Roboto Condensed", sans-serif !important;
text-transform: uppercase;
margin: 0 0 40px
}
.fondo_contacto {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-contacto.jpg);
background-position: center -35px
}
label {
width: 100%
}
.form-control {
width: 100%;
border: 0;
background: 0 0;
border-bottom: 1px solid #0d1517;
color: #0d1517;
font-size: 20px;
line-height: 25px;
font-family: "Roboto Condensed", sans-serif !important;
padding: 10px 0;
margin-bottom: 10px;
border-radius: 0
}
.form-control:focus {
outline: 0;
border-color: #2e9136
}
.formularioCamposCheck {
margin-bottom: 40px
}
.formularioCamposCheck a {
margin-bottom: 40px
}
.formError ul {
color: #b21f2d;
list-style: none;
margin: 0 0 20px 0;
padding: 0
}
.formError ul li {
display: none
}
.formError ul li:first-child {
display: block
}
.alert {
background: #fff;
padding: 16px;
margin-bottom: 20px
}
.alert button {
display: none
}
.alert ul {
list-style: none;
margin: 0
}
.alert ul li {
margin: 0
}
.alert-danger {
background: #b21f2d;
color: #fff
}
.alert-success {
background: #2e9136;
color: #fff
}
.slick-slide img {
margin-right: 10px
}
.bocadillo .bocadillo_conte {
text-align: left;
background: #fff;
padding: 20px 20px 30px;
color: #0d1517;
width: 100%;
max-width: 410px;
margin: 0 auto;
letter-spacing: 0;
position: relative;
margin-bottom: 30px
}
.bocadillo .bocadillo_conte:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
border-top: 20px solid #00f;
border-top-color: #fff;
border-left: 20px solid transparent;
border-right: 20px solid transparent
}
.cont_tel {
margin-top: 10px
}
.contactoTop h1 {
margin-bottom: 30px
}
.list-post {
letter-spacing: 0;
margin-bottom: 50px
}
.list-post .list-post-cont {
display: flex
}
.list-post .list-post-cont .list-post-img {
width: 38%
}
.list-post .list-post-cont .list-post-img img {
width: 100%;
height: 170px;
object-fit: cover
}
.list-post .list-post-cont .list-post-title {
width: 60%;
margin-left: 2%
}
.list-post .list-post-cont h2 {
text-transform: uppercase;
font-size: 20px;
line-height: 25px;
font-family: "Roboto Condensed", sans-serif !important;
margin-bottom: 25px
}
.list-post .list-post-cont .list-post-res {
display: block;
display: -webkit-box;
max-width: 100%;
height: 58px;
margin: 0 auto;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.list-post .list-post-data,
.post .post-data {
margin-top: 15px;
border-top: 1px solid #0d1517;
border-bottom: 1px solid #0d1517;
padding: 12px 0;
overflow: hidden
}
.list-post .list-post-data time,
.post .post-data time {
float: left;
margin-right: 10px
}
.list-post .list-post-data .post-list-leer-mas {
float: right;
color: #2e9136;
text-decoration: underline
}
.list-post .list-post-data .categorias,
.post .post-data .categorias {
float: left;
margin-right: 10px
}
ul.pagination_post {
list-style: none;
list-style-image: none;
display: inline-block;
letter-spacing: 0
}
ul.pagination_post li {
float: left;
margin: 0 8px
}
ul.pagination_post li.page-item-arrow {
margin-top: 9px
}
ul.pagination_post li.disabled {
opacity: .3;
pointer-events: none
}
ul.pagination_post li.page-item-num a {
width: 34px;
height: 38px;
display: block;
position: relative;
text-align: center;
padding-top: 9px;
color: #d6d6d6;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
ul.pagination_post li.page-item-num a svg {
position: absolute;
top: 0;
left: 0
}
ul.pagination_post li.page-item-num a svg path {
fill: #D6D6D6;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
ul.pagination_post li.page-item-num a:hover,
ul.pagination_post li.page-item-num.active a {
color: #2e9136
}
ul.pagination_post li.page-item-num a:hover svg path,
ul.pagination_post li.page-item-num.active a svg path {
fill: #2e9136
}
.post .img-post-single {
display: block;
margin: 0 0 20px;
width: 100%;
height: auto
}
.post h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 30px
}
.post-relacionados {
margin: 40px 0 10px
}
.post-relacionados h2 {
width: 100%;
font-size: 40px;
line-height: 50px;
margin: 0 0 20px
}
.post-relacionados .posts-relacionados-listado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -25px;
margin-right: -25px
}
.post-relacionados .post-rel {
width: 33%;
padding-left: 25px;
padding-right: 25px
}
.post-relacionados .post-rel h3 {
font-size: 20px;
line-height: 25px;
text-transform: uppercase;
margin: 20px 0 0 0
}
.post .post-data {
margin-top: 50px
}
.post .post-data .compartir_rs {
float: right
}
.post .post-data .compartir_rs a {
display: inline-block;
margin-left: 20px
}
.btn_top_sis_erp {
margin-top: 30px
}
.btn_top_sis_erp a {
margin: 0 10px;
padding: 5px 15px;
min-height: 35px;
line-height: 27px;
-webkit-animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in-top .6s cubic-bezier(.39, .575, .565, 1) both;
animation-delay: .6s
}
.erp_programa_gestion .nosotros_mision_desc {
font-size: 15px;
line-height: 20px;
margin-bottom: 40px
}
.erp_programa_gestion .nosotros_mision_desc p {
margin-bottom: 20px
}
.erp_programa_gestion .nosotros_mision_iconos {
margin-bottom: 40px
}
.video-erp {
max-width: 578px;
margin: 0 auto 50px
}
.acordeon .acordeon_titulo a svg {
top: 8px
}
.modulos {
padding: 110px 0
}
.modulos h2 {
text-transform: uppercase;
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin: 0 0 60px;
color: #2e9136
}
.acordeon .acordeon_titulo a span svg {
position: initial;
height: auto;
margin-right: 12px
}
.acordeon.active .acordeon_titulo a span svg {
transform: rotate(0)
}
.casos_exito_slider .caso {
width: 370px;
margin: 0 0
}
.casos_exito_slider .caso svg {
margin-bottom: 20px
}
.casos_exito_slider .caso .caso_txt {
text-align: left;
font-size: 24px;
line-height: 29px;
margin-bottom: 15px;
font-size: 16px;
line-height: 20px
}
.casos_exito_slider .caso .caso_footer {
position: relative;
border-bottom: 2px solid #85ffad;
min-height: 117px;
padding: 54px 0 0 110px;
text-align: left;
font-size: 18px
}
.casos_exito_slider .caso .caso_footer img {
position: absolute;
left: 0;
bottom: 0;
max-width: 96px;
height: auto
}
.casos_exito_slider .caso .caso_footer .caso_nombre {
font-weight: 700
}
.caso_content {
max-width: 500px;
margin: auto;
transition: all .3s ease
}
.casos_exito_slider .slick-slide .caso_content {
opacity: .6;
transform: scale(.8)
}
.casos_exito_slider .slick-current .caso_content {
opacity: 1;
transform: scale(1)
}
.casos_exito_slider .slick-dots {
bottom: -60px
}
.slick-dots li button {
width: 12px;
height: 12px;
border-radius: 12px;
border: 1px solid #85ffad
}
.slick-dots li.slick-active button {
background: #85ffad
}
.slick-dots li button:before {
display: none
}
.proyectos_actuales_content {
padding: 75px 0 120px;
text-align: center
}
.proyectos_actuales_content img {
margin: 0 10px;
filter: grayscale(1);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
object-fit: contain;
object-position: center center;
height: 120px;
margin-bottom: 50px
}
.proyectos_actuales_content img:hover {
margin: 0 10px;
filter: grayscale(0)
}
.proyectos_actuales_content h2 {
text-transform: uppercase;
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin: 0 0 60px
}
.proyectos_actuales_content .slick-dots li.slick-active button {
background: #0d1517
}
.proyectos_actuales_content .slick-dots li button {
border: 1px solid #0d1517
}
.acordeon_desc p {
margin-bottom: 20px
}
ul {
padding: 10px 20px
}
ul li {
margin-bottom: 8px
}
.modulos ul {
padding-left: 57px
}
.sld {
width: 100%;
max-width: 600px;
margin: auto
}
.sld .sld_diapo{
background: #f4f7f5;
}
.slick-prev {
transform: rotate(90deg);
margin-top: -10px
}
.slick-next {
transform: rotate(-90deg);
margin-top: -10px
}
.modulos .slick-dots li button {
border: 1px solid #0d1517
}
.modulos .slick-dots li.slick-active button {
background: #0d1517
}
.noDisponible {
display: none
}
.page404 {
height: 100vh;
width: 100wh;
background-image: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-404.jpg);
background-size: cover;
color: #fff;
padding: 20vh 0;
text-align: center
}
.page404 h2 {
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
margin: 0 0 120px
}
.page404 p {
font-size: 46px;
line-height: 60px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
}
.videobackpara video {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%
}
.btn-curriculum {
display: inline-block;
width: auto
}
.btn-curriculum input {
opacity: 0;
visibility: hidden;
height: 0;
width: 0;
display: block;
margin: 0;
padding: 0
}
.row-empleo {
display: flex
}
.row-empleo .col {
width: 50%
}
.row-empleo .col:last-child {
text-align: right
}
.empleo_single p {
margin: 0
}
.subtitular_empleo {
text-align: center
}
.subtitular_empleo ol {
list-style: none;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 680px;
width: 100%
}
.subtitular_empleo ol li {
width: 50%;
text-align: left;
margin-bottom: 12px;
position: relative
}
.subtitular_empleo ol li:before {
background: #85ffad;
width: 8px;
height: 8px;
border-radius: 8px;
position: absolute;
content: '';
left: -20px;
top: 5px
}
.empleo_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.empleo_row .empleo_col1 {
width: calc(100% - 250px)
}
.empleo_row .empleo_col2 {
width: 220px;
margin-left: 30px
}
.empleo_single h3 {
margin-bottom: 20px
}
.empleo-data {
margin-top: 50px;
text-align: left;
border-top: 1px solid #0d1517;
border-bottom: 1px solid #0d1517;
padding: 12px 0
}
.empleo-data .compartir_rs {
float: right
}
.empleo-data .compartir_rs a {
display: inline-block;
margin-left: 20px
}
.empleo-data .compartir_rs span {
font-weight: 700;
margin-top: 2px;
display: inline-block;
float: left
}
.listado_ofertas {
padding: 80px 0 10px
}
.listado_ofertas h3 {
text-align: center;
font-size: 60px;
line-height: 70px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
margin: 0 0 40px
}
.listado_ofertas .list_ofer {
margin-bottom: 50px
}
.listado_ofertas .list_ofer h4 {
text-transform: uppercase;
font-family: "Roboto Condensed", sans-serif !important;
font-size: 20px;
line-height: 26px;
letter-spacing: 0
}
.listado_ofertas .list_ofer .oferta_desc {
margin: 15px 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.listado_ofertas .list_ofer .list_ofer_bottom {
text-align: left;
border-top: 1px solid #0d1517;
border-bottom: 1px solid #0d1517;
padding: 12px 0
}
.listado_ofertas .list_ofer .list_ofer_bottom a {
float: right;
color: #2e9136;
font-size: 18px
}
.contenido_bloque_pagina p {
margin-bottom: 20px
}
.contenido_bloque_pagina h2 {
font-family: "Roboto Condensed", sans-serif !important;
font-size: 46px;
line-height: 60px
}
.contenido_bloque_pagina h3 {
font-size: 20px;
line-height: 20px;
margin: 20px 0
}
.contenido_bloque_pagina table {
width: 100%;
border-collapse: collapse
}
.contenido_bloque_pagina table tr td {
border: 1px solid #bdbdbd;
padding: 9px 8px
}
.contenido_bloque_pagina table tr td p {
margin-bottom: 5px
}
.contenido_bloque_pagina table tr td p:last-child {
margin-bottom: 0
}
.sld_diapo p {
margin: 0 0 5px;
font-size: 14px;
line-height: 16px
}
.sld {
margin-bottom: 50px!important
}
.menu_cat_blog {
bottom: auto!important;
top: 50%;
transform: translateY(-50%)
}
.header_bloque ul.menu_cat_blog li a svg .cls-1 {
fill: #f2f6f4
}
.header_bloque ul.menu_cat_blog li a:hover svg .cls-1,
.header_bloque ul.menu_cat_blog li.active a svg .cls-1 {
fill: #85FFAD
}
.header_bloque ul.menu_cat_blog li a svg .cls-2 {
fill: none;
stroke: #f2f6f4;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.5px
}
.header_bloque ul.menu_cat_blog li a:hover svg .cls-2,
.header_bloque ul.menu_cat_blog li.active a svg .cls-2 {
stroke: #85FFAD!important
}
.tellamamos {
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
width: 100%;
height: 100%;
z-index: 999999999;
display: none
}
.tellamamos:before {
background: #000;
opacity: .7;
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.tellamamos .tellamamos__content {
background: #fff;
padding: 40px;
max-width: 680px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.tellamamos h3 {
color: #2e9136;
font-size: 60px;
font-family: "Roboto Condensed", sans-serif !important;
text-align: center;
margin-bottom: 0;
line-height: 70px
}
.tellamamos .btn_cerrar {
position: absolute;
top: 10px;
right: 10px
}
.tellamamos .btn_cerrar svg {
height: 31px;
width: 31px
}
.tellamamos.popUp .tellamamos__content {
padding: 0;
max-width: 854px
}
.img-fluid {
display: block;
width: 100%;
max-width: 100%
}
.tellamamosRecibe h3 {
font-size: 30px;
margin-bottom: 40px;
line-height: 36px
}
#popUpContenido {
overflow: hidden
}
#popUpContenido iframe {
float: left
}
.navegador_safari .parallax__layer--background {
-webkit-transform: translateZ(-590px) scale(1);
transform: translateZ(-590px) scale(1)
}
.navegador_safari .parallax__x0 {
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 1
}
.navegador_safari .parallax__x025 {
-webkit-transform: translateZ(-25px) scale(1);
transform: translateZ(-50px) scale(1);
z-index: 2
}
.navegador_safari .parallax__x05 {
-webkit-transform: translateZ(-50px) scale(1);
transform: translateZ(-50px) scale(1);
z-index: 2
}
.navegador_safari .parallax__x1 {
-webkit-transform: translateZ(-100px) scale(1);
transform: translateZ(-100px) scale(1);
z-index: 2
}
.navegador_safari .parallax__x2 {
-webkit-transform: translateZ(-200px) scale(1);
transform: translateZ(-200px) scale(1);
z-index: 3
}
.navegador_safari .parallax__x3 {
-webkit-transform: translateZ(-300px) scale(1);
transform: translateZ(-300px) scale(1);
z-index: 4
}
.navegador_safari .parallax__x4 {
-webkit-transform: translateZ(-400px) scale(1);
transform: translateZ(-400px) scale(1);
z-index: 5
}
.navegador_safari .parallax__x5 {
-webkit-transform: translateZ(-500px) scale(1);
transform: translateZ(-500px) scale(1);
z-index: 6
}
.navegador_safari .parallax__x6 {
-webkit-transform: translateZ(-600px) scale(1);
transform: translateZ(-600px) scale(1);
z-index: 6
}
.backgroundLoadingSinCookies {
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
background: #000;
text-align: center;
overflow: hidden;
display: block!important;
opacity: .4
}
.CookieDeclaration {
display: none
}
.page-bono {
padding-top: 150px
}
.page-bono .container {
max-width: 1400px;
margin: auto
}
.page-bono .container .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-bono .container .row .col-12 {
width: 50%
}
.page-bono h1 {
margin-bottom: 18px
}
.page-bono h2 {
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 400;
font-size: 38px;
letter-spacing: .1px;
line-height: 48px;
margin: 0 0 30px 0
}
.page-bono h3 {
font-weight: 600;
font-size: 24px;
line-height: 31px;
font-family: "Roboto Condensed", sans-serif !important;
text-transform: uppercase;
margin: 0 0 46px 0
}
.page-bono h1 span,
.page-bono h2 span {
color: #2e9136
}
.page-bono h3 span {
background: #2e9136;
color: #fff;
display: inline-block;
padding: 5px 20px 0;
font-weight: 400;
margin-right: 15px
}
.page-bono h3 b {
font-weight: 600;
color: #2e9136
}
.page-bono p {
margin: 0 0 26px 0
}
.page-bono .col-form {
padding-left: 100px
}
.page-bono .bono__icono {
position: relative;
padding: 5px 0 0 78px
}
.page-bono .bono__icono svg {
position: absolute;
left: 0;
top: 0
}
.page-bono .bono__icono span {
color: #2e9136
}
.page-bono .bono__form {
margin: 40px 0 120px
}
.page-bono .bono__dudas {
margin-top: 60px
}
.page-bono .bono__dudas a {
color: #2e9136;
text-decoration: underline
}
.page-bono .bono__dudas svg {
display: inline-block;
margin: -3px 0 0 10px
}
.page-bono .alert ul {
padding: 0
}
body.theme_landing-leads header .menu span ,
body.theme_cambio-digital header .menu span ,
body.theme_soluciones-digitales header .menu span {
background: #0d1517
}
body.theme_landing-leads header .btn,
body.theme_soluciones-digitales header .btn,
body.theme_cambio-digital header .btn {
border: 1px solid #0d1517;
color: #0d1517
}
body.theme_landing-leads header .btn-verde ,
body.theme_soluciones-digitales header .btn-verde ,
body.theme_cambio-digital header .btn-verde {
color: #fff;
border-color: #2e9136
}
body.theme_landing-leads.scroll header .menu span ,
body.theme_soluciones-digitales.scroll header .menu span ,
body.theme_cambio-digital.scroll header .menu span {
background: #fff
}
body.theme_landing-leads.scroll header .btn ,
body.theme_soluciones-digitales.scroll header .btn ,
body.theme_cambio-digital.scroll header .btn {
border: 1px solid #fff;
color: #fff
}
body.theme_landing-leads.scroll header .btn-verde ,
body.theme_soluciones-digitales.scroll header .btn-verde ,
body.theme_cambio-digital.scroll header .btn-verde {
color: #fff;
border-color: #2e9136
}
.logo_verde {
display: none;
height: 53px
}
body.theme_landing-leads header .logo_blanco ,
body.theme_cambio-digital header .logo_blanco ,
body.theme_soluciones-digitales header .logo_blanco {
display: none
}
body.theme_landing-leads header .logo_verde ,
body.theme_soluciones-digitales header .logo_verde ,
body.theme_cambio-digital header .logo_verde {
display: inline-block
}
body.theme_landing-leads.scroll header .logo_blanco ,
body.theme_soluciones-digitales.scroll header .logo_blanco ,
body.theme_cambio-digital.scroll header .logo_blanco {
display: inline-block
}
body.theme_landing-leads.scroll header .logo_verde ,
body.theme_soluciones-digitales.scroll header .logo_verde ,
body.theme_cambio-digital.scroll header .logo_verde {
display: none
}
.bono__preguntasfrecuentes {
margin: 100px 0 60px;
text-align: center;
text-transform: uppercase;
font-size: 46px;
line-height: 58px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0
}
.bono__preguntasfrecuentes svg {
display: inline-block;
margin: -10px 10px 0 0
}
.bono__preguntasfrecuentes_cont p {
text-transform: uppercase
}
.bono__preguntasfrecuentes_cont p span {
color: #2e9136
}
.bono__preguntasfrecuentes_faq {
margin-bottom: 100px
}
.bono__preguntasfrecuentes_faq .acordeon .acordeon_titulo a {
text-align: center
}
.bono__preguntasfrecuentes_faq .acordeon .acordeon_titulo a svg {
text-align: center;
position: relative;
margin-top: -20px;
margin-left: 10px;
transform: rotate(90deg)
}
.bono__preguntasfrecuentes_faq .acordeon.active .acordeon_titulo a svg {
transform: rotate(270deg)
}
.page-bono .cards {
display: block;
overflow: hidden;
margin: 30px 0 20px
}
.page-bono .cards .card {
float: left;
width: 33.33%;
padding: 0 10px;
text-align: center;
margin-bottom: 40px;
min-height: 254px;
}
.page-bono .cards .card .card__titulo {
font-family: "Roboto Condensed", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
margin: 20px 0;
text-align: center;
text-transform: uppercase;
color: #2e9136
}
.page-bono .cards .card .card__cont {
margin-bottom: 20px
}
.page-bono .cards .card .card__imp span {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
background: #465052;
text-align: center;
text-transform: uppercase;
display: inline-block;
padding: 6px 10px 4px;
color: #fff
}
.page-bono .cards .cardCentrar{
float: left;
width: 16%;
padding: 0 10px;
text-align: center;
margin-bottom: 40px;
min-height: 254px;
}
.titulo_sd{
text-align: center;
margin-bottom: 40px !important;
}
.programa_kit_digital{
max-width: 390px;
color: #959393;
margin: 0px auto 50px;
font-size: 10px;
line-height: 14px;
text-align: center;
position: relative;
}
.programa_kit_digital:before{
width: 150px;
height: 1px;
bottom: -10px;
left: calc(50% - 75px);
content: '';
position: absolute;
background: #959393;
}
.logos{
text-align: center;
margin-bottom:70px;
}
.logos img{
margin: 0px 20px;
max-height: 45px;
width: auto;
}
.sd_txt_1{
font-family: NeueHaas;
font-weight: normal;
font-size: 24px;
line-height: 180%;  
margin-bottom: 60px;
}
.sd_txt_1 b{
color: #2E9136;
}
.sd_txt_2{
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
margin-bottom: 60px;
}
.sd_txt_2 span{
color: #2E9136;
}
.sd_contenedor_1{
margin-top: 30px;
text-align: center;
}
.sd_contenedor_1 span{
font-family: "Roboto Condensed", sans-serif !important;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
color: #465052;
display: inline-block;
border: 1px solid #465052;
padding: 9px 20px 4px;
}
.sd_txt_3{
margin-top: 70px;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
color: #0D1517;
}
.sd_txt_3 span{
color: #2E9136;
}
.sd_txt_4{
display: flex;
margin-bottom: 120px;
}
.sd_txt_4 .col{
width: 50%;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 160%;
}
.sd_txt_5{
margin-bottom: 50px;
font-size: 18px;
line-height: 160%;
margin-bottom: 60px; 
}
.sd_txt_5 span{
color: #2E9136;
}
.sd_txt_5 .text-center{
margin: 50px 0px;
}
.sd_txt_5 h2{
text-align: center;
text-transform: uppercase;
font-size: 46px;
line-height: 58px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif !important;
letter-spacing: 0;
margin: 0px 0px 80px 0px;
}
.sd_txt_5 h2 svg {
display: inline-block;
margin: -10px 10px 0 0;
}
.sd_contenedor_form{
margin: 0px auto;
max-width: 680px;
}
.sd_contenedor_form .bono__icono svg{
position: relative;
display: block;
margin: 0px auto 30px;
}
.sd_contenedor_form .bono__icono{
padding: 0px;
text-align: center;
}
.sd_contenedor_form .bono__form {
margin: 40px 0 60px;
}
.sd_contenedor_form .formularioCamposEnviar{
text-align: center;
}
.sd_pf .acordeon_desc{
font-size: 18px;
line-height: 26px;
}
.sd_pf .acordeon_desc span{
color: #2E9136;
}
.row-digitales{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 70px;
margin-left: -21px;
margin-right: -21px;
}
.row-digitales .col{
width: 50%;
padding: 0px 21px;
}
.dig{
background: rgba(133, 255, 173, 0.19);
padding: 32px;
margin-bottom: 60px;
}
.dig .dig__header{
text-align: center;
}
.dig .dig__header .dig__pre{
font-weight: bold;
font-size: 24px;
line-height: 38px;
text-transform: uppercase;
color: #2E9136;
margin: 20px 0px;
font-family: "Roboto Condensed", sans-serif !important;
}
.dig .dig__header h3{
margin: 0px 0px 20px;
font-size: 18px;
line-height: 24px;
font-family: NeueHaas !important;
text-transform: initial;
}
.dig .dig__header .dig__desde{
font-family: "Roboto Condensed", sans-serif !important;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
color: #465052;
display: inline-block;
border: 1px solid #465052;
padding: 9px 20px 4px;
margin-bottom: 10px;
}
.dig .dig__header .dig__sinsubtxt{
font-size: 10px;
line-height: 16px;
margin-bottom: 20px;
}
.dig .dig__header .dig__con {
font-family: "Roboto Condensed", sans-serif !important;
font-weight: normal;
font-size: 18px;
line-height: 160%;
text-align: center;
text-transform: uppercase;
color: #F4F7F5;
background: #465052;
display: inline-block;
padding: 6px 18px 4px;
margin-bottom: 24px;
letter-spacing: 0.5px;
}
.dig .dig__body{
font-size: 14px;
line-height: 22px;
color: #0D1517;
}
.dig .dig__body ol,
.dig .dig__body ul{
margin-left: 16px;
margin-bottom: 20px;
padding: 0px;
}
.dig .dig__body ul li{
margin: 0px;
}
.dig .dig__footer{
margin-top: 20px;
text-align: center;
}
.dig .dig__adq {
font-family: "Roboto Condensed", sans-serif !important;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #0D1517;
background: #85FFAD;
padding: 10px 30px 12px;
display: inline-block;
letter-spacing: 0.5px;
text-align: center;
}
.btn-kit{
overflow: hidden
}
.btn-kit svg{
float: left;
margin-top: -1px;
margin-right: 9px;
}
.page-bono-landing h2{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-transform: uppercase;
}
.page-bono-landing h2 span{
font-weight: bold;
}
.box-green{
padding: 34px 62px;
background: rgba(133, 255, 173, 0.12);
border: 3px solid #85FFAD;
overflow: hidden;
}
.page-bono-landing .bono__icono {
font-weight: 400;
font-size: 20px;
line-height: 140%;
padding-top: 16px;
}
.page-bono-landing  .bono__form {
margin: 40px 0 20px;
}
.page-bono-landing  .formularioCamposCheck {
margin: 16px 0px 32px;
}
.page-bono-landing  .btn {
font-size: 20px;
line-height: 120%;
padding: 10px 30px 12px;
}
.page-bono-landing  .form-control{
margin-bottom: 16px
}
.modulo_landing_header{
margin-bottom: 60px !important;
}
.modulo_landing{
padding: 100px 0px;
}
.modulo_landing_fg{
background: #0D1517;
color: #fff;
}
.modulo_landing .ml__cont{
padding-left: 60px;
padding-right: 0px;
}
.modulo_landing_fg .ml__cont{
padding-left: 0px;
padding-right: 60px;
}
.modulo_landing .ml__pre{
font-style: normal;
font-size: 14px;
line-height: 160%;
margin-bottom: 32px;
}
.modulo_landing h2{
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 60px;
}
.modulo_landing .ml__txt{
font-weight: 400;
font-size: 18px;
line-height: 160%;
}
.modulo_landing_fg .ml__txt{
color: #F4F7F5;
}
.modulo_landing .ml__img{
position: relative;
top: 50%;
transform: translateY(-50%);
}
.modulo_landing_fg .btn.btn-kit{
color: #85FFAD;
border-color: #85FFAD;
}
.modulo_landing h2 span,
.modulo_landing .ml__pre span{
font-weight: 600;
color: #2e9136;
}
.modulo_landing h3 {
font-weight: 600;
font-size: 20px;
line-height: 31px;
}
.modulo_landing_fg h2 span,
.modulo_landing_fg .ml__pre span{
font-weight: 600;
color: #85FFAD;
}
.modulo_landing .video .play{
height: 65px;
}
.modulo_landing .img-fluid{
display: block;
width: auto;
max-width: 100%;
margin: auto;
}
.modulo_landing ol{
padding-left: 25px;
font-size: 14px;
line-height: 22px;
}
.casos_exi{
margin-top: 50px;
overflow: hidden;
margin-right: -20px;
}
.casos_exi .caso_landing{
width: calc(25% - 20px);
background: #F4F7F5;
border-radius: 8px;
padding: 28px 24px;
color: #0D1517;
position: relative;
float: left;
margin-right: 20px;
}
.casos_exi .caso_landing:last-child{
margin: 0px;
}
.casos_exi .caso_landing svg{
position: absolute;
margin-top: 4px;
}
.casos_exi .caso_landing .caso_landing_nombre{
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 31px;
color: #2E9136;
padding: 0px 28px;
margin: 0px 0px 12px 0px;
}
.casos_exi .caso_landing .caso_landing_cargo {
position: absolute;
top: 34px;
right: 20px;
}
.casos_exi .caso_landing .caso_landing_cargo_small {
position: absolute;
top: 31px;
right: 16px;
font-size: 11px;
line-height: 12px;
text-align: right;
}
.casos_exi .caso_landing .caso_landing_txt {
border-top: 1px solid #85FFAD;
margin-top: 10px;
font-size: 14px;
padding-top: 10px;
}
.obtendemo{
}
.obtendemo .bono__icono{
font-family: "Roboto Condensed", sans-serif !important;
font-weight: 700;
font-size: 46px;
line-height: 60px;
text-align: center;
display: inline-block;
padding-top: 0px;
margin-bottom: 50px;
}
.obtendemo .box-green{
max-width: 700px;
margin: auto;
}
.obtendemo .bono__form{
margin: 0px 0 20px;
}
body.scroll .header__container .btn.btn-transp{
color: var(--colorBlanco);
border: 1px solid var(--colorBlanco);
}
body.scroll .header__container .btn__menu span{
background-color:  var(--colorBlanco);
}
body.menuactive .header__container .btn__menu span,
.btn__menu span{
background-color:  var(--colorNegro);
}
body.menuactive .header__container .btn.btn-transp,
header .btn.btn-transp{
background-color: transparent;
min-width: 1px;
color: var(--colorNegro);
border: 1px solid var(--colorNegro);
}
@media (max-width:1440px) {
.page-bono .container {
max-width: 100%;
}
.topHomeIcono1 svg{
display: none;
}
}
@media (max-width:1160px) {
.container1160 {
width: calc(100% - 60px);
margin: 0 30px
}
}
@media (max-width:1030px) {
.container1024 {
width: calc(100% - 60px);
margin: 0 30px
}
.home_servicio_conte {
position: relative;
top: 0;
transform: translateY(20%)
}
body.menu-activo .menuPrincipal {
width: 900px
}
body.menu-activo .menuPrincipal li {
padding-left: 50px
}
.page-bono h1 {
font-size: 40px;
line-height: 48px
}
.page-bono h2 {
font-size: 34px;
line-height: 42px
}
.page-bono .col-form {
padding-left: 30px
}
.logos img {
margin: 0px 20px;
max-height: 38px;
width: auto;
}
.casos_exi .caso_landing {
width: calc(50% - 20px);
min-height: 390px;
margin-bottom: 20px;
}
.modulo_landing_header img{
max-width: 100%;
height: auto;
}
.box-green {
padding: 30px 30px;
}
}
@media (max-width:900px) {
body,
html {
overflow: auto
}
.hidden-movil {
display: none
}
.btn {
padding: 10px 14px
}
h1 {
font-size: 30px;
line-height: 40px
}
.lateral_home {
display: none
}
.container1024 {
width: calc(100% - 30px);
margin: 0 15px
}
.flecha_siguiente_bloque {
display: none
}
.parallax {
height: auto;
overflow-x: auto;
overflow-y: auto;
-webkit-perspective: none;
perspective: none
}
.parallax__group {
position: relative;
height: auto;
min-height: auto;
-webkit-transform-style: initial;
transform-style: initial;
overflow: initial
}
.parallax__layer--base {
-webkit-transform: none;
transform: none
}
.parallax__layer {
position: inherit;
top: auto;
left: auto;
right: auto;
bottom: auto;
-webkit-transform-origin-x: 100%;
transform-origin-x: 100%;
color: #fff
}
.topHomeIcono1,
.topHomeIcono10,
.topHomeIcono11,
.topHomeIcono12,
.topHomeIcono13,
.topHomeIcono14,
.topHomeIcono15,
.topHomeIcono16,
.topHomeIcono17,
.topHomeIcono18,
.topHomeIcono19,
.topHomeIcono2,
.topHomeIcono3,
.topHomeIcono4,
.topHomeIcono5,
.topHomeIcono6,
.topHomeIcono7,
.topHomeIcono8,
.topHomeIcono9 {
display: none
}
.parallax__layer--background {
-webkit-transform: translateZ(-600px) scale(3);
transform: none;
z-index: 0
}
.parallax__layer--background {
-webkit-transform: translateZ(-600px) scale(3);
transform: none;
z-index: 0;
display: none
}
.parallax__group {
z-index: 0!important
}
#group1 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-home-movil.jpg);
min-height: 810px
}
.home_bloque2 {
position: inherit;
top: auto;
left: auto;
transform: none;
text-align: center;
width: 100%;
max-width: 1024px;
font-size: 20px;
line-height: 25px;
z-index: 999
}
.enterFade {
opacity: 1
}
.homeTopContainer .homeTop .homeTopDescripcion {
font-size: 15px;
line-height: 18px;
margin-bottom: 30px
}
.homeTopContainer .homeTop {
position: initial;
top: 0;
padding-top: 285px
}
.homeTopContainer .homeTop h1 {
margin: 0 0 20px
}
.homeTopContainer .homeTop .homeTopBtn .btn:first-child {
float: left
}
.homeTopContainer .homeTop .homeTopBtn .btn:last-child {
float: right
}
#group2 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-home-2.jpg) center center;
min-height: 700px;
background-size: cover
}
.home_bloque2 h2 {
padding-top: 180px;
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
margin-bottom: 20px
}
.home_bloque2 .home_bloque2_txt {
font-size: 15px;
line-height: 18px
}
.home_bloque2 .home_bloque2_txt {
margin-bottom: 50px
}
.home_servicio_conte {
position: relative;
top: 0;
transform: none;
margin-top: 120px
}
.servicios {
padding-left: 0
}
.servicios li {
position: relative;
padding: 10px 0 10px 0;
border-bottom: 1px solid #777;
color: #0d1517;
min-height: 80px;
margin: 0
}
.servicios li h3 {
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: absolute;
top: 39px
}
.servicios li .descripcion_ser {
display: none;
padding: 70px 0 20px 0
}
.home_servicio_conte .titulo {
top: -20px
}
.servicios li svg {
top: 10px;
transform: none
}
.home_bloque3 .container1024 {
height: auto;
margin-bottom: 120px
}
#group4 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-home-3.jpg) center right;
min-height: auto;
background-size: cover;
height: auto;
padding-bottom: 50px
}
.home_construccion h2 {
font-size: 30px;
line-height: 40px;
margin: 0;
padding: 50px 0 30px
}
.home_construccion .home_construccion_row {
display: block;
margin: 0
}
.home_construccion .home_construccion_row .home_construccion_col {
width: 100%;
padding: 0
}
.home_construccion_col .video {
margin-bottom: 30px
}
.home_construccion_row-iconos {
display: flex!important;
margin: 30px 0!important
}
.home_construccion_row-iconos .home_construccion_col {
width: 33%!important
}
#group4 .slider {
display: none
}
.cons_ico h3 {
font-size: 15px
}
.cons_ico img {
height: 58px;
margin-bottom: 10px
}
.text-center-btn-erp {
margin: 100px 15px 0
}
.home_grupo h2,
.home_relaciones h2 {
font-size: 30px;
line-height: 40px;
margin: 50px 0 30px 0
}
.home_grupo .home_grupo_iconos .col_grupo {
width: 100%;
text-align: center!important;
margin-bottom: 20px
}
#group6 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-presencia-movil.jpg) center right;
height: 784px;
background-size: 100%;
background-repeat: no-repeat;
background-color: #333;
background-position: bottom
}
.home_grupo,
.home_relaciones {
position: initial;
top: 0;
left: 0;
transform: none
}
.mundo_lineas-1,
.mundo_lineas-2,
.mundo_lineas-3,
.mundo_lineas-4,
.mundo_lineas-5,
.mundo_lineas-6,
.mundo_lineas-7,
.mundo_lineas-8,
.presencia_mundo,
.presencia_mundo .pais {
display: none
}
.home_presencia h2 {
font-size: 30px;
line-height: 40px;
margin: 0;
padding-top: 45px
}
#group5 {
height: auto;
min-height: auto
}
.home_grupo_iconos .col_img {
width: 50%
}
#group7 {
height: auto;
min-height: auto
}
body.menu-activo .menuPrincipal li a {
font-size: 30px;
line-height: 40px
}
body.menu-activo .menuPrincipal li {
width: 100%
}
body.menu-activo .menuPrincipal li {
padding-left: 36px;
margin-bottom: 12px
}
body.menu-activo .menuPrincipal {
width: 220px
}
body.menu-activo .menuPrincipal li a:before {
width: 12px;
height: 12px;
top: 50%;
margin-top: -6px;
left: -30px
}
body.menu-activo .menuPrincipal {
height: 100vh
}
.nosotrosTop {
padding-top: 200px;
text-align: center;
margin: 0
}
.nosotrosTop h1 {
margin: 0 0 30px;
font-size: 30px
}
.nosotrosTop h2 {
font-size: 20px;
line-height: 26px
}
.nosotros_mision,
.nosotros_pilar {
background: #f4f7f5;
padding: 90px 0 90px
}
.nosotros_mision {
padding: 50px 0 20px
}
.nosotros_mision h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.nosotros_mision .nosotros_mision_desc {
font-size: 15px;
line-height: 20px;
margin-bottom: 40px
}
.parallax__layer--background2 img {
object-fit: cover;
height: auto;
min-height: auto;
width: 100vw
}
.nosotros_mision .nosotros_mision_iconos {
display: block
}
.nosotros_mision .nosotros_mision_iconos .icn_mi {
width: 100%
}
.nosotros_mision .nosotros_mision_iconos .icn_mi {
width: 100%;
font-size: 30px;
line-height: 40px
}
.nosotros_mision .nosotros_mision_iconos .icn_mi img {
display: block;
margin: 5px auto 30px;
height: 80px
}
.nosotros_como h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.nosotros_como .nosotros_como_txt {
font-size: 20px;
line-height: 24px
}
.parallax__layer--background2 {
-webkit-transform: none!important;
transform: none!important;
z-index: 0
}
.parallax__group_bloque .parallax__layer--background {
-webkit-transform: none!important;
transform: none!important
}
.nosotros_como {
position: initial;
top: 0;
left: 0;
transform: none;
text-align: center;
width: 100%;
max-width: 1024px;
font-size: 20px;
line-height: 25px;
z-index: 999
}
.nosotros_pilar {
font-size: 30px;
line-height: 36px
}
.videobackpara video {
display: none
}
.header_bloque .subtitular,
.header_bloque h2 {
font-size: 20px;
line-height: 25px;
text-align: left;
position: relative;
padding-left: 50px;
margin: 0 auto;
width: fit-content
}
.header_bloque h2 svg {
margin-right: 10px;
height: 36px;
position: absolute;
left: 0;
width: auto;
top: 50%;
margin-top: -18px
}
#groupERPvideo {
background-image: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-sis-erp-home-movil.jpg);
background-position: center top;
background-size: cover;
padding: 150px 0
}
.videobackpara {
display: none
}
.theme_partners .parallax__group {
position: relative
}
.theme_partners .parallax__layer--background {
position: absolute;
top: 0
}
.header_bloque .titular,
.header_bloque h1 {
line-height: 40px;
margin: 0 0 30px;
font-size: 30px
}
.parallax__group_bloque {
height: 100%
}
.header_bloque {
padding-top: 150px;
margin: 0;
height: 400px
}
.empleo-oferta .parallax__layer--background,
.parallax__layer--background-show-movil,
.theme_empleo .parallax__layer--background,
.theme_partners .parallax__layer--background,
.theme_servicios .parallax__layer--background {
position: absolute;
top: 0;
height: 100%;
transform: none;
display: block
}
.theme_partners .acordeon .acordeon_titulo a,
.theme_servicios .acordeon .acordeon_titulo a {
padding-left: 0
}
.parallax__group_bloque .parallax__layer--background img {
height: 400px;
min-height: 400px;
object-position: center
}
.header_bloque ul li a {
overflow: hidden;
width: 30px;
height: 30px
}
ul.menu_partners,
ul.menu_servicios {
width: 30px!important;
right: 0;
padding: 0
}
.header_bloque ul {
bottom: auto;
top: 140px
}
.contenido_bloque {
padding: 50px 0
}
.acordeon .acordeon_titulo a {
font-size: 17px;
line-height: 20px;
padding-right: 30px;
padding-left: 40px
}
.acordeon .acordeon_titulo a svg {
top: 50%;
margin-top: -10px
}
.theme_partners .header_bloque h2 {
width: 255px
}
.theme_nosotros #group1 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-nosotros-movil.jpg);
min-height: 810px
}
.theme_sis_erp #group1 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-sis-erp-movil.jpg);
min-height: 810px
}
.theme_contacto #group1 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-contacto-movil.jpg);
min-height: 810px
}
.videobackpara video {
display: none
}
.modulos h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 10px;
text-align: center
}
.modulos {
padding: 50px 0
}
.acordeon {
padding: 18px 0 0 0
}
.acordeon .acordeon_titulo {
margin-bottom: 16px
}
.acordeon .acordeon_titulo a span {
position: absolute;
left: 0;
top: 50%;
margin-top: -12px
}
.acordeon .acordeon_titulo a span svg {
margin-right: 2px;
zoom: 0.8
}
.modulos ul {
padding-left: 30px
}
#groupERPcasos {
background-image: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-casos-de-exito.jpg);
padding: 50px 0 100px
}
#groupERPcasos .parallax__layer--background2 {
display: none
}
.proyectos_actuales_content h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.proyectos_actuales_content .slick-dots li {
margin: 0 2px
}
.theme_empleo h2 {
text-align: center;
width: 100%;
padding: 0
}
.row-empleo .col:first-child {
width: 70%
}
.row-empleo .col:last-child {
width: 30%
}
.listado_ofertas h3 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.listado_ofertas .list_ofer .list_ofer_bottom {
font-size: 12px
}
.listado_ofertas .list_ofer .list_ofer_bottom a {
font-size: 16px
}
.subtitular_empleo ol li {
width: 100%;
margin-bottom: 4px
}
.subtitular_empleo ol {
width: auto;
margin-left: 40px
}
.empleo-oferta .header_bloque .titular {
margin: 0 0 20px
}
.empleo-oferta .header_bloque {
padding-top: 110px
}
.empleo_row {
display: block;
position: relative
}
.empleo_row .empleo_col1 {
width: 100%;
padding-top: 115px
}
.empleo_row .empleo_col2 {
width: 100%;
margin-left: 0;
text-align: center;
position: absolute;
top: 0;
left: 0
}
.empleo-data {
margin-top: 30px;
text-align: center
}
.empleo-data .compartir_rs {
float: none;
margin-top: 16px;
text-align: center
}
.empleo-data .compartir_rs span {
display: none
}
.contacto_form {
padding: 40px 0
}
.contacto_form h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 20px
}
.formularioCamposCheck {
margin-bottom: 20px
}
.formularioCamposEnviar {
text-align: center
}
.bloque_header_blog {
background-image: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/fondo-blog-movil.jpg);
background-size: cover
}
.list-post .list-post-cont {
display: block
}
.list-post .list-post-cont .list-post-img {
width: 100%;
margin-bottom: 10px
}
.list-post .list-post-cont .list-post-title {
width: 100%;
margin-left: 0
}
.list-post .list-post-cont h2 {
margin-bottom: 15px
}
.bloque_header_blog .subtitular {
text-align: center;
margin: 0 auto;
padding: 0;
width: 250px
}
.post h1 {
font-size: 20px;
line-height: 25px;
margin-bottom: 15px
}
.post-data {
margin-top: 30px;
text-align: center
}
.list-post .list-post-data time,
.post .post-data time {
display: inline-block;
float: none;
margin-right: 10px
}
.list-post .list-post-data .categorias,
.post .post-data .categorias {
display: inline-block;
float: none;
margin-right: 10px
}
.post .post-data .compartir_rs {
float: none;
display: block;
width: 100%;
text-align: center;
margin-top: 10px
}
.post-relacionados h2 {
font-size: 20px;
line-height: 25px
}
.post-relacionados .post-rel {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 30px
}
.post-relacionados .posts-relacionados-listado {
display: block;
margin-left: 0;
margin-right: 0
}
.post-relacionados .post-rel h3 {
font-size: 15px;
line-height: 15px;
margin: 12px 0 0 0
}
.post-relacionados .post-rel img {
width: 100%;
height: auto
}
ul.menu_cat_blog {
top: 65px;
right: -15px;
transform: none
}
.bloque_header_blog h2 {
padding-left: 0
}
.tellamamos h3 {
color: #2e9136;
font-size: 34px
}
.tellamamos .tellamamos__content {
padding: 25px
}
body.menu-activo .menuPrincipal .menu-principal {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: flex;
flex-direction: row
}
body.menu-activo .menuPrincipal li {
width: 100%
}
body.menu-activo .menuPrincipal li:nth-child(1) {
order: 1;
animation-delay: .1s
}
body.menu-activo .menuPrincipal li:nth-child(2) {
order: 5;
animation-delay: .5s
}
body.menu-activo .menuPrincipal li:nth-child(3) {
order: 2;
animation-delay: .2s
}
body.menu-activo .menuPrincipal li:nth-child(4) {
order: 6;
animation-delay: .6s
}
body.menu-activo .menuPrincipal li:nth-child(5) {
order: 3;
animation-delay: .3s
}
body.menu-activo .menuPrincipal li:nth-child(6) {
order: 7;
animation-delay: .7s
}
body.menu-activo .menuPrincipal li:nth-child(7) {
order: 4;
animation-delay: .4s
}
body.menu-activo .menuPrincipal li:nth-child(8) {
order: 8;
animation-delay: .8s
}
.sld_diapo img {
display: block;
margin: 0 auto 20px;
float: none!important
}
.slick-next {
right: -15px;
top: 150px
}
.slick-next {
right: -15px;
top: 150px
}
.slick-prev {
left: -15px;
top: 150px
}
#groupNoso2 {
background: url(//sisgrupo.com/wp-content/themes/sisgrupo/img/nosotros-como-lo-hacemos.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 100px 0;
height: auto;
min-height: auto
}
#groupNoso2 .parallax__layer--background2 {
display: none
}
.theme_partners .header_bloque {
margin-top: 0;
padding-top: 100px
}
.theme_partners .header_bloque .titular img,
.theme_partners .header_bloque h1 img {
height: 120px
}
.home_grupo .home_grupo_iconos .col_grupo img {
max-height: 70px;
max-width: 180px
}
ul.pagination_post li {
margin: 0 3px
}
ul.pagination_post {
padding: 0
}
.row-empleo {
display: block
}
.row-empleo .col {
width: 100%!important
}
.row-empleo .btn-curriculum {
width: 100%!important;
margin-bottom: 20px
}
#groupERPvideo {
padding: 100px 0
}
#groupERPvideo .btn_top_sis_erp a {
display: block;
max-width: 150px;
margin: 0 auto 20px
}
.page-bono .container .row {
display: block
}
.page-bono .container .row .col-12 {
width: 100%
}
.page-bono .col-form {
padding-left: 0
}
.page-bono {
text-align: center;
padding-top: 120px
}
.page-bono h1 {
font-size: 26px;
line-height: 34px
}
.page-bono h2 {
font-size: 22px;
line-height: 30px
}
.page-bono h3 {
text-align: left
}
.page-bono h3 span {
margin-bottom: 10px;
float: left;
margin-top: 9px
}
.page-bono img {
width: 100%;
height: auto
}
.page-bono .bono__icono {
position: relative;
padding: 80px 0 0 0;
text-align: left
}
.page-bono .bono__icono svg {
left: 50%;
margin-left: -30px
}
.page-bono .bono__form {
margin: 30px 0 60px
}
.page-bono .bono__dudas {
margin-top: 30px
}
.bono__preguntasfrecuentes {
margin: 50px 0 20px;
text-align: center;
text-transform: uppercase;
font-size: 26px;
line-height: 40px
}
.bono__preguntasfrecuentes svg {
display: block;
margin: 0 auto 10px
}
.bono__preguntasfrecuentes_faq .acordeon .acordeon_titulo a svg {
margin-top: -2px
}
.bono__preguntasfrecuentes_faq .acordeon_desc {
text-align: left
}
.page-bono .container1024 {
width: 100%;
margin: 0
}
.page-bono .cards .card {
width: 100%
}
.page-bono .cards .cardCentrar{
display: none;
}
.page-bono h3 {
font-size: 18px;
line-height: 24px;
margin: 0 0 30px 0
}
.page-bono p {
margin: 0 0 20px 0;
text-align: left
}
#groupERPvideo {
z-index: 3;
height: 1100px;
min-height: 1100px
}
#groupERPvideo.parallax__layer--background img {
height: 1100px;
min-height: 1100px
}
.logos img {
width: auto;
height: 28px;
margin: 0px 14px;
}
.sd_txt_1 {
font-size: 22px;
line-height: 32px;
margin-bottom: 40px;
}
img.img-soluciones{
height: auto;
width: 80%;
}
.sd_txt_4 .col {
text-align: left;
padding: 0px 30px 0px 0px;
}
.sd_txt_4 {
margin-bottom: 60px;
}
.sd_txt_5 h2{
margin-bottom: 40px;
}
.sd_txt_5 .text-center{
text-align: center;
}
.page-bono .cards .card{
min-height: auto;
}
.sd_contenedor_form .bono__icono{
padding: 0px;
}
.row-digitales .col {
width: 100%;
padding: 0px 21px;
}
.dig .dig__header h3{
text-align: center;
}
.dig .dig__body{
text-align: left;
}
.modulo_landing .ml__img {
position: relative;
top: 0;
transform: none;
margin-top: 30px;
margin-bottom: 30px;
}
.casos_exi .caso_landing {
min-height: 570px;
}
.casos_exi .caso_landing  {
text-align: left;
}
.modulo_landing .ml__cont{
padding: 0px;
}
.modulo_landing ol{
text-align: left;
}
}
@media (max-width:600px) {
.box-green {
padding: 30px 20px;
}
.page-bono .bono__icono {
text-align: center;
}
.logos img {
width: auto;
height: 35px;
margin: 8px 17px;
}
.logos {
margin-bottom: 40px;
}
.sd_txt_1 {
font-size: 18px;
line-height: 27px;
margin-bottom: 20px;
}
.sd_txt_2 {
font-size: 16px;
line-height: 22px;
margin-bottom: 40px;
}
img.img-soluciones {
width: 100%;
}
.sd_txt_3 {
margin-top: 40px;
font-size: 16px;
line-height: 22px;
}
.sd_txt_4{
display: block;
}
.sd_txt_4 .col {
width: 100%;
padding: 0px 0px 0px 0px;
}
.sd_txt_5 h2 svg {
display: block;
margin: 0px auto 14px;
}
.sd_txt_5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 40px;
}
.sd_txt_5 .text-center{
margin: 30px 0px;
}
.sd_txt_5 .text-center .btn{
width: 100%;
padding: 10px 5px;
margin-bottom: 10px;
}
.sd_pf .acordeon_desc {
font-size: 16px;
line-height: 22px;
}
.sd_pf .bono__preguntasfrecuentes_faq {
margin-bottom: 50px;
}
.sd_contenedor_form .bono__icono{
text-align: center;
font-size: 16px;
line-height: 22px;
}
.dig {
padding: 32px 20px;
margin-bottom: 30px;
}
.dig .dig__header .dig__pre {
margin: 10px 0px;
line-height: 30px;
}
.dig .dig__adq {
padding: 10px 20px 12px;
}
.btn-kit {
position: fixed;
bottom: 0px;
left: 0;
width: 100%;
text-align: center;
font-size: 18px;
padding: 12px 12px;
}
.btn-kit svg {
float: none
}
.sld .sld_diapo{
width: 345px !important;
}
.sld .slick-track{
width: 5175px !important;
}
.modulo_landing .ml__txt {
font-weight: 400;
font-size: 14px;
line-height: 150%;
}
.modulo_landing {
padding: 60px 0px;
}
.svg_caso{
transform: scale(0.5)
}
.casos_exi .caso_landing {
width: 100%;
min-height: auto;
}
.casos_exi {
margin-right: 0;
}
.caso_landing_header img{
width: auto;
}
.obtendemo .bono__icono {
font-size: 26px;
line-height: 35px;
margin-bottom: 40px;
}
}
@keyframes scroll {
0% {
transform: translateX(0)
}
100% {
transform: translateX(calc(-300px * 7))
}
}
@-webkit-keyframes tilt-in-bottom-1 {
0% {
-webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
transform: rotateY(30deg) translateY(300px) skewY(-30deg);
opacity: 0
}
100% {
-webkit-transform: rotateY(0) translateY(0) skewY(0);
transform: rotateY(0) translateY(0) skewY(0);
opacity: 1
}
}
@keyframes tilt-in-bottom-1 {
0% {
-webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
transform: rotateY(30deg) translateY(300px) skewY(-30deg);
opacity: 0
}
100% {
-webkit-transform: rotateY(0) translateY(0) skewY(0);
transform: rotateY(0) translateY(0) skewY(0);
opacity: 1
}
}
@-webkit-keyframes fade-in-top {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-top {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes vibrate-2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
20% {
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
opacity: 1
}
40% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px)
}
60% {
-webkit-transform: translate(-10px, 10px);
transform: translate(-10px, 10px)
}
80% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
opacity: 1
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
}
@keyframes vibrate-2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
20% {
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
opacity: 1
}
40% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px)
}
60% {
-webkit-transform: translate(-10px, 10px);
transform: translate(-10px, 10px)
}
80% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
opacity: 1
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 0
}
}
@-webkit-keyframes hoverMenu {
0% {
left: -55px;
width: 25px;
height: 25px;
margin-top: -12.5px;
left: -55px
}
50% {
left: 50%;
width: 25px;
height: 25px;
margin-top: -12.5px
}
100% {
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px
}
}
@keyframes hoverMenu {
0% {
left: -55px;
width: 25px;
height: 25px;
margin-top: -12.5px;
left: -55px
}
50% {
left: 60%;
width: 25px;
height: 25px;
margin-top: -12.5px
}
100% {
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px
}
}
@-webkit-keyframes slide-in-elliptic-right-fwd {
0% {
-webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
transform: translateX(800px) rotateY(-30deg) scale(0);
-webkit-transform-origin: -100% 50%;
transform-origin: -100% 50%;
opacity: 0
}
100% {
-webkit-transform: translateX(0) rotateY(0) scale(1);
transform: translateX(0) rotateY(0) scale(1);
-webkit-transform-origin: -1800px 50%;
transform-origin: -1800px 50%;
opacity: 1
}
}
@keyframes slide-in-elliptic-right-fwd {
0% {
-webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
transform: translateX(800px) rotateY(-30deg) scale(0);
-webkit-transform-origin: -100% 50%;
transform-origin: -100% 50%;
opacity: 0
}
100% {
-webkit-transform: translateX(0) rotateY(0) scale(1);
transform: translateX(0) rotateY(0) scale(1);
-webkit-transform-origin: -1800px 50%;
transform-origin: -1800px 50%;
opacity: 1
}
}
@-webkit-keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes blink-1 {
0%,
100%,
50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes blink-1 {
0%,
100%,
50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.page-sis-consulting h1{
text-transform: initial;
font-size: 44px;
line-height: 58px;
}
.page-sis-consulting .logos img:nth-child(1){
max-height: 60px;
}
.page-sis-consulting .dig .dig__header .dig__pre,
.page-sis-consulting .sd_txt_5 h2{
text-transform: initial;
}
.page-sis-consulting  .dig {
height: calc(100% - 60px)
}
.page-sis-consulting  .dig .dig__body ul {
min-height: 440px;
}
.page-sis-consulting  .dig .dig__adq {
width: 100%;
}
.page-sis-consulting .sd_txt_8 {
max-width: 1000px;
margin: auto;
}
.page-sis-consulting #asesoramiento{
padding-top: 100px;
}
.page-sis-consulting .sd_contenedor_form .bono__icono{
text-transform: uppercase;
}
.page-template-plantilla_sis_consulting header .btn.btn-kit,
.page-template-plantilla_sis_consulting .modulo__kit{
display: none !important
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}