@font-face{font-weight:normal;font-style:normal;font-family:'icomoon';src:url('../fonts/icomoon/icomoon.eot?-ee0u0f');src:url('../fonts/icomoon/icomoon.eot?#iefix-ee0u0f') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.woff?-ee0u0f') format('woff'),
url('../fonts/icomoon/icomoon.ttf?-ee0u0f') format('truetype'),
url('../fonts/icomoon/icomoon.svg?-ee0u0f#icomoon') format('svg');}
html, body, .container,.container2, .header{height:100%;font-family:'Raleway',Arial,sans-serif;}
.container2{background-color:#009bdb;background-image:url(../img/popup.png);}
.header{position:relative;margin:0 auto;min-height:560px;width:100%;}
.bg-img{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.bg-img img{position:absolute;top:0;left:0;display:block;min-width:100%;min-height:100%;}
.title{z-index:1000;margin:0 auto;padding:0;width:100%;text-align:center;position:absolute;top:48%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.title h1{padding:1.5em 0 0.2em;color:#fff;font-weight:800;font-size:2.25em;margin:0 auto;text-shadow:2px 1px rgba(0, 0, 0, 0.3);}
.title h2{color:#fff;font-size:3.25em;font-weight:800;line-height:0.5;margin:0 auto;padding:0.5em 0 0.2em;text-shadow:2px 1px rgba(0, 0, 0, 0.3);}
.title p{color:#0095c8;padding:0 0 0.6em;font-weight:300;font-size:1.1em;margin:0 auto;}
.title h1,
.title p.subline{line-height:0.5;}
.title p.subline{font-size:1.75em;}
.title1{margin:0 auto;padding:0 1.25em;width:100%;text-align:center;position:relative;-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.title1 h1{padding:1.5em 0 0.2em;color:#fff;font-weight:800;font-size:2.25em;margin:0 auto;text-shadow:2px 1px rgba(0, 0, 0, 0.3);}
.title1 p{color:#0095c8;padding:0 0 0.6em;font-weight:300;font-size:1.1em;margin:0 auto;}
.title1 h1,
.title1 p.subline{line-height:0.5;}
.title1 p.subline{font-size:1.75em;margin-bottom:0 !important;}
.title3{color:#009bdb !important;}
.logo{display:inline-block;margin:13px auto 0;text-align:center;width:218px;}
.menu{color:#fff;display:inline-block;float:right;height:100%;margin-top:6px;text-decoration:none;vertical-align:middle;width:70%;}
.menu{color:#fff;}
.menu li{display:inline-block;margin:0 0.5em;text-align:center;vertical-align:top;width:121px;}
.menu a{color:#fff;font-family:raleway;font-weight:lighter;text-decoration:none;font-size:0.888em;}
.contenido{color:#fff;margin:0 auto;padding:2em;position:relative;text-align:center;}
.contenido img{margin-top:2em;animation:2s rebote infinite;-moz-animation:2s rebote infinite;-webkit-animation:2s rebote infinite;}
@-moz-keyframes rebote{40%{opacity:1;-moz-transform:translateY(-30px);}
20%,50%,80%{opacity:1;-moz-transform:translateY(0px);}
65%{opacity:0.3;-moz-transform:translateY(-25px);}
}
@-webkit-keyframes rebote{40%{-webkit-transform:translateY(-30px);}
20%,50%,80%{-webkit-transform:translateY(0px);}
65%{-webkit-transform:translateY(-25px);}
}
@keyframes rebote{40%{transform:translateY(-30px);}
20%,50%,80%{transform:translateY(0px);}
65%{transform:translateY(-25px);}
}
.scrolling{display:block;margin:0 auto;position:relative;top:87%;animation:2s ease 0s alternate none infinite running animacion2;-moz-animation:1s ease 0s alternate none infinite running animacion2;-webkit-animation:2s ease 0s alternate none infinite running animacion2;}
@keyframes animacion2{0%{opacity:1;transform:translateY(0px);}
20%{opacity:1;transform:translateY(0px);}
100%{opacity:0.3;transform:translateY(-10px);}
}
@-moz-keyframes animacion2{0%{opacity:1;-moz-transform:translateY(0px);}
20%{opacity:1;-moz-transform:translateY(0px);}
100%{opacity:0.3;-moz-transform:translateY(-10px);}}
@-webkit-keyframes animacion2{0%{opacity:1;-webkit-transform:translateY(0px);}
20%{opacity:1;-webkit-transform:translateY(0px);}
100%{opacity:0.3;-webkit-transform:translateY(-10px);}
}
.wp1,.wp11,.wp-tittle,.wp-tittle2,.wp2, .wp22, .wp3, .wp4, .wp5, .wp6,.wp-item3,.wp-item4,.wp-item5,.wp-item6{visibility:hidden;}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight{visibility:visible;}
.delay-05s{animation-delay:0.5s;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;}
.delay-1s{animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;}
.delay-1.5s{animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;}
.wp3{background:url('../img/iphone-bg.png') no-repeat center center;background-position:200px 10px;height:100%;}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);}
100%{opacity:1;transform:translateX(0px);}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px);}
100%{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-moz-keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);-moz-transform:translateX(20px);}
100%{opacity:1;transform:translateX(0px);-moz-transform:translateX(0px);}
}
.contenido h1{font-size:3em;margin-bottom:0.1em;margin-top:0.3em;}
.contenido h2{font-size:1.8em;font-weight:lighter;margin-bottom:2em;margin-top:0;}
.boton-home{background-color:#e85657;color:white;display:block;font-size:1.5em;font-weight:bold;height:32px;margin:0 auto;padding:1em;position:relative;text-align:center;text-decoration:none;top:27%;width:220px;}
::-webkit-scrollbar{width:8px;background:#E4E4E4;}
::-webkit-scrollbar-track{background:#D8D8D8;-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#009BDB;border-radius:10px;-webkit-border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#4b4b4b;}
::-webkit-scrollbar-thumb:window-inactive{background:#009BDB;}
.trigger{position:fixed;bottom:40px;left:50%;z-index:5000;display:block;margin-left:-0.5em;padding:0;width:1em;height:1em;border:none;background:url(../img/flecha.png) no-repeat scroll 0 0/contain rgba(0, 0, 0, 0);color:transparent;font-size:2em;cursor:pointer;}
.container:not(.notrans) .trigger{-webkit-transition:opacity 0.3s 0.5s;-moz-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s;animation:2s rebote infinite;-moz-animation:2s rebote infinite;-webkit-animation:2s rebote infinite;}
.container.modify:not(.notrans) .trigger{opacity:0;pointer-events:none;}
.trigger::before{position:absolute;bottom:100%;left:-100%;padding:0.8em;width:300%;color:#fff;content:attr(data-info);font-size:0.35em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.trigger:focus{outline:none;}
.trigger span{position:relative;display:block;overflow:hidden;width:100%;height:100%;}
.trigger span::before{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-color:#036;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'icomoon';line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.content section{text-align:center;}
.servicios{display:inline-block;height:auto;margin:0 1em 1.7em;text-align:center;vertical-align:top;width:18%;}
.iconcircle img{width:71%;}
.iconcircle{background-color:transparent;border-radius:50%;height:auto;width:219px;margin:0 auto;}
.servicios > h3{color:#fff;font-size:1.3em;font-weight:lighter;line-height:1em;margin:0;text-align:center;}
#seccion2{background-image:url(../img/slideimag.png);background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;background-color:#0095c8;height:439px;max-width:100%;padding-top:3em;text-align:center;width:100%;color:#fff;}
#seccion3{background-image:url(../img/fondo2.png);background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;background-color:#0095c8;height:auto;max-width:100%;padding-bottom:2em;padding-top:3em;text-align:center;width:100%;color:#fff;}
#seccion3 ul,#seccionweb4 ul{margin:0 auto;padding:0;width:100%;}
#seccionclientes{position:relative;background-color:transparent;height:auto;max-width:100%;padding-bottom:2em;padding-top:3em;text-align:center;width:100%;color:#fff;}
#seccionclientes ul{width:100%;padding:0;}
#seccion4{position:relative;background-color:#333;height:auto;max-width:100%;padding-bottom:2em;padding-top:3em;text-align:center;width:100%;}
#seccion4 h1{color:#fff;font-size:1em;}
#seccion4 h3{color:#fff;font-size:1em;}
#seccion4 > p{font-size:0.8em;margin:5px;color:#69606b;}
.seccionweb1{background-attachment:fixed;background-image:url(../img/pantalla.jpg);background-size:100% auto;display:inline-block;float:none;height:662px;padding:0;position:relative;width:100%;}
.seccion-posicionamiento{background-attachment:fixed;background-image:url(../img/posicionamientoweb.jpg);background-size:100% auto;display:inline-block;float:none;height:673px;padding:0;position:relative;width:100%;}
.seccion-socialmedia{background-attachment:fixed;background-image:url(../img/posicionamiento-redes-sociales.jpg);background-size:100% auto;display:inline-block;float:none;height:673px;padding:0;position:relative;width:100%;}
.seccion-branding{background-attachment:fixed;background-image:url(../img/branding.jpg);background-size:100% auto;display:inline-block;float:none;height:673px;padding:0;position:relative;width:100%;}
.seccion-contacto{background-attachment:fixed;background-image:url(../img/contanto-imaginatio-marketing-digital.jpg);background-size:100% auto;display:inline-block;float:none;height:773px;padding:0;position:relative;width:100%;}
#seccionweb2,#seccion-home,#seccion-seo{background-color:#fff;background-size:100% auto;display:inline-block;float:none;height:auto;padding:3em 0;position:relative;text-align:center;width:100%;}
#cajaproductos{background-color:#009bdb;padding:3em 0;}
#seccion-seo{min-height:inherit !important;}
#seccionweb2 > h3{border-bottom:1px solid #707081;color:#707081;font-size:1.5em;font-style:italic;font-weight:lighter;margin:42px auto 0;padding-bottom:22px;width:53%;}
#seccion-seo > h3{border-bottom:1px solid #707081;color:#707081;font-size:1.5em;font-weight:lighter;margin:88px auto 0;padding-bottom:22px;width:53%;}
#seccion-seo span{font-size:1.2em;font-weight:500;}
#seccion-seo strong{color:#ea605a;font-size:1.4em;}
#seccion-home > h2{color:#0095c8;font-size:2.7em;font-weight:lighter;margin-bottom:0.2em;}
#seccion-home > h3{color:#8e8e8e;font-size:1.9em;font-weight:lighter;margin-top:0;}
#seccionweb3{background-color:#fafafa;background-size:100% auto;display:inline-block;float:none;height:600;padding:4em 0;position:relative;text-align:center;width:100%;}
#seccionweb3 > h2{color:#e85657;font-size:3em;margin:0.3em auto;}
#seccionweb3 >h3{color:#69606b;display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;}
#seccionweb3-1{background-color:#fff;background-size:100% auto;display:inline-block;float:none;height:auto;padding:3em 0;position:relative;text-align:center;width:100%;}
#seccionweb3-1 > h2{color:#e85657;font-size:3em;margin:0.3em auto;}
#seccionweb3-1 >h3{color:#69606b;display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;}
.mod-info,.mod-info-blanco{display:inline-block;height:auto;margin:0 auto;padding:2em;vertical-align:top;width:32%;}
.mod-info2{background-image:url(../img/diseñoweb1.png);background-size:100% auto;background-repeat:no-repeat;background-color:transparent;display:inline-block;height:360px;margin:0 auto;padding:0;width:450px;}
.mod-info h2{margin:0;color:#009bdb;font-size:3em;text-align:left;font-weight:lighter;}
.mod-info > h3{color:#606071;font-size:1.6em;font-weight:normal;margin:0;text-align:left;}
.mod-info > p{color:#707081;font-size:1.1em;font-weight:normal;text-align:left;}
.mod-info > ul{color:#e85657;font-size:1.1em;font-weight:normal;text-align:left;}
.mod-info > ul span{color:#707081;}
.mod-info3{background-color:transparent;display:inline-block;height:360px;margin:0 auto;padding:0;width:360px;}
#mod-filtro{background-color:rgba(0, 0, 0, 0.44);height:101%;position:relative;width:100%;}
.mod-info-corto{display:inline-block;height:auto;margin:0 auto;padding:2em 2em 2em 1em;position:relative;top:8em;vertical-align:top;width:25%;}
.mod-info-corto input{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:transparent;border-color:rgba(255, 255, 255, 0.48);border-image:none;border-style:none none solid;border-width:medium medium 1px;color:rgba(255, 255, 255, 0.77);height:41px;width:100%;}
.mod-info-corto textarea{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:transparent;border-color:rgba(255, 255, 255, 0.48);border-image:none;border-style:none none solid;border-width:medium medium 1px;color:rgba(255, 255, 255, 0.77);height:105px;width:100%;}
.mod-info-corto input:focus{border-color:rgba(255, 255, 255, 1);color:rgba(255, 255, 255, 1);}
.mod-info-corto input:hover{border-color:rgba(255, 255, 255, 1);color:rgba(255, 255, 255, 1);}
.mod-info-media{display:inline-block;height:auto;margin:0 auto;padding:2em 2em 2em 9em;position:relative;top:8em;vertical-align:top;width:38%;}
.mod-info-media h1{color:rgba(255, 255, 255, 0.77);font-size:2.6em;}
.mod-info-media span{color:rgba(255, 255, 255, 0.66);font-size:1.2em;margin:0;}
.mod-info-media h2{color:rgba(255, 255, 255, 1);font-size:1.1em;font-weight:normal;margin:0;}
.mod-info-media li{display:inline-block;}
.mod-info-media > ul{padding:0;}
#seccionweb4,#secction-seo1,#secction-mkt,#secction-social2,#secction-branding2{background-attachment:fixed;background-repeat:no-repeat;background-position:0 15px;background-size:111% auto;background-color:#fff;display:inline-block;float:none;height:auto;padding:6em 0;text-align:center;width:100%;}
#secction-branding2{background-image:url(../img/diseno-de-logo.jpg);}
#secction-social2{background-image:url(../img/posicionamiento-redes-sociales2.jpg);}
#seccionweb4{background-image:url(../img/diseno-paginas-web.jpg);}
#secction-mkt{background-image:url(../img/marketing-digital.jpg);}
#secction-seo1{background-image:url(../img/posicionamiento-seo.jpg);}
#seccionweb4 > h2,#secction-seo1 > h2,#secction-mkt > h2,#secction-social2 > h2,#secction-branding2 > h2{color:#fff;font-size:3.1em;margin:0 auto 28px;position:relative;text-align:center;}
#seccionweb4 > h3,#secction-seo1 > h3,#secction-mkt > h3,#secction-social2 > h3,#secction-branding2 > h3{color:#fff;font-size:2.2em;font-weight:lighter;margin-top:-9px;}
.mod-info3 > img{margin-left:-86px;}
#seccionweb4 > p, #secction-seo1 > p, #secction-mkt > p, #secction-social2 > p, #secction-branding2 > p{color:#fff;display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;width:53%;}
#secction-mkt > ul{padding:0;text-align:center;}
#seccionweb5{background-color:#fff;display:inline-block;float:none;height:auto;padding:1em 0;position:relative;text-align:center;width:100%;}
#seccionweb5 ul{margin:0 auto;text-align:center;padding:0;}
#seccionweb5 li{display:inline-block;margin:0 1em;text-align:center;width:auto;}
#seccionweb5 img{width:93%;}
#seccionweb-blue{background-color:#009ada;background-size:100% auto;display:inline-block;float:none;padding:4em 0;position:relative;text-align:center;width:100%;}
.mod-info-blanco h2{color:#fff;font-size:3em;font-weight:lighter;margin:0;text-align:left;}
.mod-info-blanco > p{color:#fff;font-size:1.1em;font-weight:lighter;text-align:left;}
.mod-info-blanco > ul{color:#fff;font-size:1.1em;font-weight:lighter;text-align:left;}
.scroll2{background-color:#e85657;color:white;display:block;font-size:1.5em;font-weight:bold;height:32px;margin:55px auto 0;padding:1em;position:relative;text-align:center;text-decoration:none;width:263px;}
.scroll3{background-color:transparent;border:2px solid;color:white;display:inline;float:left;font-size:1.3em;font-weight:bold;height:auto;left:7.5%;margin:0 auto;padding:1em;position:absolute;text-align:center;text-decoration:none;top:65%;width:152px;transition:1s;}
.scroll3:hover{background-color:rgba(255, 255, 255, 0.80);transition:1s;color:rgba(0,0,0,0.80);border-color:transparent;}
.scroll4{background-color:transparent;border:2px solid;color:white;display:block;font-size:1.3em;font-weight:bold;height:auto;margin:0 auto;padding:1em;position:relative;text-align:center;text-decoration:none;transition:all 1s ease 0s;width:152px;}
.scroll4:hover{background-color:rgba(255, 255, 255, 0.80);transition:1s;color:rgba(0,0,0,0.80);border-color:transparent;}
.scroll6{background-color:transparent;border:2px solid #e75854;color:#e75854;display:block;float:left;font-size:1.3em;font-weight:bold;height:auto;margin:auto;padding:1em;position:relative;text-align:center;text-decoration:none;transition:all 1s ease 0s;width:152px;}
.scroll6:hover{background-color:#e75854;border-color:transparent;color:#fff;transition:all 1s ease 0s;}
.scroll5{background-color:transparent;border:2px solid;color:white;display:block;font-size:1.3em;font-weight:bold;height:20px;margin:0 auto 3em;padding:1em;position:relative;text-align:center;text-decoration:none;transition:all 1s ease 0s;width:152px;}
.scroll5:hover{background-color:rgba(255, 255, 255, 0.80);transition:1s;color:rgba(0,0,0,0.80);border-color:transparent;}
.scroll4 > img{width:29%;animation:2s rebote infinite;-moz-animation:2s rebote infinite;-webkit-animation:2s rebote infinite;}
#seccionweb5 > h2{color:#009bdb;font-weight:lighter;}
#slidevideo > h1{color:#fff;font-family:'Raleway',Arial,sans-serif;font-size:3.5em;line-height:56px;margin:0 auto 0 90px;position:relative;text-align:left;top:27%;width:51%;}
#slidevideo > p{color:#fff;display:block;float:left;font-size:1.4em;margin:0 auto 0 90px;position:relative;text-align:left;top:29%;width:36%;}
#slidevideo{width:100%;height:101%;background-color:transparent;position:relative;z-index:1;}
.beneficios{display:inline-block;height:auto;margin:0 1em 1.7em;text-align:center;vertical-align:top;width:14%;}
.iconben{background-color:transparent;border-radius:50%;height:auto;width:auto;}
.beneficios > h3{font-size:1em !important;font-weight:lighter !important;line-height:1em;margin:-8px 0 0 !important;}
.subline2{color:#fff !important;font-size:1.4em !important;margin:0.4em 0 !important;text-shadow:2px 1px rgba(0, 0, 0, 0.3);}
.subline3{color:#69606b !important;}
.subline3 > span{color:#0095c8;}
.content{margin:101px auto 0;padding:0;position:absolute;}
.content > div:not(.title){margin:-80px auto 0;max-width:900px;padding:0 1.25em;}
.content > div:not(.title) p{margin:0 auto 1.5em auto;}
.content > div:not(.title) p:first-child{font-size:1.35em;}
.content h3{margin:0;font-size:1.4em;font-weight:lighter;}
.content blockquote{padding:0.25em;font-style:italic;font-size:1.65em;font-family:'Lora', serif;line-height:1.4;}
.content blockquote::before{content:'\201C';}
.content blockquote::after{content:'\201D';}
.redes{background-color:transparent;border-radius:50%;display:inline-block;height:66px;margin:0 auto;padding-top:18px;vertical-align:top;width:66px;}
.redes img{width:36px;}
.clientes{background-color:transparent;display:inline;height:auto;margin:0 auto;padding-top:22px;vertical-align:top;width:15%;}
#banner-crm{background:linear-gradient(#009ada, #5bf5ff) repeat scroll 0 0 rgba(0, 0, 0, 0);height:101%;position:relative;width:100%;z-index:1;}
#banner-crm > h1{color:#fff;font-family:"Raleway",Arial,sans-serif;font-size:3.5em;line-height:56px;margin:0 auto;position:relative;text-align:center;top:24%;width:81%;}
#banner-crm span{font-size:31px;font-weight:lighter;}
#banner-crm > p{color:#fff;display:block;font-size:1.2em;margin:0 auto;position:relative;text-align:center;top:23%;width:68%;}
#banner-crm > h2{color:#fff;display:block;font-size:1.4em;margin:0 auto;position:relative;text-align:center;top:29%;width:68%;}
#caja-ven-pro{border-right:1px solid #a5a5a5;display:inline-block;height:228px;margin-bottom:9px;margin-right:8px;margin-top:9px;padding:21px;vertical-align:top;width:21%;}
#caja-ven-pro h2{color:#009bdb;font-size:1.5em;font-weight:lighter;margin:0;text-align:center;}
#caja-ven-pro > p{color:#707081;font-size:1.1em;font-weight:lighter;text-align:center;}
.scroll-crm{z-index:50;background-color:transparent;border:2px solid;color:white;display:inline;font-size:1.3em;font-weight:bold;height:auto;left:43%;margin:0 auto;padding:1em;position:absolute;text-align:center;text-decoration:none;top:54%;transition:all 1s ease 0s;width:152px;}
#banner-comercio{background:linear-gradient(#009bdb, #b0cdff) repeat scroll 0 0 rgba(0, 0, 0, 0);height:101%;position:relative;width:100%;z-index:1;}
#banner-comercio > h1{color:#fff;font-family:"Raleway",Arial,sans-serif;font-size:3.5em;line-height:56px;margin:0 auto;position:relative;text-align:center;top:24%;width:81%;}
#banner-comercio > p{color:#fff;display:block;font-size:1.4em;margin:0 auto;position:relative;text-align:center;top:33%;width:68%;}
#banner-comercio > h2{color:#fff;display:block;font-size:1.4em;margin:0 auto;position:relative;text-align:center;top:29%;width:68%;}
.imagen-fondo{position:relative;top:149px;width:100%;}
.intro-effect-jam3:not(.notrans) .bg-img{-webkit-transition-property:top, left, right, bottom;transition-property:top, left, right, bottom;}
.intro-effect-jam3:not(.notrans) .header h1,
.intro-effect-jam3:not(.notrans) .codrops-top a{-webkit-transition-property:color;transition-property:color;}
.intro-effect-jam3:not(.notrans) .codrops-demos a{-webkit-transition-property:border-color, color;transition-property:border-color, color;}
.intro-effect-jam3:not(.notrans) .header p{-webkit-transition-property:color, opacity, -webkit-transform;transition-property:color, opacity, transform;}
.intro-effect-jam3:not(.notrans) .content > div{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;}
.intro-effect-jam3:not(.notrans) .bg-img,
.intro-effect-jam3:not(.notrans) .header h1,
.intro-effect-jam3:not(.notrans) .codrops-top a,
.intro-effect-jam3:not(.notrans) .codrops-demos a,
.intro-effect-jam3:not(.notrans) .content > div{-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.intro-effect-jam3:not(.notrans) .header p,
.intro-effect-jam3:not(.notrans) .header p.subline,
.intro-effect-jam3:not(.notrans) .content > div{-webkit-transition-duration:0.2s;transition-duration:0.2s;}
.intro-effect-jam3.modify:not(.notrans) .header p,
.intro-effect-jam3.modify:not(.notrans) .header p.subline,
.intro-effect-jam3.modify:not(.notrans) .content > div{-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.intro-effect-jam3 .codrops-demos a{color:#fff;}
.intro-effect-jam3 .codrops-demos a.current-demo{border-color:#fff;}
.intro-effect-jam3.modify .codrops-demos a{color:#c03b5d;}
.intro-effect-jam3.modify .codrops-demos a.current-demo{border-color:#c03b5d;}
.intro-effect-jam3.container{padding:45px 30px;}
.intro-effect-jam3 .bg-img{top:-45px;right:-30px;bottom:-45px;left:-30px;background:#514753;}
.intro-effect-jam3.modify .bg-img{top:0;right:0;bottom:85%;left:0;}
.intro-effect-jam3.modify .header h1{color:#514753;}
.intro-effect-jam3 .header p{color:#514753;opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}
.intro-effect-jam3.modify .header p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-effect-jam3 .content{padding:0 5em 5em;}
.intro-effect-jam3 .header,
.intro-effect-jam3 .content{background:#fff;}
.intro-effect-jam3 .content > div{opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}
.intro-effect-jam3.modify .content > div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-effect-jam3.modify .codrops-top a{color:#514753;}
.intro-effect-jam3.modify:not(.notrans) .header p:nth-last-child(2){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.intro-effect-jam3.modify:not(.notrans) .header p:last-child{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.intro-effect-jam3.modify:not(.notrans) .content > div{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.intro-effect-fadeout:not(.notrans) .bg-img{-webkit-transition-property:-webkit-transform;transition-property:transform;}
.intro-effect-fadeout:not(.notrans) .bg-img::after{-webkit-transition-property:opacity;transition-property:opacity;}
.intro-effect-fadeout:not(.notrans) .header h1{-webkit-transition-property:color;transition-property:color;}
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div{-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header h1,
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div{-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.intro-effect-fadeout .header{overflow:hidden;}
.intro-effect-fadeout.modify .bg-img{-webkit-transform:translateY(-25%);transform:translateY(-25%);}
.intro-effect-fadeout .bg-img::after{content:'';position:absolute;width:100%;height:101%;top:0;left:0;opacity:0;pointer-events:none;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.intro-effect-fadeout.modify .bg-img::after{opacity:1;}
.intro-effect-fadeout .title{text-align:left;max-width:900px;}
.intro-effect-fadeout.modify .header h1,
.intro-effect-fadeout .header p{color:#514753;}
.intro-effect-fadeout .header p{opacity:0;}
.intro-effect-fadeout .header p:nth-child(2){-webkit-transform:translateX(150px);transform:translateX(150px);}
.intro-effect-fadeout .header p:nth-child(3){-webkit-transform:translateX(-150px);transform:translateX(-150px);}
.intro-effect-fadeout.modify .header p:nth-child(2),
.intro-effect-fadeout.modify .header p:nth-child(3){opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.intro-effect-fadeout .content{z-index:1000;position:relative;}
.intro-effect-fadeout .content > div{opacity:0;-webkit-transform:translateY(350px);transform:translateY(350px);}
.intro-effect-fadeout.modify .content > div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .title{-webkit-transition-property:-webkit-transform;transition-property:transform;}
.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .codrops-demos a{-webkit-transition-property:color;transition-property:color;}
.intro-effect-sliced:not(.notrans) .header p{-webkit-transition-property:opacity;transition-property:opacity;}
.intro-effect-sliced:not(.notrans) .content > div{-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .header h1,
.intro-effect-sliced:not(.notrans) .title,
.intro-effect-sliced:not(.notrans) .header p,
.intro-effect-sliced:not(.notrans) .content > div,
.intro-effect-sliced:not(.notrans) .codrops-demos a{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.intro-effect-sliced.modify:not(.notrans) .header h1,
.intro-effect-sliced.modify:not(.notrans) .title,
.intro-effect-sliced.modify:not(.notrans) .header p,
.intro-effect-sliced.modify:not(.notrans) .content > div,
.intro-effect-sliced.modify:not(.notrans) .codrops-demos a{-webkit-transition-timing-function:ease;transition-timing-function:ease;}
.intro-effect-sliced .bg-img:first-child{bottom:50%;}
.intro-effect-sliced .bg-img:last-child{top:50%;position:fixed;z-index:900;}
.intro-effect-sliced .bg-img:last-child img{top:-100%;}
.intro-effect-sliced.modify .bg-img:first-child{-webkit-transform:translateY(-80%);transform:translateY(-80%);}
.intro-effect-sliced.modify .bg-img:last-child{-webkit-transform:translateY(100%);transform:translateY(100%);}
.intro-effect-sliced .codrops-demos{text-align:center;}
.intro-effect-sliced .codrops-demos a{color:#fff;font-size:0.8em;}
.intro-effect-sliced.modify .codrops-demos a{color:#cf4a5c;}
.intro-effect-sliced .title{-webkit-transform:translateX(-50%) translateY(-50%) scale(0.7);transform:translateX(-50%) translateY(-50%) scale(0.7);}
.intro-effect-sliced.modify .title{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);}
.intro-effect-sliced .header p{opacity:0;color:#514753;}
.intro-effect-sliced.modify .header p{opacity:1;}
.intro-effect-sliced.modify .header h1{color:#514753;}
.intro-effect-sliced .content > div{-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;}
.intro-effect-sliced.modify .content > div{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.intro-effect-sliced.modify:not(.notrans) .title{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .title{-webkit-transition-property:-webkit-transform;transition-property:transform;}
.intro-effect-side:not(.notrans) .bg-img::after{-webkit-transition-property:top, left, bottom, right, background-color;transition-property:top, left, bottom, right, background-color;}
.intro-effect-side:not(.notrans) .header p{-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.intro-effect-side:not(.notrans) .content > div{-webkit-transition-property:opacity;transition-property:opacity;}
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after,
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .header p,
.intro-effect-side:not(.notrans) .content > div{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.intro-effect-side .codrops-top a{color:#7b8d92;}
.intro-effect-side .bg-img::before,
.intro-effect-side .bg-img::after{content:'';position:absolute;z-index:100;}
.intro-effect-side .bg-img::before{background:#fff;top:0;left:0;width:60%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.intro-effect-side.modify .bg-img::before{-webkit-transform:translateX(0);transform:translateX(0);}
.intro-effect-side .bg-img::after{border:80px solid #fff;top:-80px;right:-80px;bottom:-80px;left:-80px;background-color:rgba(255,255,255,0.5);}
.intro-effect-side.modify .bg-img::after{top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0);}
.intro-effect-side .codrops-demos a{color:#43939d;}
.intro-effect-side .codrops-demos a.current-demo{border-bottom:3px solid #43939d;}
.intro-effect-side .title{text-align:right;left:0;padding:0 3em 0 2em;width:60%;-webkit-transform:translateX(33.3%) translateY(-50%);transform:translateX(33.3%) translateY(-50%);}
.intro-effect-side.modify .title{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.intro-effect-side .header h1{font-family:'Lora', serif;font-style:italic;font-weight:400;padding:0 0 0.5em 0;color:#516165;}
.intro-effect-side .header p{opacity:0;color:#7b8d92;-webkit-transform:translateY(100px);transform:translateY(100px);}
.intro-effect-side.modify .header p{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.intro-effect-side .content > div{margin-top:0px;opacity:0;}
.intro-effect-side.modify .content > div{opacity:1;}
.intro-effect-side button.trigger span::before,
.intro-effect-side button.trigger::before{color:#516165;}
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.intro-effect-side.modify:not(.notrans) .title,
.intro-effect-side.modify:not(.notrans) .bg-img::before,
.intro-effect-side.modify:not(.notrans) .bg-img::after{-webkit-transition-delay:0s;transition-delay:0s;}
.intro-effect-side.modify:not(.notrans) .header p:nth-last-child(2){-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.intro-effect-side.modify:not(.notrans) .header p:last-child{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.intro-effect-side.modify:not(.notrans) .content > div{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.intro-effect-sidefixed:not(.notrans) .bg-img::before{-webkit-transition-property:background-color;transition-property:background-color;}
.intro-effect-sidefixed:not(.notrans) .bg-img::after{-webkit-transition-property:-webkit-transform;transition-property:transform;}
.intro-effect-sidefixed:not(.notrans) .title p{-webkit-transition-property:opacity;transition-property:opacity;}
.intro-effect-sidefixed:not(.notrans) .content > div{-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after,
.intro-effect-sidefixed:not(.notrans) .title p,
.intro-effect-sidefixed:not(.notrans) .content > div{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.intro-effect-sidefixed .header{position:absolute;}
.intro-effect-sidefixed .bg-img{position:fixed;}
.intro-effect-sidefixed .bg-img img{left:auto;right:0;}
.intro-effect-sidefixed .bg-img::before,
.intro-effect-sidefixed .bg-img::after{content:'';position:absolute;z-index:100;}
.intro-effect-sidefixed .bg-img::after{background:#f8ebda;top:0;right:0;width:60%;height:100%;-webkit-transform:translateX(100%);transform:translateX(100%);}
.intro-effect-sidefixed.modify .bg-img::after{-webkit-transform:translateX(0);transform:translateX(0);}
.intro-effect-sidefixed .bg-img::before{width:100%;height:100%;background-color:rgba(247,214,169,0.1);}
.intro-effect-sidefixed.modify .bg-img::before{background-color:rgba(247,214,169,0.4);}
.intro-effect-sidefixed .codrops-demos a{color:#f68f6c;}
.intro-effect-sidefixed .title{position:relative;top:auto;left:auto;text-align:left;-webkit-transform:translateY(200px);transform:translateY(200px);}
.intro-effect-sidefixed.modify .title{-webkit-transform:translateY(0);transform:translateY(0);}
.intro-effect-sidefixed .title h1{font-family:'Playfair Display', serif;font-weight:700;padding:0 0 0.5em 0;color:#585a66;}
.intro-effect-sidefixed .title p{opacity:0;color:#585a66;}
.intro-effect-sidefixed.modify .title p{opacity:1;}
.intro-effect-sidefixed .content{width:60%;margin-left:40%;padding:0 2.5em;}
.intro-effect-sidefixed .content div{position:relative;margin:70px 0;color:#77726b;}
.intro-effect-sidefixed .content div:nth-child(2){opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px);}
.intro-effect-sidefixed.modify .content div:nth-child(2){opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.intro-effect-sidefixed:not(.notrans) .title,
.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.intro-effect-sidefixed:not(.notrans) .bg-img::after{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.intro-effect-sidefixed.modify:not(.notrans) .title,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::before,
.intro-effect-sidefixed.modify:not(.notrans) .bg-img::after{-webkit-transition-delay:0s;transition-delay:0s;}
.intro-effect-sidefixed.modify:not(.notrans) .content div:nth-child(2){-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.intro-effect-push:not(.notrans) .header,
.intro-effect-push:not(.notrans) > .title,
.intro-effect-push:not(.notrans) .content > div{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, transform;-webkit-transition-duration:1s;transition-duration:1s;}
.intro-effect-push:not(.notrans) .header{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transition-duration:1.2s;transition-duration:1.2s;}
.intro-effect-push .codrops-demos a{color:#108576;}
.intro-effect-push .header{position:absolute;z-index:1500;}
.intro-effect-push > .title{position:relative;top:auto;left:auto;padding:3em 1em 2em;}
.intro-effect-push .content > div{margin-top:2px;color:#69606b;}
.intro-effect-push > .title,
.intro-effect-push .content > div{-webkit-transform:translateY(400px);transform:translateY(400px);opacity:0;}
.intro-effect-push.modify > .title,
.intro-effect-push.modify .content > div{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.intro-effect-push.modify .header{opacity:0;-webkit-transform:translateY(-100%) scale(0.9);transform:translateY(-100%) scale(0.9);}
.intro-effect-push.modify:not(.notrans) > .title{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.intro-effect-push.modify:not(.notrans) .content > div{-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5){-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;}
.intro-effect-grid:not(.notrans) .header p{-webkit-transition-property:opacity;transition-property:opacity;}
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title{-webkit-transition-property:-webkit-transform;transition-property:transform;}
.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .codrops-demos a{-webkit-transition-property:color;transition-property:color;}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5),
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title,
.intro-effect-grid:not(.notrans) .header h1,
.intro-effect-grid:not(.notrans) .header p,
.intro-effect-grid:not(.notrans) .codrops-demos a{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transition-duration:1s;transition-duration:1s;}
.intro-effect-grid .codrops-demos a{color:#fff;}
.intro-effect-grid.modify .codrops-demos a{color:#cf7000;}
.intro-effect-grid .codrops-demos a.current-demo{border-bottom:3px solid #fff;}
.intro-effect-grid.modify .codrops-demos a.current-demo{border-color:#cf7000;}
.intro-effect-grid .title{max-width:900px;padding-top:2em;}
.intro-effect-grid.modify .title{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
.intro-effect-grid .content > div{margin-top:40px;color:#2e3337;}
.intro-effect-grid .header h1{font-family:'Playfair Display', serif;font-weight:700;padding:0 0 0.6em;}
.intro-effect-grid.modify .header h1{color:#2d3b44;}
.intro-effect-grid .header p{opacity:0;color:#4c6270;}
.intro-effect-grid .header p.subline{font-size:1.5em;}
.intro-effect-grid.modify .header p{opacity:1;}
.intro-effect-grid .grid{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:50%;z-index:0;}
.intro-effect-grid .grid li::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(71,63,59,0.5);pointer-events:none;-webkit-transition:background 0.3s;transition:background 0.3s;}
.intro-effect-grid.modify .grid li:hover::after,
.intro-effect-grid.modify .grid li:nth-child(5)::after{background:rgba(71,63,59,0.1);}
.intro-effect-grid .grid li{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.intro-effect-grid .grid li h2{font-family:'Playfair Display', serif;font-weight:700;padding-bottom:0.4em;margin:1em;color:#fff;line-height:1;font-size:1em;position:absolute;bottom:0;z-index:100;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.intro-effect-grid .grid li:hover h2{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.intro-effect-grid .grid li:first-child{top:0;left:0;height:50%;width:25%;background-image:url(../img/thumbs/1.jpg);}
.intro-effect-grid .grid li:nth-child(2){top:50%;left:0;height:50%;width:25%;background-image:url(../img/thumbs/2.jpg);}
.intro-effect-grid .grid li:nth-child(3){top:0;left:25%;height:100%;width:25%;background-image:url(../img/thumbs/5.jpg);}
.intro-effect-grid .grid li:nth-child(4){top:0;left:50%;height:50%;width:50%;background-image:url(../img/thumbs/4.jpg);}
.intro-effect-grid .grid li:nth-child(5){top:50%;left:50%;height:50%;width:25%;background-image:url(../img/thumbs/8.jpg);-webkit-transform:scale(0);transform:scale(0);opacity:0;}
.intro-effect-grid.modify .grid li:nth-child(5){-webkit-transform:scale(1);transform:scale(1);opacity:1;}
.intro-effect-grid .grid li:nth-child(5) h2{color:#de8721;}
.intro-effect-grid .grid li:nth-child(6){top:50%;left:75%;height:50%;width:25%;background-image:url(../img/thumbs/6.jpg);}
.intro-effect-grid.modify .bg-img{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
@media screen and (max-width:47em){.title, .content{font-size:70%;}
.codrops-demos a{font-size:80%;}
.intro-effect-side .title{width:100%;padding:0 1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.intro-effect-side.modify .bg-img::before{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.intro-effect-side .bg-img::after{border-left-width:0px;border-right-width:0px;right:0px;left:0px;background:rgba(255,255,255,0.1);}
.intro-effect-side.modify .bg-img::after{background:rgba(255,255,255,0.8);}
.intro-effect-sidefixed .content{width:100%;margin-left:auto;}
.intro-effect-sidefixed .bg-img::after{width:95%;}
}
@media screen and (max-width:30em){.intro-effect-jam3 .content{padding:0 2em 5em;}
.intro-effect-grid .grid li h2{display:none;}
.intro-effect-push .header .title{top:60px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.title, .content{font-size:50%;}
button.trigger::before{display:none;}
.title > img{width:100%;}
.title h2{font-size:3.25em;line-height:1;}
.subline2{font-size:2.4em !important;}
.ha-header{position:absolute;}
.intro-effect-push .header{margin:-101px 0;position:absolute;}
.content{margin:101px auto 0;padding:0;position:relative;}
.servicios{display:block;margin:0 auto;text-align:center;width:86%;}
.iconcircle{margin:0 auto;width:219px;}
.content > div:not(.title) p:first-child{font-size:2.35em;}
.title1 p{font-size:1.9em;padding:0 0 0.4em;}
.servicios > h3{font-size:1.7em !important;margin:0 0 25px !important;}
.sub1{font-size:1.5em;width:100%;}
.beneficios{width:40%;}
.beneficios > h3{font-size:2em !important;line-height:0;margin:-13px 0 0 !important;}
#seccion2{height:auto;padding-bottom:43px;}
.description{font-size:2em !important;line-height:1.3;}
#seccion4 > p{font-size:1.7em;}
#seccion4 h1{font-size:1.5em;}
}
.morph-button{position:relative;display:block;margin:0 auto;}
.morph-button > button{position:relative;padding:0 1em;border:none;background-color:transparent;color:#f9f6e5;text-transform:uppercase;letter-spacing:1px;font-weight:700;line-height:80px;overflow:hidden;}
.morph-button.open > button{pointer-events:none;}
.morph-content{pointer-events:none;}
.morph-button.open .morph-content{pointer-events:auto;}
.morph-button-fixed,
.morph-button-fixed .morph-content{width:300px;height:80px;}
.morph-button-fixed > button{z-index:22;width:100%;height:100%;-webkit-transition:opacity 0.1s 0.5s;transition:opacity 0.1s 0.5s;}
.morph-button-fixed.open > button{opacity:0;-webkit-transition:opacity 0.1s;transition:opacity 0.1s;}
.morph-button-fixed .morph-content{position:fixed;z-index:900;opacity:0;-webkit-transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;}
.morph-button-fixed.open .morph-content{opacity:1;}
.morph-button-fixed .morph-content > div{visibility:hidden;height:0;opacity:0;-webkit-transition:opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;transition:opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;}
.morph-button-fixed.open .morph-content > div{visibility:visible;height:auto;opacity:1;-webkit-transition:opacity 0.3s 0.5s;transition:opacity 0.3s 0.5s;}
.morph-button-fixed.active > button{z-index:2000;}
.morph-button-fixed.active .morph-content{z-index:1900;}
.morph-button-overlay .morph-content,
.morph-button-sidebar .morph-content{-webkit-transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;}
.morph-button-overlay.open .morph-content,
.morph-button-sidebar.open .morph-content{-webkit-transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;}
.morph-button.morph-button-overlay{float:left;margin:0 auto;}
.morph-button.morph-button-overlay > button{float:left;margin:0 auto;background:none repeat scroll 0 0 rgba(75, 75, 75, 0.55) !important;border:medium none !important;color:#f9f6e5;display:block;font-size:1.2em;font-weight:bold;height:50px !important;letter-spacing:1px;padding:0.5em;text-transform:uppercase;transition:all 1s ease 0s;width:100%;line-height:0;margin:15px auto 0;}
.morph-button.morph-button-overlay > button:hover{background-color:rgba(255, 255, 255, 0.41) !important;transition:all 1s ease 0s;}
.morph-button-overlay .morph-content{background:none repeat scroll 0 0 rgba(0, 155, 219, 0.63);overflow:hidden;}
.morph-button-overlay.open .morph-content{top:0 !important;left:0 !important;width:100%;height:100%;}
.morph-button-modal::before{position:fixed;top:0;left:0;z-index:800;width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;pointer-events:none;}
.morph-button-modal.open::before{opacity:1;pointer-events:auto;}
.morph-button-modal.active::before{z-index:1800;}
.morph-button-modal .morph-content{overflow:hidden;-webkit-transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;transition:opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;}
.morph-button-modal.open .morph-content{top:48% !important;left:50% !important;margin:-210px 0 0 -300px;width:600px;height:420px;-webkit-transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;}
.morph-button.morph-button-modal-1{float:left;}
.morph-button.morph-button-modal-2,
.morph-button.morph-button-modal-3{display:inline-block;margin:10px 15px;}
.morph-button-modal-1 > button,
.morph-button-modal-1 .morph-content{background-color:#553445;}
.morph-button-modal-2 > button,
.morph-button-modal-2 .morph-content,
.morph-button-modal-3 > button,
.morph-button-modal-3 .morph-content{background-color:#fef0e3;color:#e75854;}
.morph-button-modal-4{display:inline-block;}
.morph-button-modal-4 > button,
.morph-button-modal-4 .morph-content{background-color:#faf1e0;color:#553445;}
.morph-button-modal-4 > button span,
.morph-button-modal-4 .morph-clone{padding-left:10px;color:#286f81;}
.morph-button-modal-4 .morph-clone{position:absolute;right:34px;bottom:30px;z-index:100;letter-spacing:1px;font-weight:700;-webkit-transition:bottom 0.4s 0.1s, right 0.4s 0.1s;transition:bottom 0.4s 0.1s, right 0.4s 0.1s;}
.morph-button-modal-4.open .morph-clone,
.no-js .morph-button-modal-4 .morph-clone{right:10px;bottom:10px;}
.morph-button-modal-1::before{background:rgba(240,221,204,0.7);}
.morph-button-modal-2.open .morph-content{margin:-210px 0 0 -170px;width:340px;height:420px;}
.morph-button-modal-3.open .morph-content {margin: -255px 0 0 -210px;width: 430px;height: 569px;}
.morph-button-modal-3.open .morph-content > div{height:420px;}
.morph-button-modal-2.open .morph-content > div,
.morph-button-modal-3.open .morph-content > div{-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.morph-button-modal-4.open .morph-content{margin:-200px 0 0 -320px;width:640px;height:400px;}
.morph-button-inflow{overflow:hidden;max-width:100%;height:70px;}
.morph-button-inflow > button{width:100%;line-height:70px;}
.morph-button-inflow .morph-content{position:absolute;top:0;left:0;width:100%;}
.morph-button-inflow .morph-content .morph-clone{padding:0;font-weight:700;font-size:1.5em;line-height:70px;}
.morph-button-inflow-1{width:600px;margin:2em auto;-webkit-transition:height 0.5s cubic-bezier(0.7,0,0.3,1);transition:height 0.5s cubic-bezier(0.7,0,0.3,1);}
.morph-button-inflow-1 > button span{visibility:hidden;}
.morph-button-inflow-1 .morph-content .morph-clone{color:#f9f6e5;background:#e85657;}
.morph-button-inflow-2{position:absolute;top:50%;left:50%;width:220px;background-color:#fef0e3;-webkit-transition:height 0.3s, width 0.3s, -webkit-transform 0.3s;transition:height 0.3s, width 0.3s, transform 0.3s;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.morph-button-inflow-2 > button{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;color:#e75854;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.morph-button-inflow-2.open > button{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.morph-button-inflow-2 .morph-content{width:260px;height:200px;}
.morph-button-inflow-2.open{width:260px;}
.morph-button-sidebar,
.morph-button-sidebar .morph-content{width:60px;height:60px;}
.morph-button-sidebar{bottom:89%;left:16px;position:fixed;}
.morph-button-sidebar > button{line-height:60px;font-size:1.6em;padding:0;}
.morph-button-sidebar .morph-content{background:#0095c8;}
.morph-button-sidebar.open .morph-content{top:0 !important;left:0 !important;width:300px;height:100%;overflow:hidden;-webkit-backface-visibility:hidden;}
.morph-button .morph-content,
.morph-button.open .morph-content,
.morph-button-modal-4 .morph-clone{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.noscroll{overflow:hidden;}
.morph-button-overlay.scroll .morph-content{overflow-y:scroll;}
.morph-button-sidebar.scroll .morph-content{overflow:auto;}
.no-js .morph-button > button{display:none;}
.no-js .morph-button{margin:10px 0;float:none;}
.no-js .morph-button,
.no-js .morph-button .morph-content,
.no-js .morph-button .morph-content > div{position:relative;width:auto;height:auto;opacity:1;visibility:visible;top:auto;left:auto;-webkit-transform:none;transform:none;pointer-events:auto;}
.no-js .morph-button .morph-content .icon-close{display:none;}
.no-js .morph-button-sidebar{width:300px;position:fixed;top:0;left:0;margin:0;height:100%;background:#e85657;overflow:auto;}
.no-transition{-webkit-transition:none !important;transition:none !important;}
@media screen and (max-width:600px){.morph-button-modal.open .morph-content{top:0% !important;left:0% !important;margin:0;width:100%;height:100%;overflow-y:scroll;-webkit-transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;transition:width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;}
}
@media screen and (max-width:400px){.morph-button-fixed,
.morph-button-fixed .morph-content{width:200px;height:80px;}
.morph-button-fixed > button{font-size:75%;}
.morph-button-sidebar > button{font-size:1.6em;}
.morph-button-inflow .morph-content .morph-clone{font-size:0.9em;}
.morph-button-modal-4,
.morph-button-modal-4 .morph-content{width:220px;height:120px;}
.morph-button-modal-4 > button{font-size:100%;line-height:50px;}
.morph-button-modal-4 > button span{display:block;}
.morph-button-modal-4 .morph-clone{right:83px;bottom:26px;}
.morph-button-sidebar,
.morph-button-sidebar .morph-content{width:100% !important;height:60px !important;}
.morph-button-sidebar{bottom:0px;left:0px;}
.morph-button-sidebar.open .morph-content{height:100% !important;}
.morph-button-inflow .morph-content .morph-clone{font-size:3em !important;}
.content-style-form label{font-size:1.3em !important;}
}
.icon-close{z-index:100;display:block;overflow:hidden;width:3em;height:3em;text-align:center;line-height:3;cursor:pointer;}
.icon:before{position:relative;display:block;width:100%;height:100%;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-camera:before{content:"\e017";}
.icon-server:before{content:"\e022";}
.icon-heart:before{content:"\e024";}
.icon-zoom-in:before{content:"\e037";}
.icon-microphone:before{content:"\e048";}
.icon-cloud:before{content:"\e066";}
.icon-user:before{content:"\e074";}
.icon-briefcase:before{content:"\e075";}
.icon-globe:before{content:"\e078";}
.icon-cog::before{content:"\e600";}
.icon-close::before{content:"\e601";}
.icon-play::before{content:"\e602";}
.icon-pause::before{content:"\e603";}
.icon-close{position:absolute;top:20px;right:20px;}
.icon-close:hover{color:rgba(0, 0, 0, 0.38);}
.content-style-overlay{padding:100px 50px;text-align:center;}
.content-style-overlay h2{margin:0 0 1em 0;padding:0;font-weight:300;font-size:3em;}
.content-style-overlay p{margin:0 auto;padding:10px 0;max-width:700px;text-align:justify;font-weight:300;font-size:1.5em;}
.content-style-overlay .icon-close{border:2px solid #fff;border-radius:50%;}
.content-style-overlay .icon-close:hover{border-color:rgba(0, 0, 0, 0.38);}
.content-style-text{padding:60px;text-align:left;}
.content-style-text h2{margin:0 0 0.5em 0;font-weight:300;font-size:1.85em;}
.content-style-text p{color:rgba(255,255,255,0.5);font-weight:300;font-size:1.15em;line-height:1.4;}
.content-style-text label{padding:10px;color:#f9e1c9;font-weight:bold;}
.content-style-text .icon-close{top:0;right:0;color:rgba(0,0,0,0.2);}
.content-style-text .icon-close:hover{color:#f9e1c9;}
.content-style-form{position:relative;text-align:left;}
.content-style-form h2{font-size:2.7em;font-weight:300;margin:0;padding:1.2em 0 0.1em;text-align:center;}
.content-style-form form{margin-top:0;padding:23px 30px;}
.content-style-form form p{margin:0 0 5px 0;font-size:0.7em !important;}
.content-style-form.content-style-form-2 > h3{font-size:1.8em;font-weight:lighter;text-align:center;}
.content-style-form label{color:#5f5f5f;display:block;font-size:1.1em;font-weight:normal;letter-spacing:1px;padding:10px 0 0;text-transform:uppercase;}
.content-style-form input[type="text"],
.content-style-form input[type="password"],
.content-style-form input[type="email"]{padding:10px;width:94%;border:2px solid #ebd3bd;background:transparent;color:#404040;font-size:1.4em;font-weight:300;}
.content-style-form input[type="text"]:focus,
.content-style-form input[type="password"]:focus,
.content-style-form input[type="email"]:focus{border-color:#e75854;color:#e75854;}
.content-style-form input:focus{outline:0;}
.content-style-form button{display:block;margin-top:2.5em;padding:1.5em;width:100%;border:none;background:#e75854;color:#f9f6e5;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:1.25em;}
.boton1{display:block;margin-top:2.5em;padding:1.5em;width:100%;border:none;background:#e75854;color:#f9f6e5;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:1.25em;}
.boton1:hover{background-color:#c73834;}
.boton-contact{background:none repeat scroll 0 0 rgba(75, 75, 75, 0.55) !important;border:medium none !important;color:#f9f6e5;display:block;font-size:1.2em;font-weight:bold;height:50px !important;letter-spacing:1px;padding:0.5em;text-transform:uppercase;width:100%;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.boton-contact:hover{background-color:#c73834;background-color:rgba(255, 255, 255, 0.41) !important;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.content-style-form .icon-close{top:0;right:0;color:#ebd3bd;font-size:75%;}
.content-style-form .icon-close:hover{color:#e75854;}
.js .content-style-form-1 h2,
.js .content-style-form-1 p,
.js .content-style-form-1 .icon-close{opacity:0;-webkit-transition:opacity 0.2s 0.35s, -webkit-transform 0.2s 0.35s;transition:opacity 0.2s 0.35s, transform 0.2s 0.35s;-webkit-transform:scale(0.85);transform:scale(0.85);}
.content-style-form-1 p:first-child{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.content-style-form-1 p:nth-child(2){-webkit-transition-delay:0.45s;transition-delay:0.45s;}
.content-style-form-1 p:nth-child(3){-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.morph-button.open .content-style-form-1 h2,
.morph-button.open .content-style-form-1 p,
.morph-button.open .content-style-form-1 .icon-close{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.js .content-style-form-2 h2,
.js .content-style-form-2 p,
.js .content-style-form-2 .icon-close{opacity:0;-webkit-transition:opacity 0.2s 0.3s, -webkit-transform 0.2s 0.3s;transition:opacity 0.2s 0.3s, transform 0.2s 0.3s;-webkit-transform:translateY(50px);transform:translateY(50px);}
.content-style-form-2 p:first-child{-webkit-transition-delay:0.35s;transition-delay:0.35s;}
.content-style-form-2 p:nth-child(2){-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.content-style-form-2 p:nth-child(3){-webkit-transition-delay:0.45s;transition-delay:0.45s;}
.content-style-form-2 p:nth-child(4){-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.morph-button.open .content-style-form-2 h2,
.morph-button.open .content-style-form-2 p,
.morph-button.open .content-style-form-2 .icon-close{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.content-style-form-4 form{padding:30px;background:#fff;color:#ccb096;font-size:1.5em;-webkit-perspective:1000px;perspective:1000px;}
.content-style-form-4 input[type="text"]{border:none;background-color:#f0f0f0;}
.content-style-form-4 form button{background:#e85657;}
.content-style-form-4 form button:focus,
.content-style-form-4 form button:hover{background:#ff9d9e;}
.js .content-style-form-4 p{opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg);-webkit-transform-origin:center top;transform-origin:center top;}
.morph-button.open .content-style-form-4 p{opacity:1;-webkit-transition:opacity 0.4s 0.2s, -webkit-transform 0.4s 0.2s;transition:opacity 0.4s 0.2s, transform 0.4s 0.2s;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);margin-bottom:0.6em;}
.morph-button.open .content-style-form-4 p:nth-child(2){-webkit-transition-delay:0.35s;transition-delay:0.35s;}
.content-style-social{padding:30px;text-align:left;}
.morph-button-inflow-2 > button svg{display:inline-block;padding-right:10px;width:20px;height:20px;vertical-align:-5%;}
.morph-button-inflow-2 > button svg path{fill:#e75854;}
#slidevideo2{background-color:rgba(3, 16, 34, 0.7);height:100%;position:absolute;width:100%;z-index:1;}
.content-style-social a{padding:0.5em 0;color:#67c2d4;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:0.8em;line-height:32px;}
.js .content-style-social a{-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transform:translateX(100%);transform:translateX(100%);}
.content-style-social a:hover{color:#e75854;}
.content-style-social a:hover svg path{fill:#e75854;}
.content-style-social a svg{display:inline-block;padding-right:10px;vertical-align:middle;-webkit-backface-visibility:hidden;}
.morph-button-inflow.open .content-style-social a{-webkit-transform:translateX(0);transform:translateX(0);}
.morph-button-inflow.open .content-style-social a:nth-child(2){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
.morph-button-inflow.open .content-style-social a:nth-child(3){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.content-style-video{text-align:left;}
.video-mockup{width:640px;height:360px;max-width:100%;background:url(../img/rated.png) no-repeat center center;background-size:100%;}
.content-style-video .icon-close,
.content-style-video .icon-pause{color:#286f81;}
.content-style-video .icon-close{top:0;right:0;}
.content-style-video .icon-close:hover{color:rgba(0,0,0,0.4);}
.controls{bottom:0px;left:0px;width:100%;}
.js .controls{position:absolute;}
.controls span{display:inline-block;}
.content-style-video .icon-pause{overflow:hidden;width:2.5em;height:2.5em;text-align:center;line-height:2.5;cursor:pointer;vertical-align:bottom;}
.content-style-video span.time{color:#286f81;letter-spacing:1px;font-weight:700;line-height:40px;}
.controls::after{content:'';position:absolute;height:7px;left:100px;right:70px;bottom:16px;background:#aaa;}
.content-style-sidebar h2{font-weight:300;font-size:1.4em;padding:0.75em 0 0.75em 1em;margin:0;color:#fff;}
.content-style-sidebar .icon-close{color:#fff;font-size:0.85em;right:0;top:17px;}
.content-style-sidebar ul{list-style:none;margin:0;padding:0;}
.content-style-sidebar ul li a{display:block;padding:12px 20px;color:#faf1e0;font-weight:400;font-size:1.05em;box-shadow:inset 0 1px rgba(0,0,0,0.1);}
.content-style-sidebar ul li:last-child a{box-shadow:inset 0 1px rgba(0,0,0,0.1), inset 0 -1px rgba(0,0,0,0.1);}
.content-style-sidebar ul li a:hover{background:rgba(0,0,0,0.1);box-shadow:none;}
.content-style-sidebar ul .icon::before{display:inline-block;width:auto;font-size:1em;vertical-align:-10%;color:rgba(0,0,0,0.237);float:right;margin-right:16px}
@media screen and (max-width:770px){.content-style-overlay{font-size:75%;}
.content-style-overlay .icon-close{top:5px;right:5px;}
}
.scroll{position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);letter-spacing:1px;font-weight:700;font-size:2em;line-height:2;width:10em;text-align:center;height:2em;color:#e74c3c;background:#fff;font-style:normal;text-transform:uppercase;opacity:0.8;}
.scroll::after{display:block;content:'\2193';color:#fff;font-size:3em;line-height:1;}
.ha-header{position:fixed;top:0;left:0;width:100%;padding:0;z-index:50;font-family:'Lato', Arial, sans-serif;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.ha-header-perspective{width:100%;height:100%;position:relative;-webkit-perspective:1100px;-moz-perspective:1100px;perspective:1100px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;perspective-origin:50% 0;}
.ha-header-perspective > div{text-align:left;padding:0 3%;height:100%;width:100%;margin:0 auto;position:relative;text-align:justify;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;overflow:hidden;}
.ha-header-front{z-index:2;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%;}
.ha-header-perspective .ha-header-bottom{background:#ddd;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;transform-origin:50% 0%;z-index:1;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transition:top 0.5s;-moz-transition:top 0.5s;transition:top 0.5s;position:absolute;top:0;}
.ha-header-perspective > div::after{content:'';display:inline-block;width:100%;}
.ha-header h1,
.ha-header h1::before,
.ha-header h1 span,
.ha-header nav,
.ha-header nav::before{display:inline-block;vertical-align:middle;text-align:left;}
.ha-header h1{font-weight:300;font-size:3.2em;margin:0;padding:0 1em 0 0;color:#2d383f;cursor:default;height:100%;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.ha-header h1::before,
.ha-header nav::before{content:'';height:100%;}
.ha-header h1::after{content:'';width:100px;height:96px;background:#fff;position:absolute;z-index:100;top:0;left:0;cursor:pointer;box-shadow:inset 0 8px #2d383f, inset 0 16px #fff, inset 0 24px #2d383f, inset 0 32px #fff, inset 0 40px #2d383f, inset 0 48px #fff, inset 0 56px #2d383f;opacity:0;border:20px solid #fff;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;}
.ha-header nav{height:100%;}
.ha-header nav a{display:inline-block;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:0.2em 0.4em;margin:0 0.4em 0;font-size:0.8em;cursor:pointer;color:#e74c3c;outline:none;text-decoration:none;}
.ha-header nav a:hover{color:#bc3c2f;}
.ha-header nav a:last-child{margin-right:0;}
.ha-header .ha-header-front nav a:first-child,
.ha-header .ha-header-front nav a:last-child{border:2px solid #e74c3c;}
.ha-header .ha-header-front nav a:first-child:hover,
.ha-header .ha-header-front nav a:last-child:hover{border:2px solid #bc3c2f;}
.ha-header-large{height:420px;}
.ha-header-small{background-color:rgba(255, 255, 255, 0.81);height:80px;}
.ha-header-small a{color:#333;}
.ha-header-hide{height:220px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.ha-header-show{height:220px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);}
.ha-header-show .ha-header-bottom{opacity:0;-webkit-transition:top 0.5s, opacity 0s 0.5s;-moz-transition:top 0.5s, opacity 0s 0.5s;transition:top 0.5s, opacity 0s 0.5s;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);top:0%;}
.ha-header-subshow{height:220px;}
.ha-header-subshow .ha-header-bottom{-webkit-transition:top 0.5s;-moz-transition:top 0.5s;transition:top 0.5s;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);top:50%;}
.ha-header-shrink{height:220px;top:50px;padding-left:50px;padding-right:50px;}
.ha-header-shrink .ha-header-bottom{opacity:0;}
.ha-header-rotate{height:220px;top:50px;padding-left:50px;padding-right:50px;}
.ha-header-rotate .ha-header-front{-webkit-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg);}
.ha-header-rotate .ha-header-bottom{top:50%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;-webkit-transform:rotateX(0deg) translateY(-100%);-moz-transform:rotateX(0deg) translateY(-100%);transform:rotateX(0deg) translateY(-100%);}
.ha-header-rotateBack{height:220px;top:50px;padding-left:50px;padding-right:50px;}
.ha-header-rotateBack .ha-header-front{-webkit-transform:translateY(0%) rotateX(0deg);-moz-transform:translateY(0%) rotateX(0deg);transform:translateY(0%) rotateX(0deg);}
.ha-header-rotateBack .ha-header-bottom{top:50%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);}
.ha-header-color{height:80px;}
.ha-header-color .ha-header-front,
.ha-header-color .ha-header-bottom{background:none repeat scroll 0 0 rgba(255, 255, 255, 0);}
.ha-header-color h1,
.ha-header-color nav a{color:#fff;}
.ha-header-color img{color:#fff;background-image:url(../img/logoimaginatio4.png);}
.ha-header-small img{background-image:url(../img/logoimaginatio2.png);}
.ha-header-box{height:192px;width:100px;top:20px;left:20px;}
.ha-header-box h1{padding-left:150px;}
.ha-header-box h1,
.ha-header-box nav a{color:transparent;}
.ha-header-box h1:after{opacity:1;}
.ha-header-box nav{opacity:0;}
.ha-header-fullscreen{height:100%;opacity:0.9;}
.ha-header-fullscreen .ha-header-front{height:100%;}
.ha-header-fullscreen .ha-header-bottom{opacity:0;-webkit-transition:top 0.5s, opacity 0s 0.5s;-moz-transition:top 0.5s, opacity 0s 0.5s;transition:top 0.5s, opacity 0s 0.5s;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);top:50%;background:#f3796c;}
.ha-header-subfullscreen{height:100%;opacity:0.9;}
.ha-header-subfullscreen .ha-header-bottom{-webkit-transition:top 0.5s;-moz-transition:top 0.5s;transition:top 0.5s;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);top:50%;background:#f3796c;}
.ha-header-subfullscreen .ha-header-bottom nav a{color:#fff;}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 115, 219, 0.94);z-index:2147483647;}
.overlay .overlay-close{width:80px;height:80px;position:absolute;right:20px;top:20px;overflow:hidden;border:none;background:url(../img/cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:none;z-index:100;}
.overlay nav{text-align:center;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.overlay ul{list-style:none;padding:37px 0 0;margin:0 auto;display:inline-block;height:100%;position:relative;}
.overlay ul li{display:block;height:20%;height:calc(100%/5);min-height:54px;}
.overlay ul li a{font-size:0.7em;font-weight:300;display:block;color:#fff;-webkit-transition:color 0.2s;transition:color 0.2s;}
.overlay ul li a:hover,
.overlay ul li a:focus{color:#f0f0f0;}
#trigger-overlay{display:none;}
.container{background:#fff;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.container.overlay-open{-webkit-transform:scale(0.8);transform:scale(0.8);}
.overlay-contentscale{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s;transition:transform 0.5s, visibility 0s 0.5s;}
.overlay-contentscale.open{visibility:visible;-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px;}
.overlay ul li{min-height:34px;}
}
@media screen and (max-width:65em){body{font-size:85%;}
}
@media screen and (max-width:80em){#slidevideo > h1{color:#fff;font-family:"Raleway",Arial,sans-serif;font-size:3.5em;line-height:56px;margin:0 auto 0 90px;position:relative;text-align:left;top:27%;width:65%;}
}
@media screen and (max-width:60em){.ha-header-perspective > div,
.ha-header nav{text-align:center;}
.ha-header h1{padding:10px 0;height:60%;}
.ha-header .ha-header-bottom nav{padding:40px 0px;}
.ha-header nav{display:block;height:auto;}
#slidevideo > p{width:49%;}
}
@media screen and (max-width:38em){section{font-size:1.3em;}
.ha-header h1{font-size:2em;}
.ha-header nav{font-size:60%;}
.seccionweb1,.seccion-posicionamiento,.seccion-socialmedia,.seccion-branding{background-size:333% auto;height:521px;}
#slidevideo > h1{font-size:1.4em;line-height:37px;margin:0 auto;text-align:center;top:24%;width:93%;}
#slidevideo > p{float:inherit;font-size:0.8em;margin:0 auto;text-align:center;top:130px;width:84%;}
#seccionweb2, #seccion-home, #seccion-seo{padding:0;}
#seccion-seo > h3{font-size:1em;margin:128px auto 0;padding-bottom:22px;width:85%;}
#seccion-seo strong{font-size:1.2em;}
.scroll3{display:block;float:inherit;font-size:1em;left:inherit;margin:0 auto;padding:0.3em;position:relative;text-align:center;top:34%;width:180px;}
#seccionweb2{padding:3.5em 0 0;}
.mod-info{display:block;padding:0.2em 0.7em;width:85%;}
.mod-info3{width:100%;}
.mod-info h2{font-size:0.9em;text-align:center;}
.mod-info > h3{color:#606071;font-size:0.8em;font-weight:normal;margin:0;text-align:center;}
.mod-info > p{font-size:0.6em;text-align:center;}
.mod-info > ul{font-size:0.5em;}
.mod-info3 > img{margin-left:0;width:100%;}
.mod-info > img{width:100%;}
#seccionweb4{background-size:cover;padding:2em 0;}
#seccionweb4 > h2{font-size:1.4em;}
#seccionweb4 > h3{font-size:1.3em;}
#seccionweb4 > p{font-size:1em;margin:0 auto;width:92%;}
#seccion4 > p{font-size:14px;}
#seccion4 h1{font-size:16px;margin:0 auto;width:83%;}
#slidevideo2{background-image:url(../img/6.jpg);}
.subline2{font-size:1.6em !important;}
.title h2{font-size:3.25em;margin-top:-34px;}
#seccionweb4 > h2, #secction-seo1 > h2, #secction-mkt > h2, #secction-social2 > h2,#secction-branding2 > h2{font-size:1.3em;}
#seccionweb4 > h3, #secction-seo1 > h3, #secction-mkt > h3, #secction-social2 > h3,#secction-branding2 > h3{font-size:1em;}
#seccionweb4 > p, #secction-seo1 > p, #secction-mkt > p, #secction-social2 > p,#secction-branding2 > p{font-size:1em;width:80%;}
#seccionweb4, #secction-seo1, #secction-mkt,#secction-branding2{padding:2em 0;}
#secction-seo1,#secction-social2,#secction-branding2{background-size:300% auto;}
.morph-button-fixed, .morph-button-fixed .morph-content{height:80px;width:284px;}
.content-style-form.content-style-form-2 > h3{font-size:1em;}
.servicios > h3{font-size:0.7em !important;}
.scroll6{float:left;font-size:0.7em;height:auto;margin:auto;padding:1em;width:80%;}
.seccion-contacto{background-size:400% auto;height:auto;padding-bottom:66px;}
.mod-info-media{display:block;height:auto;margin:0 auto;padding:1em 0;top:2em;width:95%;}
.mod-info-media h1{font-size:1em;}
.mod-info-media h2{font-size:0.6em;}
.mod-info-media span{font-size:0.8em;margin:0;}
.morph-button.morph-button-overlay{float:none;width:100%;}
.morph-button.morph-button-overlay > button{font-size:0.7em;}
.mod-info-corto{display:block;height:auto;margin:0 auto;padding:0;top:1em;width:85%;}
.boton-contact{font-size:0.7em;}
.mod-info-corto textarea{font-size:0.6em;}
.mod-info-corto input{font-size:0.6em;}
#trigger-overlay{background-color:rgba(0, 115, 219, 0.79);border:medium none;color:#fff;display:inline;height:50px;position:fixed;top:91%;width:100%;z-index:99999;}
#secction-mkt{background-size:206% auto;height:auto;}
#seccion4{padding-bottom:70px;}
.overlay ul li a{display:block;font-size:1.8em;font-weight:300;transition:color 0.2s ease 0s;}
.content-style-overlay{padding:73px 0;}
.container2{height:auto;}
.contenido h1{font-size:1.9em;}
.contenido{padding:1em;}
.contenido h2{font-size:1.4em;}
}