html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,nav,section,article,video{margin:0;padding:0;border:0;outline:0}
input,button,textarea,select{outline:0}
html{background:#FFF;overflow-x:hidden}
body{float:left;width:100%;overflow:hidden;font-size:26px;font-family:"MontserratLight","sans-serif";color:#666C79}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
a{font-family:"MontserratMedium";color:#4db5ff;text-decoration:none;cursor:pointer}
a:hover{color:#666C79;transition:all ease-in-out .5s}
p,.p{float:left;width:100%;line-height:36px;text-shadow:0 0 0 rgba(100,100,100,1);margin-bottom:22px;text-align:center}
p:last-of-type{margin-bottom:0}
@font-face{font-family:"MontserratLight";src:url(../fonts/eot/Montserrat-Light.eot) format('eot'),url(../fonts/woff/Montserrat-Light.woff) format('woff'),url(../fonts/ttf/Montserrat-Light.ttf) format('truetype'),url(../fonts/otf/Montserrat-Light.otf) format("opentype")}
@font-face{font-family:"Montserrat";src:url(../fonts/eot/Montserrat-Regular.eot) format('eot'),url(../fonts/woff/Montserrat-Regular.woff) format('woff'),url(../fonts/ttf/Montserrat-Regular.ttf) format('truetype'),url(../fonts/otf/Montserrat-Regular.otf) format("opentype")}
@font-face{font-family:"MontserratMedium";src:url(../fonts/eot/Montserrat-Medium.eot) format('eot'),url(../fonts/woff/Montserrat-Medium.woff) format('woff'),url(../fonts/ttf/Montserrat-Medium.ttf) format('truetype'),url(../fonts/otf/Montserrat-Medium.otf) format("opentype")}
@font-face{font-family:"MontserratSemiBold";src:url(../fonts/eot/Montserrat-SemiBold.eot) format('eot'),url(../fonts/woff/Montserrat-SemiBold.woff) format('woff'),url(../fonts/ttf/Montserrat-SemiBold.ttf) format('truetype'),url(../fonts/otf/Montserrat-SemiBold.otf) format("opentype")}
@font-face{font-family:"MontserratBold";src:url(../fonts/eot/Montserrat-Bold.eot) format('eot'),url(../fonts/woff/Montserrat-Bold.woff) format('woff'),url(../fonts/ttf/Montserrat-Bold.ttf) format('truetype'),url(../fonts/otf/Montserrat-Bold.otf) format("opentype")}
@font-face{font-family:"MontserratBlack";src:url(../fonts/eot/Montserrat-Black.eot) format('eot'),url(../fonts/woff/Montserrat-Black.woff) format('woff'),url(../fonts/ttf/Montserrat-Black.ttf) format('truetype'),url(../fonts/otf/Montserrat-Black.otf) format("opentype")}
.mainHeader{position:fixed;z-index:9;width:100%;height:80px;background:#4E34CC;background:linear-gradient(to right,#4E34CC 0%,#5E39AC 75%);box-shadow:0 10px 60px 0 rgba(145,247,255,0.6)}
.mainHeader.active{box-shadow:none}
.contHeader{width:calc(100% - 40px);height:80px;display:table;max-width:1560px;padding:0 20px;margin-left:50%;transform:translateX(-50%)}
.logoHeader{display:table-cell;vertical-align:middle}
.logoHeader2{display:none}
.logoHeader a{float:left;width:100%}
.main-nav{display:table-cell;vertical-align:middle}
.main-nav ul{display:flex;justify-content:flex-end}
.main-nav li{line-height:37px;margin:0 10px}
.main-nav li:last-of-type{margin-right:0}
.main-nav li a{float:left;color:#FFF;font-family:"MontserratMedium","sans-serif";font-size:22px;letter-spacing:-1.6px;position:relative;text-decoration:none;text-transform:uppercase}
.main-nav li a:hover{color:#4DF1FF;transition:all ease-out .5s;filter:none}
.main-nav li a:before{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:#FFF;transition:all ease-out .5s}
.main-nav li a.active{color:#4DF1FF}
.main-nav li a.active:before{width:100%;background:#4DF1FF}
.main-nav li a:hover::before{width:100%;background:#4DF1FF}
.main-nav li.cotizar a{background:#4df1ff;padding:0 10px;border-radius:37px;color:#4e34cc !important;box-shadow:0 5px 10px 0 rgba(50,50,50,0.75);font-family:"MontserratSemibold","sans-serif"}
.main-nav li.cotizar a:hover{background:#4dd6ff}
.main-nav li.cotizar a:before{display:none}
input#showMenu,.icoMenu{display:none}
.banner{float:left;position:relative;width:100%;padding:0 0 50% 0;margin-top:80px;background:url(../images/banner.jpg);background-size:cover;background-position:right center}
.banner .infoContent{position:absolute;top:20%}
.banner h1{float:left;width:100%;font-family:"MontserratBlack","sans-serif";font-size:80px;font-weight:normal;line-height:80px;letter-spacing:-1.5px;color:#4DF1FF;text-shadow:5px 5px 10px rgba(57,35,105,1)}
.banner h2{float:left;width:100%;font-family:"MontserratBold","sans-serif";font-size:80px;font-weight:normal;line-height:80px;letter-spacing:-1.5px;color:#FFF;text-shadow:5px 5px 10px rgba(57,35,105,1)}
.banner h3{float:left;width:100%}
.banner h3 span{float:left;font-family:"MontserratMedium","sans-serif";font-size:60px;font-weight:normal;letter-spacing:-1.5px;color:#001A71;margin:10px 0 0 5px;padding:0 10px;box-shadow:7px 7px 20px 0px rgba(57,35,105,1);background:rgba(255,255,255,0.5)}
.banner h3 img{display:inline;position:relative;vertical-align:middle;top:-5px}
section{float:left;width:100%;padding:80px 0}
h4{float:left;width:100%;font-family:"MontserratLight","sans-serif";font-size:45px;letter-spacing:-3px;color:#4e34cb;margin-bottom:30px;text-align:center;font-weight:normal;text-shadow:0 0 1px rgb(78,52,203)}
.infoContent{float:left;width:calc(100% - 40px);max-width:1560px;padding:0 20px;margin-left:50%;transform:translateX(-50%)}
.infoTable{display:table;width:100%}
.infoColumn{display:table-cell;vertical-align:middle}
.infoFlex{float:left;width:100%;display:flex;flex-wrap:wrap}
.infoFlexChild{float:left;-webkit-box-flex:0}
.bg1{background:#f4f1fb;border-top:1px solid #e5dcf9;border-bottom:1px solid #e5dcf9}
.bg2{background:#f8f5fd ;background:linear-gradient(to bottom,#f8f5fd  0%,#FFF 90%,#FFF 100%)}
.img{float:left;width:100%;text-align:center;line-height:0}
.infoColumn.img{float:none}
.destacado{font-family:"MontserratSemibold";color:#5e39ac}
.resolucion p:first-of-type{margin-bottom:22px}
.resolucion .infoTable{max-width:1400px;margin-left:50%;transform:translateX(-50%)}
.resolucion .infoColumn p,.implementar .infoColumn p{text-align:left}
.resolucion .infoColumn.img{width:320px;padding-right:80px}
.implementar{padding-bottom:0}
.implementar .infoColumn:nth-of-type(1){width:calc(50% - 80px);padding:40px;background:#FBFBFD;box-shadow:-4px 4px 10px 0px rgba(48,48,97,0.15)}
.implementar .infoColumn:nth-of-type(2){width:50%;background:url("../images/implementar.jpg") no-repeat;background-position:center;background-size:cover}
.quienes .infoColumn{position:relative;vertical-align:top}
.quienes .infoColumn:nth-of-type(1){width:45%;padding-right:40px;padding-left:62px}
.quienes .infoColumn:nth-of-type(2){width:55%;padding-left:102px}
.quienes .infoColumn span{position:absolute;top:8px;left:0}
.quienes .infoColumn:nth-of-type(2) span{left:40px}
.quienes .infoColumn p{text-align:left}
.beneficios{background:url("../images/bgBeneficios.jpg") no-repeat;background-position:center;background-size:cover}
.beneficios .infoFlex{margin-top:20px}
.beneficios .infoFlexChild{width:calc(33.33% - 40px);text-align:center;padding:0 20px}
.beneficios .infoFlexChild:nth-of-type(1),.beneficios .infoFlexChild:nth-of-type(2),.beneficios .infoFlexChild:nth-of-type(3){margin-bottom:40px}
.beneficios .infoFlexChild p:first-of-type{width:140px;height:140px;padding:5px;border:5px solid #FFF;border-radius:50%;margin-left:50%;transform:translateX(-50%)}
.beneficios .infoFlexChild p:first-of-type span{float:left;width:136px;height:136px;line-height:136px;background:#FFF;border-radius:50%;margin:2px}
.beneficios .infoFlexChild p:first-of-type img{vertical-align:middle}
.fe{background:url("../images/bgFE.jpg");background-size:cover;background-position:center}
.fe h1{float:left;width:100%;font-family:"MontserratLight","sans-serif";font-size:45px;letter-spacing:-3px;color:#4df1ff;text-align:center;font-weight:normal;text-shadow:0 0 1px rgb(77 241 255)}
.fe h2{float:left;width:100%;font-family:"MontserratLight","sans-serif";font-size:35px;letter-spacing:-3px;color:#FFF;text-align:center;font-weight:normal;text-shadow:0 0 1px rgb(255 255 255)}
.boton a{color:#5e39ac;letter-spacing:-2px;padding:5px 20px;border:1px solid #06C9D9;border-radius:42px;background:#4df1ff;background:linear-gradient(to bottom,#4df1ff 0%,#55b3ff 100%);box-shadow:0 5px 10px 0 rgba(17,54,123,0.6)}
.boton a:hover{filter:brightness(120%);transition:all ease-in-out .5s}
footer{float:left;width:100%;padding:30px 0 0 0;text-align:center;background:#e9e9ed;}
footer .infoContent{width:100%;max-width:1600px;padding:0}
footer table{margin-left:50%;transform:translateX(-50%)}
footer td{padding:0 20px;text-align:center}
footer a:hover{filter:brightness(150%)}
footer img{width:42px}
footer p{font-size:16px;float:left;width:calc(100% - 40px);padding:0 20px}
.botonCotizar{position:fixed;left:0;bottom:15%}
/*contenido*/
.mallaCont ul{position:relative;float:left;width:100%}
.mallaCont li{float:left;width:16.66%;height:120px;cursor:pointer;background:none;padding:0 !important;margin:0 !important}
.mallaCont a{float:left;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;text-decoration:none;text-align:center;background:#FFF;color:#25B8EF}
.mallaCont a:hover label{padding-top:5px;transition:all ease-in-out 0.5s}
.mallaCont label{float:left;width:100%;line-height:0;margin-bottom:10px}
.mallaCont img{max-height:38px;line-height:0;filter:invert(55%) sepia(98%) saturate(1321%) hue-rotate(164deg) brightness(103%) contrast(87%);cursor:pointer}
.mallaCont p{display:table;float:left;width:100%;height:34px;font-size:18px;line-height:18px;letter-spacing:-0.6px;text-align:center !important}
.mallaCont i{display:table-cell;vertical-align:middle;font-style:normal}
.mallaCont .modalContenido{position:absolute;top:0;left:0;opacity:0;width:0;height:0;overflow:auto;z-index:-9}
.mallaCont .modalContenido::-webkit-scrollbar{width:8px;height:8px}
.mallaCont .modalContenido::-webkit-scrollbar-thumb{background:#034287;border-radius:20px}
.mallaCont .modalContenido::-webkit-scrollbar-track{background:#0FA2D9;border-radius:0}
.mallaCont .modalContenido:target{opacity:1;width:100%;height:100%;z-index:+1;transition:all ease-in-out 0.5s}
.mallaPOS .modalContenido:target{height:calc(100% + 160px)}
.mallaPH .modalContenido:target,.mallaContabilidad .modalContenido:target{height:calc(100% + 30px)}
.modalInfo{float:left;display:table;height:calc(100% - 40px);width:calc(100% - 40px);padding:20px;background:rgba(74,196,243,0.9);color:#02254D}
.modalInfo .detalle{display:table-cell;vertical-align:middle;width:100%}
.modalInfo .detalle label{margin-bottom:20px;text-align:center;height:90px}
.modalInfo .detalle label img{max-height:90px;filter:invert(1) !important}
.modalInfo .detalle h3{float:left;width:100%;text-align:center;margin-bottom:10px;font-size:32px;font-weight:normal}
.modalInfo .detalle p{float:left;width:100%;text-align:justify;margin-bottom:10px;font-size:17px;line-height:20px;text-shadow:0px 0px 0px rgb(2,37,77)}
.modalInfo .detalle p:last-of-type{margin-bottom:0}
.modalInfo .detalle p a{background:none;color:#02254D;font-family:"Montserrat","sans-serif";text-decoration:underline;width:auto;float:none;padding:0;height:auto;text-align:inherit}
.play-btn{width:60px !important;height:60px !important;margin:10px 0 0 0px;border-radius:50%;position:relative;display:inline-block;box-shadow:#FFF;background:#02254D !important}
.play-btn::after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);transform-origin:center center;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:17px solid #fff;z-index:+1;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.play-btn:before {content:"";position:absolute;width:150%;height:150%;animation-delay:0s;animation:pulsate1 2s;animation-direction:forwards;animation-iteration-count:infinite;animation-timing-function:steps;opacity:1;border-radius:50%;border:4px solid #FFF;top:-32%;left:-32%;background:#4AC4F3}
@keyframes pulsate1{
0%{transform:scale(0.6);opacity:1;box-shadow:inset 0px 0px 25px 3px rgba(255,255,255,0.75), 0px 0px 25px 10px rgba(255,255,255,0.75)}
100%{transform:scale(1);opacity:0;box-shadow:none}}
.modalClose{position:sticky;left:100%;top:18px;z-index:+1;color:#FFF !important;font-family:"MontserratLight","sans-serif";font-size:35px;transform:scaleX(1.6);text-decoration:none;transition:all .3s ease-out;cursor:pointer;line-height:0;width:auto !important;height:auto !important;padding:0 !important;background:none !important}
.modalClose:hover{color:#02254D !important}
@media(max-width:5200px) and (min-width:1206px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(10) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(22) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(12) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(24) a,.mallaCont li:nth-of-type(27) a{background:#e7eaf1;color:#5e39ac}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(20) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(10) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(20) img,.mallaCont li:nth-of-type(22) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(12) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(27) img{filter:invert(26%) sepia(55%) saturate(2119%) hue-rotate(240deg) brightness(85%) contrast(95%)}}
@media(max-width:1510px){.mallaPH .modalContenido:target,.mallaContabilidad .modalContenido:target{height:calc(100% + 40px)}}
@media(max-width:1440px){.modalInfo .detalle label{height:60px}.modalInfo .detalle label img{max-height:60px}}
@media(max-width:1260px){.mallaCont p{font-size:17px;line-height:17px;letter-spacing:-0.5px}}
@media(max-width:1206px){.mallaCont p{line-height:14px;font-size:16px}}
@media(max-width:1206px) and (min-width:791px){
.mallaCont li{width:20%}
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(21) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(23) a{background:#e7eaf1;color:#5e39ac}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(25) a,.mallaCont li:nth-of-type(27) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(7) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(21) img,.mallaCont li:nth-of-type(25) img,.mallaCont li:nth-of-type(27) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(23) img{filter:invert(26%) sepia(55%) saturate(2119%) hue-rotate(240deg) brightness(85%) contrast(95%)}}
@media(max-width:1180px){.mallaPH .modalContenido:target{height:calc(100% + 30px)}}
@media(max-width:1024px){.mallaCont .modalContenido{position:fixed;z-index:+9 !important;min-height:inherit}.modalClose{position:fixed;left:inherit;right:9px}}
@media(max-width:791px){.mallaCont li{width:25%}}
@media(max-width:791px) and (min-width:641px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(16) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(24) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(27) a{background:#e7eaf1;color:#5e39ac}
.mallaCont li:nth-of-type(6) a,.mallaCont li:nth-of-type(14) a,.mallaCont li:nth-of-type(22) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(6) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(14) img,.mallaCont li:nth-of-type(16) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(22) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(27) img{filter:invert(26%) sepia(55%) saturate(2119%) hue-rotate(240deg) brightness(85%) contrast(95%)}}
@media(max-width:641px){.mallaCont li{width:33.33%}}
@media(max-width:641px) and (min-width:521px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(27) a{background:#e7eaf1;color:#5e39ac}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(23) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont li:nth-of-type(5) img,.mallaCont li:nth-of-type(7) img,.mallaCont li:nth-of-type(11) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(19) img,.mallaCont li:nth-of-type(23) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(3) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(15) img,.mallaCont li:nth-of-type(21) img, .mallaCont li:nth-of-type(27) img{filter:invert(26%) sepia(55%) saturate(2119%) hue-rotate(240deg) brightness(85%) contrast(95%)}}
@media(max-width:521px){.mallaCont li{width:50%}}
@media(max-width:521px) and (min-width:361px){
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(8) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(20) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(4) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(16) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(28) a{background:#e7eaf1;color:#5e39ac}
.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(12) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(24) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(1) img,.mallaCont .li:nth-of-type(5) img,.mallaCont li:nth-of-type(8) img,.mallaCont li:nth-of-type(12) img,.mallaCont li:nth-of-type(13) img,.mallaCont li:nth-of-type(17) img,.mallaCont li:nth-of-type(20) img,.mallaCont li:nth-of-type(24) img,.mallaCont li:nth-of-type(25) img{filter:invert(1)}
.mallaCont li:nth-of-type(4) img,.mallaCont li:nth-of-type(9) img,.mallaCont li:nth-of-type(16) img,.mallaCont li:nth-of-type(21) img,.mallaCont li:nth-of-type(28) img{filter:invert(26%) sepia(55%) saturate(2119%) hue-rotate(240deg) brightness(85%) contrast(95%)}}
@media(max-width:361px){.mallaCont li{width:100%}
.mallaCont li:nth-of-type(1) a,.mallaCont li:nth-of-type(5) a,.mallaCont li:nth-of-type(9) a,.mallaCont li:nth-of-type(13) a,.mallaCont li:nth-of-type(17) a,.mallaCont li:nth-of-type(21) a,.mallaCont li:nth-of-type(25) a{background:#4AC4F3;color:#FFF}
.mallaCont li:nth-of-type(3) a,.mallaCont li:nth-of-type(7) a,.mallaCont li:nth-of-type(11) a,.mallaCont li:nth-of-type(15) a,.mallaCont li:nth-of-type(19) a,.mallaCont li:nth-of-type(23) a,.mallaCont li:nth-of-type(27) a{background:#5e39ac;color:#FFF}
.mallaCont li:nth-of-type(2n+1) img{filter:invert(1)}}
/*whatsApp*/
#whatsapp{position:fixed;bottom:20px;right:20px;height:60px;width:60px;border:none;border-radius:50%;background:url("../images/icoWhatsappFloat.png") no-repeat 50% #2ecc71;outline:none;cursor:pointer;transition:all ease-in-out 0.5s}
#whatsapp:hover{background:url("../images/icoWhatsappFloat.png") no-repeat 50% #27AD61}
.popupWapp{position:fixed;right:20px;width:260px;bottom:90px;padding:0 !important;background:whitesmoke;border-radius:3px;box-shadow:0 4px 10px rgb(0 0 0 / 30%);display:none}
.popupWapp p{float:left;width:calc(100% - 20px);padding:5px 10px;background:#2ecc71;border-radius:3px 3px 0 0;text-align:center;color:#FFF;font-size:13px;line-height:13px;margin-bottom:0}
#msg{float:left;height:130px;width:calc(100% - 20px);padding:10px;border:none;background:#fff;resize:none;outline:none;font-family:"Poppins","sans-serif";font-size:13px;line-height:15px;color:#5F5F80}
#msg::-webkit-input-placeholder{color:#afafb9}
#msg:-ms-input-placeholder{color:#afafb9}
#msg::placeholder{color:#afafb9}
#sendMsg{float:left;width:100%;padding:10px;background: #3363f4;text-align:center;color:#FFF;font-family:"Poppins","sans-serif";font-size:13px;line-height:13px;border:none;border-radius:0 0 3px 3px;transition:all ease-in-out 0.5s}
#sendMsg:hover{cursor:pointer;background:#2055F2}
#sendMsg span{display:inline-block;margin-left:10px;vertical-align:middle}
#whatsapp.active{background:url("../images/icoCloseFloat.png") no-repeat 50% #2ecc71}
#whatsapp.active:hover{background:url("../images/icoCloseFloat.png") no-repeat 50% #27AD61}
@media(max-width:800px){
#whatsapp{transform:scale(70%)}
.popupWapp{bottom:75px}
#sendMsg span{margin-left:5px}
#sendMsg span img{transform:scale(0.8)}}
/*responsive*/
@media(max-width:4000px){.banner{padding: 0 0 22% 0}}
@media(max-width:3200px){.banner{padding: 0 0 24% 0}}
@media(max-width:2300px){.banner{padding: 0 0 32% 0}}
@media(max-width:1980px){.banner{padding: 0 0 35% 0}}
@media(max-width:1680px){.banner{padding:0 0 34% 0}}
@media(max-width:1100px){.banner{padding:0 0 40% 0}}
@media(max-width:860px){.banner{padding:0 0 45% 0}}
@media(max-width:740px){.banner{padding:0 0 55% 0}}
@media(max-width:680px){.banner{padding:0 0 65% 0}}
@media(max-width:520px){.banner{padding:0 0 80% 0}}
@media(max-width:380px){.banner{padding:0 0 350px 0}}
@media(max-width:1540px){
.mainHeader,.contHeader{height:62px}
.logoHeader{width:240px !important}
.banner{margin-top:62px}
.banner h1,.banner h2{font-size:72px;line-height:72px}
.banner h3 span{height:60px;font-size:50px}
.banner h3 img{transform:scale(0.8);left:-10px;margin-right:-20px}}
@media(max-width:1366px){
.banner h1,.banner h2{font-size:65px;line-height:65px}
.banner h3 span{font-size:45px;margin:5px 0 0 5px}
section{padding:60px 0}
.beneficios p{letter-spacing:-2px;line-height:25px}}
@media(max-width:1280px){
.banner h1,.banner h2{font-size:60px;line-height:60px}
.banner h3 span{font-size:40px}
.main-nav li a{font-size:20px}}
@media(max-width:1180px){
.main-nav li a{font-size:18px;letter-spacing:-2px}
.banner .infoContent{top:15%}
.banner h1,.banner h2{font-size:55px;line-height:55px}
.banner h3 span{font-size:35px;margin:5px 0 0 0}}
@media (max-width:1100px){
.contHeader{width:calc(100% - 20px);padding:10px}
.logoHeader{width:200px !important;vertical-align:top}
.main-nav{vertical-align:top}
.banner .infoContent{top:20%}}
@media(max-width:1024px){
input#showMenu,.icoMenu{display:none}
input#showMenu{display:block;position:absolute;width:130px;height:30px;margin:0;cursor:pointer;opacity:0;z-index:+2;right:20px;top:15px}
.icoMenu{display:block;width:110px;height:30px;padding:0 10px;position:absolute;right:20px;top:15px;z-index:+1;transition:all ease-out .5s}
.icoMenu p{float:left;width:30px;height:15px;margin-top:8px}	
.icoMenu span{float:left;width:30px;height:1px;background:#FFF;transition:all ease-out .5s}
.icoMenu span:nth-of-type(2){margin:6px 0}
.icoMenu i{float:right;font-style:normal;font-size:22px;color:#FFF;text-shadow:0 0 0 rgb(155 155 155);line-height:32px}
.main-nav{position:absolute;top:62px;left:0;width:calc(100% - 120px);height:auto;max-height:0;overflow:hidden;background:rgba(94,57,172,0.85);background:linear-gradient(to right,rgba(78,52,204,0.85) 0%,rgba(94,57,172,0.85) 75%);box-shadow:0 12px 10px 0 rgb(0 0 0 / 45%);padding:0 60px;transition:all ease-in-out 0.5s}
input#showMenu{top:15px;background:none}
input#showMenu:checked + .icoMenu p{margin-top:15px}
input#showMenu:checked + .icoMenu span:nth-of-type(1){transform:rotate(45deg)}
input#showMenu:checked + .icoMenu span:nth-of-type(2){position:relative;top:-1px;transform:rotate(-45deg);margin:0}
input#showMenu:checked + .icoMenu span:nth-of-type(3){display:none}
input#showMenu:checked ~ .main-nav{max-height:600px}
.main-nav ul{display:block;float:left;width:100%;padding:20px 0 15px 0}
.main-nav li{float:left;width:100%;margin:0;padding:0 0 15px 0px;text-align:center}
.main-nav li a{float:left;color:#FFFFFF;font-size:20px;letter-spacing:-1px;position:relative;text-decoration:none;text-transform:uppercase;margin-left:50%;transform:translateX(-50%)}
.main-nav li a:hover{color:#FFFFFF;transition:all ease-out .5s}
.main-nav li a:hover::before{width:100%;background:#FFFFFF}
.main-nav li a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#FFF;transition:all ease-out .5s}
.main-nav li a.active:before{width:100%}
.main-nav li a:hover::before{width:100%;background:#2BCAFF}
.banner .infoContent{top:24%}
.banner h1,.banner h2{font-size:45px;line-height:45px}
.banner h3 span{height:42px;font-size:30px;letter-spacing:-3px}
.banner h3 img{transform:scale(0.6);left:-25px;top:-14px;margin-right:-50px;vertical-align:top}
body{font-size:24px}
p,.p{line-height:32px}
h4{font-size:38px;line-height:38px}
.resolucion .infoColumn.img{width:280px;padding-right:60px}
.implementar .infoColumn:nth-of-type(1){width:calc(55% - 60px);padding:30px}
.implementar .infoColumn:nth-of-type(2){width:45%}
.quienes .infoColumn:nth-of-type(1){float:left;width:calc(100% - 52px);padding-right:0;padding-left:52px;margin-bottom:15px}
.quienes .infoColumn:nth-of-type(2){float:left;width:calc(100% - 52px);padding-left:52px}
.quienes .infoColumn:nth-of-type(2) span{left:0}
.beneficios .infoFlexChild{width:calc(50% - 40px)}
.beneficios .infoFlexChild:nth-of-type(4){margin-bottom:40px}
.quienes .infoColumn{width:100% !important;padding-left:0 !important;padding-top:60px !important}}
@media(max-width:840px){
.resolucion{position:relative}
.resolucion p:first-of-type{padding-top:190px}
.resolucion .infoTable,.implementar .infoTable{display:block}
.resolucion .infoColumn{float:left !important;width:100% !important;padding:0 !important}
.resolucion .infoColumn.img{position:absolute;top:0}
.resolucion .infoColumn.img img{height:160px}
.resolucion .infoColumn p{padding-top:0;text-align:center}
.implementar .infoTable{float:left;position:relative}
.implementar .infoColumn:nth-of-type(1){float:left !important;width:calc(100% - 40px) !important;padding:20px !important;margin-top:190px;box-shadow:0 10px 10px 0px rgb(48 48 97 / 15%)}
.implementar .infoColumn:nth-of-type(2){position:absolute;top:0;height:190px;width:100%}
.quienes .infoColumn span{top:0 !important;left:calc(50% - 21px) !important}
.quienes .infoColumn p,.resolucion .infoColumn p,.implementar .infoColumn p{text-align:center}
.contenido .infoContent{margin-left:0;transform:none}}
@media(max-width:660px){
.boton a{float:left;width: calc(100% - 40px);line-height:20px;letter-spacing:-2px}}
@media(max-width:640px){
.beneficios .infoFlexChild{width:calc(100% - 40px)}
.beneficios .infoFlexChild:nth-of-type(5){margin-bottom:40px}}
@media(max-width:540px){
.banner h1,.banner h2{font-size:40px;line-height:40px}}
@media(max-width:480px){
.banner h1{font-size:35px;line-height:35px}}
@media(max-width:460px){
input#showMenu{width:42px}
.icoMenu{width:30px;padding:0 6px}
.icoMenu i{display:none}
.banner h3 span{position:relative}
.banner h3 img{position:absolute;left:24px;margin-right:0;transform:scale(0.5)}
.banner h3 i{display:inline-block;width:68px}}
@media(max-width:440px){
.banner .infoContent{top:20%}
.banner h3 span{height:68px;line-height:34px}}
@media(max-width:340px){
.banner h1{font-size:30px;line-height:30px}
.banner h2{font-size:35px;line-height:35px}
.banner h3 span{font-size:28px;line-height:30px;padding:0px 5px;height:60px}
.banner h3 img{left:12px;transform:scale(0.45);top:-18px}
.banner h3 i{width:62px}}