html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{background-color:#fff;}
body.mobile{background-image:url(images/background.jpg);background-size:cover;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(images/1.jpg);z-index:99;}
#loader{position:absolute;top:65%;left:50%;margin:170px 0 0 -110px;display:block;height:13px;width:208px;background-image:url(images/ajax-loader.gif);background-repeat:no-repeat;background-position:-3px -3px;}
#scroller{background-attachment:fixed;background-size:cover;position:relative;top:0px;bottom:0px;left:0px;right:0px;}
.box{position:relative;display:block;width:100%;overflow:hidden;font-family:'Lato', sans-serif;font-weight:400;margin-bottom:0px;}
.box:nth-child(2n+1){background-image:url(images/fondos/c2.jpg);background-size:cover;}
.box:nth-child(2n+2){background-image:url(images/fondos/b2.jpg);background-size:cover;}
#home,
#servicios,
#CONTACTO,
#project_bull,
#project_blaco,
#project_mato,
#project_spk,
#project_boletos,
#project_llamada{display:block;background-size:cover;background-position:center top;}
#home{background-image:url(images/fondos/a2.jpg);}
#servicios{background-image:url(images/fondos/c1.jpg);}
#project_bull{background-image:url(images/fondos/e2.jpg);}
#project_blaco{background-image:url(images/fondos/d2.jpg);}
#project_mato{background-image:url(images/fondos/u2.jpg);}
#project_spk{background-image:url(images/fondos/b2.jpg);}
#project_boletos{background-image:url(images/fondos/n2.jpg);}
#project_llamada{background-image:url(images/fondos/k2.jpg);}
#contacto{background-image:url(images/fondos/a2.jpg);}
#navigation{font-family:'Lato', sans-serif;font-weight:400;position:fixed;top:0px;bottom:0px;right:0px;width:65px;display:block;z-index:13;text-transform:uppercase;}
#dot_active{display:block;width:34px;height:34px;border-radius:20px;background:#222;position:absolute;box-shadow:inset 2px 2px 3px #000;}
#menu{position:absolute;top:50%;}
#menu li{position:relative;}
#menu li a{position:relative;width:34px;height:34px;display:block;margin:10px 0px;}
#menu li a .dot{position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px;height:6px;width:6px;background:#000;border-radius:8px;}
#menu li.active a .dot{background:#dcdec6;}
#menu li .label{display:none;position:absolute;width:140px;height:20px;text-align:right;left:-150px;top:10px;font-size:14px;line-height:14px;z-index:5;}
#menu li.active .label{display:none;}
.menu_icon{width:32px;height:30px;display:inline-block;background:url(images/menu_icons.png) no-repeat;margin:0px 7px;vertical-align:middle;}
.menu_icon.type_1{background-position:0px 0px;}
.menu_icon.type_2{background-position:0px -31px;}
.menu_icon.type_3{background-position:0px -64px;height:33px;}
#logo{position:absolute;top:20%;left:41.5%;z-index:500;width:652px;height:646px;margin-left:-163px;margin-top:-162px;text-indent:-400px;overflow:hidden;background-image:url(images/logo.png);background-repeat:no-repeat;}
#home_icons{position:absolute;left:0;top:80%;bottom:0px;width:341px;height:170px;margin-left:0px;text-indent:-200px;overflow:hidden;background-repeat:no-repeat;background-image:url(images/keyboard_arrows.png);cursor:pointer;opacity:0;}
#keyboard_icons{position:absolute;bottom:65px;right:50px;width:200px;height:100px;background-image:url(images/keyboard_arrows.png);background-repeat:no-repeat;overflow:hidden;text-indent:200px;cursor:pointer;}
.servicios{padding:20px 10%;width:80%}
.servicios h2{text-align:center;font-family:'Raleway', sans-serif;font-weight:800;font-size:96px;line-height:48px;color:#3E424C;padding:30px 60px;}
.servicios p{text-align:center;font-family:'Lato', sans-serif;font-weight:400;font-size:26px;line-height:1.5em;color:#222;padding:25px;}
#typed{text-align:center;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:56px;line-height:48px;padding-top:50px;}
.web,
.contenido,
.diseno{display:inline-block;margin:20px 30px;text-align:center;max-width:440px;}
.web h3,
.contenido h3,
.diseno h3{text-align:center;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:44px;line-height:48px;color:#333;padding:20px 0px;}
.web h3{color:#d7df21;}
.contenido h3{color:#0f75bc;}
.diseno h3{color:#ef3e36;}
.web img,
.contenido img,
.diseno img{text-align:center;}
.web p,
.contenido p,
.diseno p{text-align:center;font-family:'Lato', sans-serif;font-weight:400;font-size:22px;line-height:26px;color:#222;padding-top:15px;max-width:540px;}
.project_text{position:absolute;right:10%;top:0px;height:100%;width:24%;margin-top:-60px;opacity:0;}
.project_text_content{position:absolute;top:135px;text-align:center;}
.project_text_content h2{font-family:'Lato', sans-serif;font-weight:400;font-size:46px;line-height:48px;color:#333;padding:20px 60px;}
.project_text_content p{font-family:'Lato', sans-serif;font-weight:400;font-size:22px;line-height:26px;color:#222;padding-top:15px;}
.project_text_content img{width:75%;height:100%;}
.project_link{position:absolute;right:13%;top:0px;height:720px;width:320px;margin-top:-60px;opacity:0;z-index:90;}
.project_link a{position:absolute;bottom:0px;width:100%;text-align:center;padding:40px 0px;border:1px solid #222;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:30px;text-decoration:none;color:#222;}
.project_slides{position:absolute;left:30%;top:140px;width:1015px;margin-left:-507px;height:607px;z-index:40;}
.slidesjs-pagination{position:absolute;right:50px;top:50%;margin-top:-59px;z-index:40;}
.slidesjs-navigation{visibility:hidden;}
.slide{z-index:5;background-repeat:no-repeat;width:1015px;height:607px;position:relative;}
.slide.desktop{background-image:url(images/laptop.png);}
.slide.desktop img{position:absolute;left:131px;top:43px;width:754px;height:471px;}
.slide.tablet{background-image:url(images/tablet.png);}
.slide.tablet img{position:absolute;left:201px;top:67px;width:605px;height:452px;}
.slide.phone{background-image:url(images/phone.png);}
.slide.phone img{position:absolute;left:376px;top:104px;width:255px;height:373px;}
.slidesjs-container{height:607px !important;}
.slidesjs-pagination-item a{width:36px;height:36px;background-image:url('images/slide_icons.png');background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-200px;margin-bottom:5px;}
.slidesjs-pagination-item:nth-child(1) a{background-position:-131px -71px;}
.slidesjs-pagination-item:nth-child(1) a.active{background-position:-184px -74px;}
.slidesjs-pagination-item:nth-child(2) a{background-position:-131px -124px;}
.slidesjs-pagination-item:nth-child(2) a.active{background-position:-184px -124px;}
.slidesjs-pagination-item:nth-child(3) a{background-position:-131px -174px;}
.slidesjs-pagination-item:nth-child(3) a.active{background-position:-184px -174px;}
.project_image{position:absolute;left:50%;top:140px;width:1015px;margin-left:-507px;height:607px;z-index:5;display:none;}
.project_image img{position:absolute;z-index:4;left:50%;margin-left:-377px;top:43px;}
.project_image img.mobile_logo{display:none;}
.border{position:absolute;z-index:5;background-image:url(images/laptop.png);background-repeat:no-repeat;width:1015px;height:607px;}
#project_boletos .project_link a:hover,
#project_bull .project_link a:hover,
#project_blaco .project_link a:hover,
#project_mato .project_link a:hover,
#project_spk .project_link a:hover,
#project_llamada .project_link a:hover{color:#fff;border:1px solid #fff;background-image:url(images/fondos/n1.jpg);}
#project_bull .project_link a:hover{background-image:url(images/fondos/e1.jpg);}
#project_blaco .project_link a:hover{background-image:url(images/fondos/d1.jpg);}
#project_mato .project_link a:hover{background-image:url(images/fondos/u1.jpg);}
#project_spk .project_link a:hover{background-image:url(images/fondos/b1.jpg);}
#project_llamada .project_link a:hover{background-image:url(images/fondos/k1.jpg);}
#project_investco .project_link a:hover{color:#000;border:1px solid #000;background-image:url(images/fondos/n1.jpg);}
#project_8 .project_link a:hover{color:#fd6200;border:1px solid #fd6200;}
#project_9 .project_link a:hover{color:#fff;border:1px solid #fff;}
#contacto{max-width:100%;min-width:100%;}
#contacto ul{margin-top:75px;list-style:none;max-width:100%;text-decoration:none;}
#contacto li{max-width:20%;margin:20px 2%;display:inline-block;float:none;width:20%;}
.a-contacto a{border:none;cursor:pointer;}
* a{text-decoration:none;}
#contacto div{text-align:center;}
#contacto i{border:1px solid #9D8B8B;padding-top:150px;border-top-left-radius:1000px;border-top-right-radius:1000px;border-bottom-right-radius:1000px;border-bottom-left-radius:1000px;}
#con-1,
#con-2,
#con-3,
#con-4{background-size:cover;background-position:center top;}
#con-1{background-image:url(images/fondos/e1.jpg);}
#con-2{background-image:url(images/fondos/b1.jpg);}
#con-3{background-image:url(images/fondos/j1.jpg);}
#con-4{background-image:url(images/fondos/c1.jpg);}
.i-contacto{padding:22px;}
.h-contacto{text-transform:uppercase;letter-spacing:5px;margin-top:.5em;text-align:center;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:38px;line-height:48px;color:#3E424C;padding:0px 0px 20px 0px;}
.p-contacto{text-align:center;font-family:'Lato', sans-serif;font-weight:400;font-size:20px;color:#4C505A;}
@media all and (max-width:1130px){#navigation{width:45px;}
}
@media all and (max-width:1015px){#menu li .label{display:none !important;}
}
@media all and (max-height:400px){#navigator_arrow_top, #navigator_arrow_bottom{display:none !important;}
}
@media all and (max-width:860px){#home_title{right:43%;}
#home_icons{width:150px;height:150px;margin-left:-75px;background-size:cover;}
}
@media all and (max-width:760px){#home_title .arrow{display:none;}
#home_icons{width:100px;height:100px;margin-left:-50px;background-size:cover;}
#home_title{right:36%;}
#keyboard_icons{display:none;}
}
@media all and (max-width:580px){#home_title{font-size:20px;right:69%;margin-right:0px !important;}
}
@media all and (max-width:470px){#home_title{top:57%;right:50%;margin-right:-45px !important;}
#home_title .arrow{display:block;right:115px;top:49%;}
}
@media all and (max-width:470px) and (max-height:720px){#home_title{top:60%;}
}
@media all and (max-width:470px) and (max-height:580px){#home_title{top:65%;}
}
@media all and (max-width:470px) and (max-height:470px){#home_title{top:70%;}
#home_icons{display:none;}
#keyboard_icons{display:none;}
}
@media screen and (min-width:470px) and (max-width:760px) and (max-height:500px){#home_icons{display:none;}
}
@media all and (min-width:760px) and (max-height:700px){#home_icons{display:none;}
}
@media all and (max-width:1750px){.project_slides{width:900px;margin-left:-450px;height:538px;}
.slidesjs-pagination{}
.slide{width:900px;height:538px;background-size:contain;}
.slide.desktop img{left:117px;top:38px;width:668px;height:417px;}
.slide.tablet img{left:179px;top:58px;width:535px;height:402px;}
.slide.phone img{left:338px;top:90px;width:219px;height:333px;}
.slidesjs-container{height:538px !important;}
.project_text{width:25%;}
.project_text_content h2{padding:10px 0px;font-size:26px;}
.project_text_content img{width:75%;height:100%;}
.project_link{width:280px;height:650px;}
.project_link a{padding:35px 0px;}
}
@media all and (min-width:1200px){.project_text_content h2{padding:10px 0px;display:none;}
}
@media all and (max-width:1600px){.project_text{width:22%;}
.project_text_content h2{font-size:30px;line-height:40px;}
.project_text_content p{font-size:18px;line-height:22px;}
.project_text_content img{width:75%;height:100%;}
.project_link{width:240px;height:630px;}
.project_link a{padding:25px 0px;}
#menu li .label{width:80px;left:-100px;font-size:12px;}
}
@media all and (max-width:1450px){.project_text{width:20%;}
.project_text_content img{width:75%;height:100%;}
.project_link{right:12%;width:200px;height:600px;}
.project_link a{padding:15px 0px;}
#menu li .label{width:80px;left:-90px;font-size:12px;}
}
@media all and (max-width:1340px){.project_text{width:20%;}
.project_text_content img{width:75%;height:100%;}
.project_link{right:12%;width:200px;height:600px;}
.project_link a{padding:15px 0px;}
#menu li .label{width:80px;left:-90px;font-size:12px;}
}
@media all and (max-width:1200px){.project_slides{width:800px;margin-left:-400px;height:478px;}
.slidesjs-pagination{right:40px;}
.slide{width:800px;height:478px;background-size:contain;}
.slide.desktop img{left:104px;top:34px;width:596px;height:374px;}
.slide.tablet img{left:159px;top:53px;width:475px;height:357px;}
.slide.phone img{left:300px;top:82px;width:196px;height:295px;}
.slidesjs-container{height:478px !important;}
}
@media all and (max-width:1080px){.project_slides{width:700px;margin-left:-230px;height:418px;padding-top:100px;}
.slidesjs-pagination{right:30px;}
.slide{width:700px;height:418px;background-size:contain;}
.slide.desktop img{left:90px;top:29px;width:520px;height:325px;}
.slide.tablet img{left:135px;top:46px;width:420px;height:312px;}
.slide.phone img{left:262px;top:72px;width:171px;height:260px;}
.slidesjs-container{height:418px !important;}
.project_text_content p,
.project_text_content img{display:none;}
.project_text_content h2{text-align:center;}
.project_text_content{top:60px;width:100%;}
.project_text{left:50%;margin-left:-320px;width:250px;}
.project_link{height:130px;right:50%;margin-right:-290px;}
}
@media all and (max-width:875px){.project_text{margin-left:-320px;}
.project_link{margin-right:-290px}
}
@media all and (max-width:750px){.project_slides{display:none !important;}
.project_image{display:block;width:450px;margin-left:-225px;padding-top:70px;}
.project_image img{top:38px;width:350px;margin-left:-175px;}
.project_image .border{background-size:contain;width:450px;height:300px;}
.project_image img.mobile_logo{display:block;padding-top:50px;}
}
@media all and (max-width:680px){.project_image{width:450px;margin-left:-225px;padding-top:70px;}
.project_image img{top:38px;width:350px;margin-left:-175px;}
.project_image .border{width:450px;}
.project_image{top:100px;}
.project_text .arrow{height:30px;}
.project_text_content h2{font-size:36px;line-height:30px;}
.project_text_content{top:25px;}
.project_text{margin-left:-250px;width:500px;}
.project_link{height:490px;width:250px;right:75%;}
.project_link a{padding:10px 0px;}
.project_link .arrow{height:30px;}
}
@media all and (max-width:570px){.project_image{width:350px;margin-left:-175px;top:50%;margin-top:-50px;}
.project_image img{top:34px;width:260px;margin-left:-130px;display:none;}
.project_image img.mobile_logo{display:block;padding-top:initial;}
.project_image .border{width:350px;}
.box{min-height:320px !important;}
#dot_active{display:none !important;}
#menu li.active a{border-radius:20px;background:#222;box-shadow:inset 2px 2px 3px #000;}
.project_link{height:240px;width:250px;right:85%;}
}
@media all and (max-width:460px){.project_text{width:200px;margin-left:-100px;}
.project_text .arrow{height:35px;}
.project_text_content{top:50px;}
.project_text_content h2{font-size:32px;}
.project_link{top:320px;margin-right:-225px;width:200px;}
.project_link a{padding:20px 0px;}
.project_link .arrow{display:none;}
.project_image{top:150px;margin-top:0px;width:240px;margin-left:-120px;}
.project_image img{top:30px;width:190px;margin-left:-95px;}
.project_image .border{width:240px;}
.box{min-height:563px !important;}
}
canvas{position:fixed;top:0px;z-index:1;}
#wrapper{position:relative;z-index:10;}
#menu-phone-down, #menu-phone-up{display:none;}
@media screen and (max-height:330px){#navigation{display:none !important;}
#menu-phone-down, #menu-phone-up{display:block;position:fixed;background-image:url('images/keyboard_arrows.png');background-repeat:no-repeat;width:34px;height:34px;background-position:-43px -66px;z-index:11;cursor:pointer;}
#menu-phone-up{background-position:-83px -26px;top:20px;right:15px;}
#menu-phone-down{background-position:-83px -66px;bottom:20px;right:15px;}
}
@media all and (min-width:680px){#logo-2{display:none;}
}
@media all and (max-width:680px){#keyboard-icons{display:none;}
#home{background-image:url(images/fondos/a2.jpg);}
}
@media all and (max-width:750px){.project_slides{top:115px;}
}
@media all and (max-width:1450px){#logo{top:20%;left:39%;}
}
@media all and (max-width:1340px){#logo{top:20%;left:39%;}
}
@media all and (max-width:1200px){#logo{top:20%;left:39%;}
}
@media all and (max-width:1080px){#logo{top:20%;left:39%;}
}
@media all and (max-width:875px){#logo{top:20%;left:30%;}
}
@media all and (max-width:750px){#logo{top:20%;left:26%;}
}
@media all and (max-width:680px){#logo{width:570px;height:565px;top:20%;left:28%;background-image:url(images/logo-2.png);background-repeat:no-repeat;}
}
@media all and (max-width:570px){#logo{width:460px;height:456px;top:25%;left:35%;background-image:url(images/logo-3.png);background-repeat:no-repeat;}
}
@media all and (max-width:460px){#logo{width:320px;height:317px;top:40%;left:50%;background-image:url(images/logo-4.png);background-repeat:no-repeat;position:absolute;overflow:hidden;}
}
@media all and (min-width:1920px){.web,
.contenido,
.diseno{margin:15px 52px;max-width:400px;}
#typed{font-size:46px;line-height:28px;margin-top:50px;}
}
@media all and (max-width:1919px){.web,
.contenido,
.diseno{margin:15px 0;max-width:25%;}
.web,
.contenido{margin-right:9%;}
.web{margin-left:2.5%;}
.diseno{margin-right:2.5%;}
#typed{font-size:46px;line-height:28px;}
}
@media all and (max-width:1750px){}
@media all and (max-width:1600px){.servicios h2{font-size:86px;line-height:48px;padding:10px 20px;}
#typed{font-size:46px;line-height:58px;}
}
@media all and (max-width:1450px){}
@media all and (max-width:1340px){.servicios h2{font-size:76px;line-height:48px;padding:10px 20px;}
.web h3,
.contenido h3,
.diseno h3{font-size:26px;line-height:48px;padding:10px 0px;}
.servicios p{padding:5px;}
}
@media all and (max-width:1200px){.servicios h2{font-size:46px;line-height:48px;padding:10px 20px;}
.web h3,
.contenido h3,
.diseno h3{font-size:34px;line-height:48px;padding:10px 0px;}
#typed{font-size:46px;line-height:58px;}
}
@media all and (max-width:1080px){.servicios p{font-size:20px;line-height:30px;}
}
@media all and (max-width:875px){.web h3,
.contenido h3,
.diseno h3{font-size:25px;line-height:25px;}
.servicios p{padding:0;}
}
@media all and (max-width:770px){.servicios h2{font-size:38px;}
}
@media all and (max-width:680px){.servicios img{display:none;}
.servicios p{max-width:600px;font-size:18px;}
.typed{font-size:26px;line-height:26px;}
}
@media all and (max-width:570px){.servicios h2{font-size:36px;}
}
@media all and (max-width:460px){.web,
.contenido,
.diseno{display:none;}
#typed{display:none;}
}
@media all and (max-height::670px){#typed{display:none;}
}
@media screen and (max-width:1080px){#contacto ul{margin-top:25px;}
#contacto li{max-width:45%;margin:10px 2%;width:45%;}
}
@media screen and (max-width:680px){#contacto ul{list-style:none;text-decoration:none;}
#contacto li{display:inline-block;float:none;margin-bottom:10px;}
#contacto i{padding-top:50px;}
.i-contacto{padding:10px;width:50px;}
.h-contacto{display:none;}
.p-contacto{margin-bottom:35px;}
.contactop p{display:none;}
}