*{margin:0;padding:0;outline:0;border:none;box-sizing:border-box;}
body{font:300 14px/22px 'Montserrat',Arial,Helvetica,sans-serif;color:#fff;background:#1f2b36;}
a{text-decoration:none;color:#1f2b36;transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;-webkit-transition:color 300ms ease-out;}
a:hover{color:#5e7bb7;}
.clear{clear:both;}

.grecaptcha-badge{visibility:hidden;}

strong{font-weight:bold;}

.animated {
	visibility:hidden;
}
.visible {
	visibility:visible;
}

::selection{background:#00cfff;color:#fff;}
::-moz-selection{background:#00cfff;color:#fff;}
::-webkit-selection{background:#00cfff;color:#fff;}

::paceholder{color:#666;}
::-moz-paceholder{color:#666;}
::-webkit-paceholder{color:#666;}

.login{position:absolute;right:150px;top:50%;transform:translate(0,-50%);font:110%/100% 'Montserrat';padding:10px 25px;border:2px solid #00cfff;background:transparent;border-radius:3px;color:#00cfff;transition:all 250ms ease-out;}
.login:hover{color:#00cfff;transform:translate(0,-50%) scale(1.05);}
#loader{position:fixed;width:100%;height:100%;z-index:9999999999;background:#fff;}
#loader .spinner{position:absolute;left:50%;top:50%;margin:-37px 0 0 -37px;width:75px;height:75px;}
#loader .spinner img{display:block;width:100%;height:auto;}

#header{position:fixed;top:0;left:0;width:100%;padding:15px 5%;z-index:9999;transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
#header.fixed{position:fixed;padding:5px 5%;background:#172128;box-shadow:0 3px 5px rgba(0,0,0,.2);}
#header .logo{float:left;width:30%;max-width:200px;transition: 200ms ease-out;}
#header.fixed .logo{max-width:150px;}
#header .logo img{width:100%;height:auto;}
#header .logo img.dark{display:block;}
#header .logo img.white{display:none;}
#header.fixed .logo img.dark{display:none;}
#header.fixed .logo img.white{display:block;}

#langs{position:absolute;right:250px;top:50%;transform:translate(0,-50%);width:70px;height:40px;border-radius:3px;cursor:pointer;}
#langs.active{}
#langs .dropdown{position:absolute;right:8px;top:7px;font-size:100%;color:#fff;transition: all ease-out 100ms;}
#header.fixed #langs .dropdown{color:#fff;}
#langs.active .dropdown{transform: rotate(180deg);top:9px;color:#fff;}
#langs .combo{height:40px;overflow:hidden;transition: all ease-out 200ms;}
#langs.active .combo{height:120px;background:#00cfff;border-radius:3px;}
#langs .combo .flag{display:block;position:relative;width:100%;height:40px;}
#langs .combo .flag img{position:absolute;display:block;width:25px;height:auto;margin:0 auto;left:40%;top:50%;transform:translate(-50%,-50%);}

#menu{position:fixed;overflow:hidden;background:#1b2733;z-index:998;min-width:300px;max-width:500px;width:100%;padding:125px 35px 75px;box-shadow:-10px 0 25px rgba(0,0,0,.2);height:100%;right:-150%;top:0;left:auto;color:#000;overflow-y:auto;transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;}
#menu .foto{position:absolute;left:25%;top:0;width:auto;height:100%;overflow:hidden;opacity:.1;z-index:0;}
#menu .foto img{position:relative;margin:auto;display:block;width:auto;height:100vh;}
#menu.active{right:0;}
#menu li{margin:0 auto 35px;list-style:none;}
#menu li li{margin:20px auto 0;}
#menu li a.nav{display:block;position:relative;font-size:175%;padding:10px;font-weight:bold;font-family:'Montserrat';color:#fff;}
#menu li a.navnav{display:block;position:relative;font-size:150%;padding:10px;font-weight:300;color:#fff;}

#menu_button{display:block;position:absolute;right:5%;top:50%;margin:-16px 0 0;z-index:999;width:40px;height:35px;cursor:pointer;}
#menu_button span{position:absolute;display:block;left:0;width:100%;height:3px;background:#f8f8f8;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
#menu_button:hover span{background:#f8f8f8;}
#header.fixed #menu_button span, #header.fixed #menu_button:hover span{background:#f8f8f8;}
#header.fixed #menu_button span{height:2px;}
#header.fixed #menu_button{margin:-13px 0 0;}
#menu_button span.top{top:0;}
#menu_button span.middle{top:13px;}
#menu_button span.bottom{top:26px;}
#menu_button.active span{background:#f8f8f8;}
#header.fixed #menu_button.active span{background:#f8f8f8;}
#menu_button.active span.top{transform:rotate(45deg);width:110%;top:50%;margin-top:-2.5px;}
#menu_button.active span.middle{left:200%;opacity:0;}
#menu_button.active span.bottom{transform:rotate(135deg);width:110%;top:50%;margin-top:-2.5px;}

#portada{position:relative;padding:50px 5%;height:100vh;width:100%;overflow:hidden;}
#portada .row{height:100vh;width:100%;margin:auto;}
#portada .foto{position:absolute;left:50%;top:0;width:100%;height:100%;overflow:hidden;opacity:.1;z-index:0;}
#portada .foto img{position:relative;margin:auto;display:block;width:auto;height:100vh;}
#portada .slide{padding:0 15%;text-align:center;}
#portada .title{font:bold 600%/100% 'Montserrat';color:#00cfff;margin:0 auto 10px;}
#portada .subtitle{font:bold 500%/100% 'Montserrat';color:#fff;}
#portada .bajada{font-size:150%;line-height:150%;margin:35px auto;}
#portada .button{display:inline-block;margin:0 15px 0 0;font:120%/100% 'Montserrat';padding:12px 25px;background:#00cfff;border:2px solid #00cfff;border-radius:3px;color:#1f2b36;transition:all 250ms ease-out;}
#portada .button:hover{transform:scale(1.05);}
#portada .button.demo{background:transparent;border:2px solid #00cfff;color: #00cfff;}

.wrap{padding:6% 15%;overflow:hidden;text-align:center;}

.background-overlay {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;

  background: radial-gradient(circle at 30% 30%, #1f2b36, transparent 40%),
              radial-gradient(circle at 70% 70%, #15485c, transparent 40%);
  background-size: 200% 200%;
  animation: moveBackground 20s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes moveBackground {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}



#services{background:#1b273375;}
#services .title{font:bold 300%/100% 'Montserrat';color:#00cfff;}
#services .bajada{font-size:150%;line-height:150%;margin:35px auto;}
#services ul{list-style:none;margin:0 auto;}
#services .subtitle{text-align:center;margin:0 auto 25px;}
#services li{padding:25px;margin:15px auto;text-align:left;border:1px solid #99999925;border-radius:5px;}
#services li h3{font:bold 150%/105% 'Montserrat';color:#00cfff;margin:0 auto 25px;}
#services li p{font:300 100%/125% 'Montserrat';}

#core{}
#core .wrap{padding-left:6%;padding-right:6%;}
#core .title{font:bold 300%/100% 'Montserrat';color:#00cfff;}
#core .bajada{font-size:150%;line-height:150%;margin:35px auto 70px;}
#core .item{display:flex;align-items:center;margin:0 auto 50px;max-width:400px;height:300px;position:relative;padding:0 5%;text-align:left;border:1px solid #99999925;border-radius:5px;}
#core .item .icon{width:50px;height:auto;margin:0 auto 25px;transition:200ms ease-out;}
#core .item:hover .icon{transform:scale(1.05);}
#core .item .icon svg{stroke:#00cfff;display:block;width:100%;height:auto;}
#core .item .text{width:100%;text-align:center;}
#core .item .text p{width:100%;text-align:center;padding:0 5%;font:300 110%/150% 'Montserrat';}
#core .item .text p strong{display:block;font-size:125%;font-family:'Montserrat';margin:0 auto 25px;}

#how{background:#1b273375;}
#how .title{font:bold 300%/100% 'Montserrat';color:#00cfff;}
#how .bajada{font-size:150%;line-height:150%;margin:35px auto 70px;}
#how .item{display:flex;align-items:center;margin:0 auto 50px;max-width:400px;height:300px;position:relative;padding:0 5%;text-align:left;border:1px solid #99999925;border-radius:5px;}
#how .item .number{font-size:500%;line-height:100%;color:#15485c;font-weight:bold;margin:0 auto 25px;}
#how .item svg{stroke:#2e3942;width:50px;height:auto;position:absolute;right:-30px;top:10%;}
#how .item .text{width:100%;text-align:center;}
#how .item .text h3{display:block;font-size:150%;font-family:'Montserrat';margin:0 auto 25px;}
#how .item .text p{width:100%;text-align:center;padding:0 5%;font:300 110%/150% 'Montserrat';}

#results{}
#results .title{font:bold 300%/100% 'Montserrat';color:#00cfff;}
#results .bajada{font-size:150%;line-height:150%;margin:35px auto 70px;}
#results .bajada.bottom{margin:0 auto;color:#ccc;padding:0 5%;}
#results .item{display:flex;align-items:center;width:90%;margin:0 auto 50px;max-width:400px;height:250px;position:relative;padding:0 5%;text-align:left;border:1px solid #99999925;border-radius:5px;}
#results .item .number{display:flex;align-items:center;justify-content:center;font-size:500%;line-height:100%;color:#00cfff;padding-left:10px;font-weight:300;margin:0 auto 25px;}
#results .item .number small{font-size:30%;line-height:100%;margin-left:5px;}
#results .item .text{width:100%;text-align:center;}
#results .item .text h3{font-size:150%;font-family:'Montserrat';margin:0 auto 25px;}
#results .item .text p{width:100%;text-align:center;padding:0 5%;font:300 110%/150% 'Montserrat';}


#why{background:#1b273375;}
#why .wrap{padding-right:6%;padding-left:6%;}
#why .title{font:bold 300%/100% 'Montserrat';color:#00cfff;}
#why .bajada{font-size:150%;line-height:150%;margin:35px auto 70px;}
#why .item{margin:0 auto 50px;max-width:400px;position:relative;padding:10% 5%;text-align:center;border:1px solid #99999925;border-radius:5px;}
#why .item .number{display:inline-block;margin:0 auto;font-size:200%;line-height:100%;width:60px;height:60px;color:#1b2733;background:#00cfff;padding:15px;border-radius:10px;font-weight:bold;margin:0 auto 25px;}
#why .item .text{display:flex;height:175px;align-items:center;width:100%;text-align:center;}
#why .item .text h3{display:block;font-size:150%;font-family:'Montserrat';margin:0 auto 25px;}
#why .item .text p{width:100%;text-align:center;padding:0 5%;font:300 110%/150% 'Montserrat';}

#footer{padding:75px 7% 50px;background:#172128;color:#fff;overflow:hidden;position:relative;}
/*#footer::before{content:'';position:absolute;left:0;top:0;height:10px;width:100%;z-index:2;background:url(../img/separador.jpg) repeat-y center center;background-size:100% auto;}
#footer::after{content:'';position:absolute;left:0;bottom:0;height:10px;width:100%;z-index:2;background:url(../img/separador.jpg) repeat-y center center;background-size:100% auto;}*/

.logo-dark{width:90%;height:auto;display:block;max-width:180px;}
.menu-footer{position:relative;margin:35px 0 0;padding-top:50px;}
.menu-footer::before{content:'';width:30%;max-width:120px;height:2px;background:#fff;border-radius:6px;position:absolute;left:0;top:0;}
.menu-footer li{margin:0 auto 25px;list-style:none;}
.menu-footer li li{margin:20px auto 0;}
.menu-footer li a.nav{display:inline-block;position:relative;font-weight:400;color:#fff;font-family:'Montserrat';text-transform:uppercase;letter-spacing:2px;}
.menu-footer li a.navnav{display:inline-block;position:relative;font-weight:400;color:#fff;font-family:'Montserrat';letter-spacing:1px;}
.menu-footer li a:active,
.menu-footer li a:hover{color:#5e7bb7;}
.copy{font-size:100%;color:#fff;margin:0 auto;}

#contacto{max-width:1000px;margin:auto;text-align: left;}
#contacto .title{font:bold 250%/110% 'Montserrat';margin:0 auto 25px;}
#contacto .bajada{font:300 110%/125% 'Montserrat';margin:0 auto 35px;}
#contacto .dato{margin:0 auto 10px;text-align:center;font-size:125%;}
#contacto .dato .icon{margin:0 5px 0 0;}
#contacto .campo{margin:0 auto 25px;}
#contacto form{margin:35px auto 0;}
#contacto label{display:block;font:bold 80%/110% 'Montserrat';color:#f8f8f8;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase;}
#contacto input,
#contacto select,
#contacto textarea{display:block;margin:0 auto 10px;width:100%;color:#1f2b36;font:300 100%/110% 'Montserrat';background:#f8f8f8;height:50px;padding:12px;border:1px solid #ccc;border-radius:3px;transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
#contacto textarea{resize:none;height:150px;}
#contacto button{float:right;margin:10px 0 0 0;font:bold 120%/100% 'Montserrat';padding:15px 75px;background:#00cfff;color:#fff;border-radius:3px;transition:all 250ms ease-out;cursor: pointer;}
#contacto button:hover{transform:scale(1.05);}
#contacto .success{display:none;margin:0 auto;width:100%;border:2px solid #45a200;color:#45a200;text-align:center;font:bold 120%/110% 'Montserrat';letter-spacing:5px;text-transform:uppercase;padding:15px;}
#contacto .error{display:none;margin:0 auto;width:100%;border:2px solid #ed0000;color:#ed0000;text-align:center;font:bold 120%/110% 'Montserrat';letter-spacing:5px;text-transform:uppercase;padding:15px;}

#chat{position:fixed;z-index:99;right:1%;bottom:2%;display:block;color:#fff;background:#00cfff/*#1ebea5*/;padding:20px 0;font-size:220%;width:70px;height:70px;line-height:100%;text-align:center;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.4);transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
#chat:hover{opacity:.9;}

.monetize{}
.monetize .bloque{margin:25px auto 50px;}
.monetize .bloque .img{display:block;width:90%;max-width:600px;margin:0 auto 25px;}
.monetize .bloque .imgsmall{display:block;width:50%;max-width:300px;margin:0 auto 25px;}
.monetize .title{font:bold 300%/105% 'Montserrat';color:#00cfff;margin:0 auto 25px;}
.monetize .subtitle{font:bold 250%/105% 'Montserrat';color:#00cfff;margin:0 auto 25px;text-align:center;}
.monetize .subsubtitle{font:bold 150%/105% 'Montserrat';color:#5e7bb7;margin:0 auto 10px;}
.monetize .bajada{font:300 125%/150% 'Montserrat';margin:0 auto 25px;}
.monetize p{font-size:110%;line-height:150%;margin:0 auto 25px;}
.monetize ul{font-size:110%;line-height:150%;margin:0 auto 35px;list-style:none;}
.monetize ul li{margin:0 auto 10px;}
.monetize ul li .icon{color:#5e7bb7;}
.monetize ul li strong{color:#5e7bb7;font:bold 100%/105% 'Montserrat';display:block;border-bottom:1px solid #00cfff;margin:0 0 5px;padding:0 0 5px;}
.monetize ul li span{font-weight:bold;}
.monetize .button{display:block;width:180px;margin:0 auto 50px;text-align:center;font:bold 125%/100% 'Montserrat';padding:15px 0;background:#fff;color:#1f2b36;border-radius:3px;transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.monetize .button.left{margin:0;}
.monetize .button .icon{font-size:90%;margin:0 5px 0 -5px;}
.monetize .button:hover{transform:scale(1.05);}
.monetize .align-right{text-align: right !important;}
.monetize .align-left{text-align: left !important;}

.monetize .bloque .number{cursor:default;display:block;padding:15px 0 0;text-align:center;width:100px;height:100px;color:#fff;font:300 450%/110% 'Montserrat';border-radius:100%;overflow: hidden;margin:0 auto 25px;box-shadow:0 0 5px rgba(0,0,0,.1);transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}

.optimization{}
.optimization .title{font:bold 300%/110% 'Montserrat';color:#00cfff;text-align:center;margin:0 auto 50px;}
.optimization .bajada{font:300 125%/125% 'Montserrat';margin:0 auto 25px;}
.optimization ul{list-style:none;margin:0 auto 25px;text-align:center;}
.optimization .subtitle{text-align:center;margin:0 auto 25px;}
.optimization h3{font:bold 150%/105% 'Montserrat';letter-spacing: 1px;text-align:center;color:#5e7bb7;}
.optimization .ul li .icon{display:block;width:80%;height:auto;max-width:200px;margin:0 auto 15px;color:#5e7bb7;white-space: nowrap;}
.optimization .ul li .box{padding:0 5px;text-align:left;}
.optimization .ul li .box p{font:300 110%/125% 'Montserrat';margin:0 auto;padding:0 0 15px;}
.optimization .button{display:block;width:180px;margin:0 auto 50px;text-align:center;font:bold 125%/100% 'Montserrat';padding:15px 0;background:#1f2b36;color:#fff;border-radius:3px;transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.optimization .button:hover{transform:scale(1.05);}
.optimization .monetize-icon-check{display:block;padding:15px 0;width:60px;height:60px;font-size:220%;text-align:center;margin:25px auto 10px;background:#00cfff;color:#fff;border-radius:100%;overflow: hidden;}