html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
html, body{line-height:1;min-height:100%;font-family:'csi-book';}
ol, ul{list-style:square;padding-left:20px;}
.lv1, .lv2, .lv3, .lv4, .lv5{margin:0;padding:0;list-style-type:none;}
.lv1 li{background:url("../img/check.png") 0 3px no-repeat;padding:3px 0px 5px 25px;}
.lv2 li{background:url("../img/engrane.png") 0 3px no-repeat;padding:3px 0px 5px 25px;}
.lv3 li{background:url("../img/check-bco.png") 0 3px no-repeat;padding:3px 0px 5px 25px;color:#FFF;}
.lv4 li{background:url("../img/check_morado.png") 0 3px no-repeat;padding:3px 0px 5px 25px;font-weight:bold;font-size:1.08em;color:#881d59;}
.lv5 li{background:url("../img/check-blue.png") 0 3px no-repeat;padding:3px 0px 5px 25px;}
p{margin:1em 0;line-height:1.1em;}
q{font-style:italic;color:#333;}
h1{font-size:2.91em;margin:0;}
h1 > small{text-align:right;display:inline-block;font-size:.71em;text-indent:15em;color:#444;}
h2{color:#881d59;font-size:1.91em;margin:2em 0 0.5em 0;}
h2.h2-titulo{color:#881d59;font-weight:bold;font-size:2.91em;margin-top:-10px;}
h2.h2-subtitulo{color:#881d59;font-weight:bold;font-size:1.7em;width:100%;text-align:center;margin-top:-10px;}
h2.centrado{text-align:center;}
h2.centrado span{text-decoration:underline;}
.img-center{margin:0 auto;width:100px;}
div.img-center img{}
#sub-lupa{}
h2:first-child{margin-top:0;}
h3{color:#333;font-size:1.41em;margin:1em 0;}
h4{color:#444;font-size:1.11em;margin:1em 0;}
#progress{height:2%;background:#444;bottom:0;z-index:200;}
#scrollbar{position:fixed;right:2px;height:50px;width:6px;background:#444;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.6);z-index:300;border-radius:3px;}
.skrollr-desktop #scrollbar{display:none;}
#bg1, #bg2, #bg3, #bg4, #bg5, #bg6{z-index:50;top:0;left:0;width:100%;height:100%;background:url(../img/gesDoc/clouds.png) repeat 0 0;}
#bg2{z-index:49;background-image:url(../img/gesDoc/docs.png);}
#bg3{z-index:48;background-image:url(../img/gesDoc/gears.png);}
#bg4, #bg5, #bg6{z-index:10;background:url(../img/art/clocks.png) repeat 0 0;}
#bg4{z-index:9;background-image:url(../img/art/graphics.png);}
#bg5{z-index:8;background-image:url(../img/art/candados.png);}
#intro, #intro-Approval{width:40%;left:50%;margin-left:-19%;padding:2.5em;background:rgba(235, 239, 240, 0.8);text-align:justify;border-radius:1em;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.cont-img{position:relative;width:90%;height:100%;}
.cont-img-int{position:absolute;width:100%;width:50%;height:100%;}
#scroll-down, #scroll-up{text-align:center;}
#scroll-down span, #scroll-up span{font-size:50px;color:#881d59;}
.scrollup{width:40px;height:40px;opacity:0.3;position:fixed;bottom:50px;right:100px;display:none;text-indent:-9999px;background:url('../img/gesDoc/gears.png') no-repeat;}
.text-center h1{color:#881d59;font-size:1.91em;margin:1em 0 1em 0;text-align:center;font-family:inherit;}
span.bold{font-weight:bold;}
#titulo{width:100%;height:100%;padding-top:10%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.titulo-art, .titulo-gesdoc{width:100% !important;text-align:center !important;left:0% !important;margin-left:0% !important;}
#paso1-2, #paso4-5, #beneficios, #paso1, #paso2-3, #paso4{width:100%;height:100%;padding-top:10%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#seccion1, #seccion2, #seccion3{width:80%;left:20%;margin-left:-10%;height:100%;}
.img-expedientes, .img-digitalizar, .img-computer-report, .img-cloud-save{width:350px;}
#monitor, #manos{width:90%;left:50%;font-size:0% !important;margin-left:-45%;text-align:center;}
#monitor img, #manos img{width:100%;height:200px;}
#easing_wrapper{width:100%;height:100%;}
#pasos-resumen{width:100%;height:auto;}
#easing{top:10%;width:50%;z-index:101;}
#easing2{width:58%;}
#cont-sec3{width:80%;}
#preparacion, #digitalizacion, #dia-dia, #resguardo, .text-paso, #texto-monitor{top:25%;width:40%;z-index:101;}
#texto-monitor{width:250px;}
#list-beneficios, #list-beneficios-art{width:40%;left:50%;margin-left:-16%;padding:2em;background:rgba(235, 239, 240, 0.8);text-align:left;border-radius:1em;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#texto-1{font-weight:bold;font-size:1.08em;color:#881d59;}
.centrado{text-align:center;}
img.centrado{margin:0 auto;}
.globo{z-index:999;}
@media (min-width:768px) and (max-width:1199px){#intro, #list-beneficios, #intro-Approval, #list-beneficios-art{width:80%;left:50%;margin-left:-40%;}
#preparacion, #digitalizacion, #dia-dia, #resguardo,{top:25%;width:40%;z-index:101;}
#seccion1, #seccion2, #seccion3{width:90%;left:10%;margin-left:-5%;height:100%;}
h2.h2-subtitulo{margin-top:16px !important;}
#promotor-cliente h2, .img-envio-sms h2{background:rgba(235, 239, 240, 0.8);}
.titulo-gesdoc, .titulo-art{top:15% !important;}
.img-expedientes, .img-digitalizar, .img-computer-report, .img-cloud-save{width:35%;}
.img-expedientes{top:30% !important;}
.img-computer-report{top:25% !important;}
.img-digitalizar, .img-cloud-save{top:65% !important;}
#texto-1{top:32% !important;left:10% !important;}
.text-paso{left:5% !important;}
@media (max-width:1000px){.chart-flow > li .icon{margin:175px 95px !important;margin-bottom:20px !important;}
.chart-flow > li:nth-child(2n) .bar, .chart-flow > li .bar{display:none;}
}
.img-lupa{left:72% !important;top:76% !important;width:100px !important;}
}
@media (min-width:768px) and (max-width:1023px){.img-digitalizar-art{width:120%;}
.titulo-art, .titulo-gesdoc{width:100% !important;text-align:center !important;left:0% !important;margin-left:0% !important;}
#monitor img, #manos img{width:100%;height:170px;}
#texto-1{top:45% !important;left:7% !important;}
.text-paso{top:55% !important;}
#texto-monitor{top:59% !important;left:15% !important;}
#promotor-cliente{top:80% !important;right:-3% !important;}
.promotor-cliente{top:45% !important;left:60%;bottom:150px;width:40%;}
div.img-center img{margin-top:5% !important;}
.img-expedientes{top:35% !important;}
.img-digitalizar{top:70% !important;}
#sub-text1{right:73% !important;}
.globo{bottom:35px !important;top:35% !important;right:0% !important;width:10% !important;z-index:999;}
.img-lupa{left:80% !important;top:73% !important;width:100px !important;}
.img-envio-mail{top:35% !important;left:12% !important;width:40% !important;}
.img-envio-sms{top:31% !important;right:15% !important;width:18% !important;}
#seccion3 .img-envio-mail + h2{left:0% !important;}
#seccion3 .img-envio-sms + h2{right:0% !important;}
}
@media (max-width:767px){h2.h2-titulo{font-size:2em;}
.bkg-art{background-image:url(../img/art/bgart.png);}
.bkg-gestdoc{background-image:url(../img/gesDoc/bgGesdoc.png);}
#intro, #list-beneficios, #list-beneficios-art, #preparacion, #digitalizacion, #dia-dia, #resguardo{width:90%;left:50%;margin-left:-45%;}
#intro, #intro-Approval, #list-beneficios, #list-beneficios-art, #preparacion, #digitalizacion, #dia-dia, #resguardo{width:90%;margin-left:5%;}
#intro, #intro-Approval{margin-top:15%;}
.chart-flow{margin-top:5% !important;}
.titulo-gesdoc, .titulo-art{width:100%;text-align:center;}
.text-center img{width:15%;}
.text-center h2{margin-top:10px;margin-bottom:10px;}
#scroll-up{top:75% !important;left:80% !important;}
#easing{left:10% !important;top:15%;width:80%;z-index:101;}
#easing{top:35%;}
#easing_wrapper{background:#0e577b;color:#FFF;padding:20px;}
#easing_wrapper h2{color:#FFF;}
#img-beneficios, #img-beneficios2, #monitor, #manos, .img-hoja{display:none;}
#preparacion, #digitalizacion, #dia-dia, #resguardo{top:20%;width:90%;z-index:101;background:rgba(235, 239, 240, 1);border-radius:5px;padding:15px;}
#preparacion, #digitalizacion{top:40% !important;}
#dia-dia, #resguardo{top:32% !important;}
.chart-flow > li{margin-bottom:0px !important;height:100% !important;margin:0 auto !important;}
.chart-flow h4{margin-top:15px !important;}
.chart-flow > li .icon{background:#881d59 !important;z-index:2 !important;display:inline !important;}
@media (max-width:1000px){.chart-flow > li .icon{margin:175px 95px !important;margin-bottom:20px !important;}
.chart-flow > li:nth-child(2n) .bar, .chart-flow > li .bar{display:none;}
}
#seccion1, #seccion2, #seccion3, #texto-1 p{width:100%;left:20%;margin-left:0%;height:100%;margin:5% 0%;}
#texto-1 p, .text-paso, #texto-monitor, .promotor-cliente, #promotor-cliente, .globo{width:100%;text-align:center;}
.text-paso{position:relative;}
#texto-monitor{left:30%;bottom:200px;width:240px;text-align:left;position:relative;}
.globo{left:70%;bottom:290px;width:100px;text-align:left;position:relative;z-index:1;}
.promotor-cliente{left:15%;width:300px;text-align:left;position:relative;}
.img-center{margin:45px auto !important;width:390px !important;}
.img-lupa{left:65%;bottom:150px;width:100px;text-align:left;position:relative;}
#sub-text1{left:45%;bottom:65px;width:240px;text-align:left;position:relative;}
.img-envio-mail{margin:0 25% !important;}
.img-envio-sms{margin:0 40% !important;}
h2{text-align:center;}
#easing, #easing2{width:100%;}
#easing{padding:10px 50px;}
}
@media (max-width:480px){#intro, #intro-Approval, #list-beneficios-art{width:90%;margin-left:5%;}
#scroll-down, #scroll-up{top:85%;left:50%;margin-left:0%;}
.text-center img{width:40%;}
#easing{padding:10px 35px;}
#dia-dia, #resguardo{top:20% !important;}
.img-expedientes, .img-digitalizar, .img-computer-report, .img-cloud-save, #monitor, .img-hoja, #img-beneficios,, #img-beneficios2, #manos{display:none;}
.chart-flow{padding-left:0px !important;}
.globo{bottom:35px !important;}
.promotor-cliente{bottom:70px !important;}
#promotor-cliente{margin-top:-40px !important;}
#sub-text1{left:35%;bottom:40px;}
.img-envio-mail{margin:0 0% !important;}
.img-envio-sms{margin:0 25% !important;}
h2.h2-subtitulo{padding:0 15px;}
#texto-1{padding:0 15px;}
h2.centrado{padding:0 15px;}
.img-digitalizar-art, .img-envio-mail{width:90%;}
.img-center img{width:75%;margin:0px 45px;}
.img-lupa{width:20% !important;left:45% !important;bottom:112px !important;}
.img-envio-mail{margin-left:5% !important;}
}
@media (max-width:320px){#intro{padding:1em;}
#intro p{font-size:15px;}
h2{font-size:1.8em;margin:2em 0 0.7em 0;}
.text-center img{width:40%;}
.text-center h2{margin-top:10px;margin-bottom:10px;}
h2.h2-subtitulo, h2{font-size:1.5em;}
#scroll-down{top:90% !important;left:50% !important;margin-left:-5% !important;}
#scroll-up{top:80% !important;left:85% !important;}
#scroll-down span, #scroll-up span{font-size:35px;color:#881d59;}
.chart-flow > li{width:100% !important;padding:15px !important;}
#texto-monitor{left:25%;bottom:160px;}
.promotor-cliente{left:0% !important;}
.img-center img{width:70%;}
.img-center{margin:20px auto !important;width:100% !important;}
.img-lupa{width:18% !important;left:42% !important;bottom:80px !important;}
#sub-text1{left:20%;}
.img-envio-sms{margin:0 20% !important;}
}
.chart-wrapper{max-width:1000px;margin:0 auto;}
.clear{clear:both;}
.chart-flow{margin-top:20%;margin-bottom:0%;list-style:none;}
.chart-flow h4{margin-top:160px;color:#55565a;font-size:25px;margin-bottom:15px;}
.chart-flow > li{position:relative;width:350px;height:200px;float:left;clear:right;text-align:center;}
@media (max-width:1000px){.chart-flow > li{margin:0 auto;float:none;margin-bottom:150px;}
}
.chart-flow > li .icon{width:150px;height:150px;line-height:145px;display:table-cell;text-align:center;background:#ECEDEF;border-radius:50%;margin-left:80%;}
.chart-flow > li .icon img{vertical-align:middle;}
@media (max-width:1000px){.chart-flow > li .icon{margin:0 auto;margin-bottom:20px;}
}
.chart-flow > li .bar{background:rgba(0, 0, 0, 0.1);position:absolute;height:20em;width:8px;right:-45%;top:-0.5em;transform:rotate(-60deg);}
@media (max-width:1000px){.chart-flow > li .bar{transform:rotate(0deg);position:relative;height:8.5em;margin-top:40px;margin:0 auto;right:0;top:1em;}
}
.chart-flow > li .progress-bar{width:100%;background:#881d59;}
.chart-flow > li .progres-active{height:100%;}
.chart-flow > li:nth-child(2n){float:right;clear:left;}
@media (max-width:1000px){.chart-flow > li:nth-child(2n){margin:0 auto;float:none;margin-bottom:150px;}
}
.chart-flow > li:nth-child(2n) .icon{margin-left:-10%;}
@media (max-width:1000px){.chart-flow > li:nth-child(2n) .icon{margin:0 auto;}
}
.chart-flow > li:nth-child(2n) .bar{left:-39%;top:12%;transform:rotate(60deg);}
@media (max-width:1000px){.chart-flow > li:nth-child(2n) .bar{left:0;transform:rotate(0deg);}
}
@keyframes height{from{height:0;}
to{height:100%;}
}