@font-face{font-family:'icomoon';src:url(/fonts/icomoon.eot?-3qv7xx);src:url(/fonts/icomoon.eot?#iefix-3qv7xx) format("embedded-opentype"),url(/fonts/icomoon.woff?-3qv7xx) format("woff"),url(/fonts/icomoon.ttf?-3qv7xx) format("truetype"),url(/fonts/icomoon.svg?-3qv7xx#icomoon) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-folder-check:before{content:"\e60a"}
.icon-user-tie:before{content:"\e60b"}
.icon-coin-dollar:before{content:"\e60c"}
.icon-shield:before{content:"\e60d"}
.icon-pencil:before{content:"\e60e"}
.icon-briefcase:before{content:"\e60f"}
.icon-earth:before{content:"\e610"}
.icon-world:before{content:"\e611"}
.icon-facebook:before{content:"\e600"}
.icon-instagram:before{content:"\e601"}
.icon-uniE602:before{content:"\e602"}
.icon-cart:before{content:"\e603"}
.icon-rocket:before{content:"\e604"}
.icon-twitter:before{content:"\e605"}
.icon-uniE606:before{content:"\e606"}
.icon-phone:before{content:"\e607"}
.icon-arrow-right:before{content:"\e608"}
.icon-add:before{content:"\e609"}
.icon-circle-down:before{content:"\e612"}
.icon-circle-up:before{content:"\e613"}
.ic-mail{margin-left:10px;color:#fbab18}
strong{font-weight:400}
em{font-style:normal}
.title{font-size:3em;color:#384047;margin:0;text-align:center;font-weight:400;font-weight:bold;line-height:58px;letter-spacing:-2px}
.parrafo{font-size:1.12em;color:#909ba2;text-align:center}
.btn1{background:#fbab18;color:#fff;font-size:1.25em;box-shadow:0 3px 0 #dd9003;padding:12px 0;cursor:pointer;display:block;text-decoration:none;text-align:center;border-radius:4px;border:1px solid #dd9003;font-weight:700;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;text-transform:uppercase}
.btn1:hover{background:#faa215;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#bienvenidos .btn-contacto{display:none}
#layout{-webkit-transition:all .3s ease;transition:all .3s ease}
#layout.activo{transform:translate3d(-249px,0px,0px);-webkit-transform:translate3d(-249px,0px,0px)}
body{font-size:16px;font-family:Quicksand;font-weight:400;background:#252525}
body.active-single{overflow:hidden}
img{vertical-align: middle}
#single-proyect{position:fixed;top:0;left:110%;box-shadow:0 0 50px 20px;width:100%;height:100%;z-index:4;overflow:auto;transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s}
#single-proyect.active-single{transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s;left:0}
#single-servicio1{position:fixed;top:0;left:110%;box-shadow:0 0 50px 20px;width:100%;height:100%;z-index:4;overflow:auto;transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s}
#single-servicio1.active-single{transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s;left:0}
#single-servicio2{position:fixed;top:0;left:110%;box-shadow:0 0 50px 20px;width:100%;height:100%;z-index:4;overflow:auto;transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s}
#single-servicio2.active-single{transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s;left:0}
#single-servicio3{position:fixed;top:0;left:110%;box-shadow:0 0 50px 20px;width:100%;height:100%;z-index:4;overflow:auto;transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s}
#single-servicio3.active-single{transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s;left:0}
#single-servicio4{position:fixed;top:0;left:110%;box-shadow:0 0 50px 20px;width:100%;height:100%;z-index:4;overflow:auto;transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s}
#single-servicio4.active-single{transition:all 1.4s;-moz-transition:all 1.4s;-webkit-transition:all 1.4s;left:0}
#single-servicio1.activo{left:0}
#single-servicio2.activo{left:0}
#single-servicio3.activo{left:0}
#single-servicio4.activo{left:0}
header .content-menu{box-shadow:11px -3px 8px 0 #1f1f1f inset;display:none;background:#252525;position:fixed;top:0;right:0;width:187px;padding:0 31px 5%;overflow:hidden;min-height:95%}
header .content-menu.activo{display:block}
header .closesidesbtn{position:fixed;height:17px;width:40px;right:1.5%;top:43px;cursor:pointer;display:block;text-align:center}
header .closesidesbtn a:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
header .closesidesbtn img{width:80%;opacity:.6;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s}
header .info-menu{bottom:83px;position:absolute}
header .content-menu .separador{background:#747474;height:1px;width:66.22%;margin-top:27px;margin-bottom:21px}
header .content-menu .separador.b{margin-top:0;margin-bottom:29px}
header .content-menu .contact span{text-transform:uppercase;color:#fff;font-size:1.12em;text-decoration:none;font-weight:400;cursor:pointer}
header .content-menu .contact.selected span,header .content-menu .contact span:hover{color:#fbab18}
header .content-menu .contact{margin-bottom:24px}
header .content-menu .icon-twitter{font-size:.93em;color:#d1d1d1;text-decoration:none;float:left;margin-right:7.42%}
header .content-menu .icon-twitter:hover{color:#fbab18}
header .content-menu .icon-instagram{font-size:.93em;color:#d1d1d1;text-decoration:none;float:left;margin-right:7.42%}
header .content-menu .icon-instagram:hover{color:#fbab18}
header .content-menu .icon-facebook{font-size:.93em;color:#d1d1d1;text-decoration:none;float:left;margin-right:7.42%}
header .content-menu .icon-facebook:hover{color:#fbab18}
header .content-menu .link.privacity,header .content-menu .copyright{display:block;color:#cdcdcd;font-size:.75em}
header .utilbar{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);position:fixed;top:0;background-color:#181818;opacity:.8;height:0;width:100%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0;z-index:5}
header .utilbar #logo-bar{margin-left:2.62%;margin-top:11px;float:left;display:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
header .utilbar #logo-bar img{width:125px;transition:all .5s ease 0s;height:0}
header .utilbar .barras-menu{width:40px;cursor:pointer;margin-top:16px;float:right;margin-right:2.62%;display:none;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
header .utilbar .barras-menu span{background:#fbab18;height:5px;width:100%;margin-bottom:7px;display:block;transition:all .5s ease 0s;height:0}
header .utilbar.activo{height:59px;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
header .utilbar.activo #logo-bar{display:block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
header .utilbar.activo .barras-menu{display:block;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
header .utilbar .control-nav{opacity:0}
header .utilbar .nav{color:#fbab18;font-size:1.37em;font-weight:700;display:none;height:100%;padding:0 30px;border-right:1px solid #000;line-height:59px;cursor:pointer;text-decoration:none}
header .utilbar .nav:hover{color:#fff}
header .utilbar .nav.first{padding-left:0}
header .utilbar .control-nav{float:right;margin-right:1.87%;height:100%;opacity:1;overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
header .utilbar .control-nav.especial{display: none}
#contacto-bloque{overflow-x:hidden;z-index:-1;min-height:700px;padding-right:76px;opacity:0;position:absolute;top:0;right:249px;width:69.12%;padding-top:7%;background:#252525;height:84.5%;max-width:1106px;-webkit-transition:all 3s ease 0s;transition:all 3s ease 0s;transition:visibility 0s ease 1s,opacity .2s linear 0s;-webkit-transition:visibility 0s ease 1s,opacity .2s linear 0s}
#contacto-bloque.activo{opacity:1;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s}
#contacto-bloque .title{font-size:2.5em;color:#ededed;text-align:left;font-weight:400}
#contacto-bloque .parrafo{text-align:left;color:#a5a5a5}
#contacto-bloque .title span{color:#a5a5a5}
#contacto-bloque #contactDiv{width:57.95%;margin-top:56px;float:left;margin-right:5.24%;max-width:640px;margin-bottom: 30px;}
#contacto-bloque #contactDiv .btn1{float: right;width: auto;margin-top: 33px;min-width: 150px;padding-left: 20px;padding-right: 20px;}
#contacto-bloque #contactDiv .input.text{position:relative;margin-bottom:32px}
#contacto-bloque #contactDiv .input.text label{position:absolute;top:12px;left:7%;color:#6a6a6a;font-size:1em}
#contacto-bloque #contactDiv .input.text input{height:19px;padding:13px 7% 9px;width:85.5%;border:1px solid #e7e7e7;color:#000;font-weight:700}
#contacto-bloque #contactDiv .input.text input:hover,#contacto-bloque #contactDiv .input.text input:focus{border:1px solid #f3a619}
#contacto-bloque #contactDiv .input.textarea textarea{height:89px;padding:12px 7%;width:85.5%;border:1px solid #e7e7e7;color:#000;font-weight:700}
#contacto-bloque #contactDiv .input.textarea textarea:hover,#contacto-bloque #contactDiv .input.textarea textarea:focus{border:1px solid #f3a619}
#contacto-bloque #contactDiv .input.textarea{position:relative}
#contacto-bloque #contactDiv .input.textarea label{position:absolute;top:12px;left:7%;color:#6a6a6a;font-size:1em}
#contacto-bloque #map-canvas{height:408px;width:408px;border-radius:50%}
#contacto-bloque .ubicacion{/*float:left;*/width:auto}
/* #contacto-bloque .ubicacion .info-contacto{font-size:1.12em;text-align:center;margin-top:25px}
#contacto-bloque .ubicacion .telefono{color:#fbab18;display:block;float:left;width:46%;text-align:right}
#contacto-bloque .ubicacion .correo{color:#fff;display:block;float:left;width:46%;text-align:left;font-weight:700}
#contacto-bloque .ubicacion .separador{color:#707070;font-size:1.12em;margin:0 2%;float:left}
#contacto-bloque .ubicacion .direccion{color:#a5a5a5;display:block;clear:both} */
  
.info-contacto{font-size:1.12em;text-align:center;margin-top:25px;clear: left;}
.info-contacto .telefono{color:#fbab18;display:block;float:left;width:46%;text-align:right}
.info-contacto .correo{color:#fff;display:block;float:left;width:46%;text-align:left;font-weight:700}
.info-contacto .separador{color:#707070;font-size:1.12em;margin:0 2%;float:left}
.info-contacto .direccion{color:#a5a5a5;display:block;clear:both}

#contacto-bloque .requerido{color:#d60000}
#contacto-bloque .input.checkbox{float:left;color:#a4a4a4;font-size:.75em;margin-top:44px;margin-right:4.3%;position:relative;width:30%}
#contacto-bloque .input.checkbox a{color:#a4a4a4;float:left;margin-left:11.83%}
#contacto-bloque .input.checkbox input{background:none;height:auto;font-weight:400;padding:0;width:auto}
#contacto-bloque .input.checkbox label{background:url(style/checkoff.png)no-repeat;background-repeat:no-repeat;float:left;height:26px;padding-left:23px;position:relative;width:auto;cursor:pointer}
#contacto-bloque .input.checkbox input[type="checkbox"]{opacity:0;position:absolute;left:0}
#contacto-bloque .input.checkbox label.checkboxon{background:url(style/checkmark.png)no-repeat}
#menu{margin-top:42px;margin-left:0}
#menu li{display:inline-block;margin-bottom:8px;clear:left;float:left}
#menu li.last{margin-bottom:0}
#menu li a{color:#fff;font-weight:400;font-size:1.12em;text-decoration:none;text-transform:uppercase}
#menu li:hover a,#menu li.selected a{color:#fbab18}
#menu li a.selected{color:#fbab18}
#attraction .shadow-attraction{background:url(style/shadow-attract-home.png) no-repeat;height:100%;left:0;position:absolute;top:0;width:100%;background-size:cover}
#attraction{width:100%;position:relative;overflow:hidden;background:#000;height:738px}
#attraction .sld img{width:100%;min-width:1185px}
#attraction .sld .desk{display:block}
#attraction .sld .mobil{display:none}
#attraction .sld{height:738px;width:100%;overflow:hidden}
#attraction #logo{position:absolute;top:0;z-index:1;top:41px;width:201px}
#attraction #logo img{width:100%}
#attraction .contact-link{color:#fbab18;text-decoration:none;font-weight:700;font-size:1.12em;float:left;line-height:16px}
#attraction .transparencia-link{background:none repeat scroll 0 0 #000;border-radius:5px;height:40px;left:0;opacity:.35;position:absolute;top:0;width:100%;z-index:-1;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#attraction .content-link-contact{width:146px;position:absolute;top:50px;right:30px;z-index:1;margin-right:71px;cursor:pointer;padding:11px 22px 9px}
#attraction .content-link-contact img{float:left;margin-left:12px;margin-top:5px}
#attraction .content-link-contact:hover .transparencia-link{opacity:.7;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#attraction .info{position:absolute;top:214px;width:39%;z-index:1}
#attraction .info .title{color:#f0f0f0;text-align:left;margin-bottom:30px}
#attraction .info .btn1{width: auto;float: left;padding-left: 20px;padding-right: 20px;}
#attraction .descripcion{font-size:1.3em;color:#fff;text-align:left;margin-bottom:36px}
#attraction .owl-prev{background:url(style/nav-prev.png) no-repeat;height:47px;margin:0;position:absolute;left:2.6%;width:27px;float:left;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;background-size:100%}
#attraction .owl-prev:hover{background:url(style/nav-prev-hover.png) no-repeat;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0;background-size:100%}
#attraction .owl-next{background:url(style/nav-next.png) no-repeat;height:47px;margin:0;right:2.6%;position:absolute;float:right;width:27px;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;background-size:100%}
#attraction .owl-next:hover{background:url(style/nav-next-hover.png) no-repeat;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;background-size:100%}
#attraction .owl-buttons{position:absolute;top:385px;width:100%}
#attraction .barras-menu{width:40px;position:absolute;right:30px;top:55px;z-index:1;margin-right:.1%;cursor:pointer}
#attraction .barras-menu span{background:#fbab18;height:5px;width:100%;margin-bottom:7px;display:block}
#attraction .icon-arrow-right{font-size:1.25em;color:#fbab18;display:block;float:left;margin-left:11px}
#seccion1{background:#fff;padding-top:105px;padding-bottom:116px}
#seccion1 .title{margin-bottom:40px;text-align:left;line-height:55px}
#seccion1 .parrafo{margin-bottom:48px;text-align:left;font-size:1.12em}
#seccion1 .macbook{width:100%}
#seccion1 .ipad{width:100%}
#seccion1 .iphone{width:100%}
#seccion1 .content{float:left;width:55%;position:relative}
#seccion1 .info{float:left;width:40%;margin-right:2%}
#seccion1 .btn1{width: auto;float: left;padding-left: 20px;padding-right: 20px;}
#seccion1 .contenedor-carrusel{left:12.02%;overflow:hidden;position:absolute;top:23px;width:75.95%;max-height:312px}
#seccion1 #slider-mac #slide img{width:100%}
#seccion1 .contenedor-carrusel-02{right:4.94%;overflow:hidden;position:absolute;bottom:26px;width:28.31%;max-height:248px}
#seccion1 #slider-ipad #slide img{width:100%}
#seccion1 .contenedor-carrusel-03{right:26.25%;overflow:hidden;position:absolute;bottom:26px;width:14.15%;max-height:170px}
#seccion1 #slider-iphone #slide img{width:100%}
#seccion1 .cont-mac{width:100%;min-width:492px;max-width:657px}
#seccion1 .cont-ipad{width:32.64%;position:absolute;right:2.81%;bottom:0}
#seccion1 .cont-iphone{width:16.13%;position:absolute;bottom:0;right:25.34%}
#seccion1 .btn1.mobile{display:none}
#servicios{background:#f6f6f6;padding-top:65px}
#servicios .title{font-size:3.3em;margin-bottom:14px;line-height:52px}
#servicios .title span{color:#909ba2;font-size:.49em;text-align:center;display:block;font-weight:400}
#servicios .parrafo{color:#8c989e;margin-bottom:80px;font-size:1.37em}
#servicios .grid4{width:25%;float:left;position:relative;margin:0;cursor:pointer}
#servicios .grid4 img{width:100%}
#servicios .grid4 .shadow{background:#000;opacity:.3;width:100%;height:100%;position:absolute;left:0;top:0}
#servicios .grid4 .info{position:absolute;top:0;width:74%;margin:0 auto;text-align:center;padding:28% 13%}
#servicios .grid4 .titulo-grid{color:#fff;font-size:1.75em;font-weight:300}
#servicios .grid4 .icon-add{font-size:1.43em;color:#fff;margin-top:56px;opacity:1;-webkit-transition:opacity 0.5s,-webkit-transform .5s;transition:opacity 0.5s,transform .5s}
#servicios .grid4 .btn2{color:#fff;font-size:1.25em;text-align:center;text-decoration:none;display:block;float:left;margin-right:8.25%;line-height:49px}
#servicios .grid4 .boton{background:#000 transparent;background:rgba(0,0,0,0.35);width:25%;padding:0 10.25%;min-width:174px;border-radius:5px;bottom:103px;margin:0 auto}
#servicios .cont-boton{position:absolute;bottom:0;width:100%}
#servicios .grid4 .icon-add.b{float:left;margin-top:14px}
#servicios .grid4 .descripcion{color:#fff;font-size:1em;text-align:center;margin-bottom:25px}
#servicios .grid4 .center{position:absolute;width:100%;bottom:0}
.thumb .thumb-wrapper .front,#servicios .thumb .thumb-wrapper .back{position:absolute;top:0;left:0;width:100%;height:100%;background-clip:padding-box;bottom:0;right:0}
.thumb.flip .thumb-wrapper .front{z-index:1}
.thumb .thumb-wrapper .front{overflow:hidden}
.thumb.flip .thumb-wrapper .front,.thumb.flip .thumb-wrapper .back{backface-visibility:hidden}
.thumb .thumb-wrapper{cursor:pointer}
.thumb{display:block;position:relative;width:100%}
.thumb.flip{perspective:800px;z-index:0}
.thumb.flip:hover{z-index:1}
.thumb.flip .thumb-wrapper{position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s}
.thumb .thumb-wrapper{cursor:pointer;display:block;width:100%}
.thumb .thumb-wrapper{height:475px}
.thumb.flip .thumb-wrapper .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:2;background:#fff;border:1px solid #efefef;border-radius:5px;top:-23px!important;height:588px!important}
.back{height:560px}
.grid4:hover .thumb.flip .thumb-wrapper{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
#proyectos .cont-titulo{background:#fff;padding-top:75px;padding-bottom:75px}
#proyectos .title{margin-bottom:14px;line-height:46px}
#proyectos .title span{color:#909ba2;font-size:.45em;text-align:center;display:block;font-weight:400}
#proyectos .contenedor-imagenes .grid5{left:0;width:50%;float:left;position:relative;cursor:pointer}
#proyectos .contenedor-imagenes .grid5.grande{width:50%;overflow:hidden}
#proyectos .contenedor-imagenes .grid5 img{width:100%;display:block;transition:2s ease;-webkit-transition:2s ease}
#proyectos .contenedor-imagenes .grid5 img:hover{transform:scale(1.3);-webkit-transform:scale(1.3)}
#proyectos .grid5 .info{position:absolute;top:0;left:0;width:100%;height:100%}
#proyectos .grid5 .info .titulo-grid{text-shadow:1px 1px 1px #000;font-size:2.2em;color:#fff;text-align:left;margin-top:60px;padding: 0 25px}
#proyectos .grid5.grande.last .info .titulo-grid{text-align: right}
#proyectos .grid5 .boton{background:#000 transparent;background:rgba(0,0,0,0.35);width:22%;padding:0 6%;min-width:230px;border-radius:5px;position:relative;bottom:55px;margin:0 auto;display:inline-block;width:auto}
#proyectos .cont-boton{position:absolute;bottom:0;width:100%;text-align:center}
#proyectos .grid5 .info .btn2{color:#fff;font-size:1.56em;text-align:center;text-decoration:none;display:block;float:left;margin-right:9.27%;line-height:56px}
#proyectos .grid5 .info .icon-add{float:left;color:#fff;font-size:1.56em;margin-top:18px}
#proyectos .grid5 .bloque1{position:absolute;background:#fff;width:36%;height:72%;padding:7%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#proyectos .grid5 .bloque1 .titulo-bloque{font-size:2.3em;color:#4b4b4b;text-align:left;margin-bottom:12px;letter-spacing:-2px}
#proyectos .grid5 .bloque1 .descripcion{font-size:1em;color:#4b4b4b;line-height:25px}
#proyectos .grid5 .bloque1 .btn2{font-size:1.56em;color:#090909;text-align:left;display:block;float:left;margin-right:15px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#proyectos .grid5 .bloque1 .icon-add{font-size:1.56em;color:#090909;float:left;margin-top:7px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#proyectos .grid5 .bloque2{width:50%;position:relative;float:right;overflow:hidden}
#proyectos .grid5.b .polygon{width:100%}
#proyectos .grid5.b .polygono{left:50%;margin:22.6% 0;position:absolute;z-index:1;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #fff;-webkit-transition:all .5s ease 0;transition:all .5s ease 0}
#proyectos .bloque1 .boton2{position:absolute;bottom:59px}
#proyectos .grid5.b.right .bloque2{float:left;overflow:hidden}
#proyectos .grid5.b.right .bloque1{left:50%}
#proyectos .grid5.b.right .polygono{left:48.41%;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #fff;border-left:0;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#proyectos .grid5.b.middle{width:100%}
#proyectos .grid5.b.middle .bloque2{width:75%}
#proyectos .grid5.b.middle .bloque1{padding:3.5%;width:18%}
#proyectos .grid5.b.middle .polygono{margin:11.3% 0;left:25%}
#proyectos .contenedor-imagenes{background:#dedede}
#proyectos .cont-grid{width:50%;float:left}
#proyectos .cont-grid .grid5{width:100%}
#proyectos .grid5:hover .bloque1{background:#dedede;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#proyectos .grid5:hover .bloque1 .btn2{color:#fba917;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#proyectos .grid5:hover .bloque1 .icon-add{color:#fba917;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#proyectos .grid5.b:hover .polygono{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #dedede;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#proyectos .grid5.b.right:hover .polygono{border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #dedede;border-left:none;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#proyectos .bloque2 .cuadrada{display:none!important}
#proyectos #carrusel-movil{display:none}
#clientes{background:#fff;padding-top:82px;padding-bottom:93px}
#clientes .separador{width:65%;margin:0 auto;background:#e8e8e8;height:1px;margin-bottom:39px}
#clientes .separador.b{margin-top:21px;margin-bottom:41px}
#clientes .title{margin-bottom:14px}
#clientes .parrafo{color:#909ba2;margin-bottom:80px;font-size:1.37em}
#clientes .parrafo.b{margin-bottom:0}
#clientes .contenedor-clientes{width:83%;margin:0 auto;min-width:550px}
#clientes .logo-cliente{float:left;width:33.33%;margin-bottom:13px;position:relative;text-align:center}
#clientes .logo-cliente img{width:100%;max-width:247px}
#clientes .logo-cliente.last{margin-right:0}
#clientes .title span{color:#727272;font-size:.4em;text-align:center;display:block;margin-bottom:12px}
#clientes .logo-hover{position:absolute;top:0;cursor:pointer}
#clientes .grayscale{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}
#clientes .grayscale:hover{filter:none;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}
#nosotros .nosotros-img{width:100%;min-width:1150px}
#nosotros .content-bloque{position:relative;width:100%;overflow:hidden;height: auto!important}
#nosotros .barra-lateral{background:#fbab18;opacity:.9;right:0;top:0;width:100%;padding:33px 0 43px}
#nosotros .titulo-nosotros{text-align:center;color:#fff;font-size:2.9em;font-weight:700;margin-bottom:10px}
#nosotros .titulo-nosotros span{font-weight:400;text-decoration:line-through}
#nosotros .barra-lateral .parrafo-nosotros{font-size:1.3em;font-weight:700;color:#fff;text-align:center}
footer{background:#252525;padding:35px 0}
footer .icon-phone{color:#fbab18;font-size:.9em;display:inline;margin-right:1.2%}
footer .icon-uniE606{color:#fbab18;font-size:.8em;display:inline;margin-left:1.2%}
footer .info-footer{color:#757575;font-size:1.5em;font-weight:700;text-align:center}
footer .info-footer span{color:#fff}
footer .info-footer .tel{margin-right:1.25%}
footer .info-footer .email{margin-left:1.25%}
footer .info-footer .info{font-size:.5em;margin-top:10px}
footer .info-footer .info,footer .info-footer .info span,footer .info-footer .info a{color:#a9a9a9;font-weight:400}
footer .info-footer .info .copyright{margin-right:1%}
footer .info-footer .info .span2{margin:0 1%}
footer .info-footer .info .link.privacity{margin-left:1%;text-decoration:underline}
::selection{background:#000;color:#fff}
::-moz-selection{background:#000;color:#fff}
figure.effect-oscar img{-webkit-transition:opacity .35s;transition:opacity .35s}
figure.effect-oscar figcaption{background-color:rgba(58,52,42,0.7);-webkit-transition:background-color .35s;transition:background-color .35s}
figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:''}
figure.effect-oscar h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}
figure.effect-oscar figcaption::before,figure.effect-oscar .desc{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(0);transform:scale(0)}
figure.effect-oscar .desc{position:absolute;bottom:110px;left:0;width:100%}
figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover .desc{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
figure.effect-oscar:hover figcaption{background-color:rgba(58,52,42,0)}
#servicios .grid4:hover .icon-add.a{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
#ajax_content{z-index:1;display:none}
.error-message{color:red}
@-webkit-keyframes efectocargando {
0%{width:0}
25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}
}
@keyframes efectocargando {
0%{width:0}
25%{width:25%}
50%{width:50%}
75%{width:75%}
100%{width:100%}
}
.efectoload{-webkit-animation-name:efectocargando;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:1;-webkit-animation-duration:4s;animation-name:efectocargando;animation-timing-function:linear;animation-iteration-count:1;animation-duration:4s}
.hidde{display:none}
.close_mobil{display:none;position:absolute;height:26px;width:40px;right:7.5%;top:43px;cursor:pointer;text-align:center}
/* .close_mobil img{width:43%;opacity:.6;transition:all .3s ease-out 0;-webkit-transition:all .3s ease-out 0} */
.close_mobil a{background: url(style/nav-next.png) no-repeat;height: 47px;margin: 0;right: 2.6%;position: absolute;float: right;width: 27px;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;background-size: 100%;}
.close_mobil a:hover {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.attract{position:fixed;opacity:0;z-index:-1;top:0;left:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;background-color:#fff;width:100%}
.attract .shadow{height:100%;width:100%;background:url(style/shadow-attract-servicios.png) no-repeat;background-size:cover;background-position:center top}
.attract .attract-img{background-repeat:no-repeat;background-attachment:scroll;background-position:center top;background-clip:border-box;background-origin:padding-box;background-size:cover;height:545px;width:100%;overflow:hidden}
.attract-otros{position:fixed;opacity:0;z-index:-1;top:0;left:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;background-color:#fff;width:100%}
.attract-otros .shadow{height:100%;width:100%;background:url(style/shadow-attract-servicios.png) no-repeat;background-size:cover;background-position:center top}
.attract-otros .attract-otros-img{background-repeat:no-repeat;background-attachment:scroll;background-position:center top;background-clip:border-box;background-origin:padding-box;background-size:cover;height:545px;width:100%;overflow:hidden}
.proy-attract{position:fixed;opacity:0;z-index:-1;top:0;left:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;background-color:#fff;width:100%}
.proy-attract .shadow{height:100%;width:100%;background:url(style/shadow-attract-servicios.png) no-repeat;background-size:cover;background-position:center top}
.proy-attract .proy-attract-img{background-repeat:no-repeat;background-attachment:scroll;background-position:center-top;background-clip:border-box;background-origin:padding-box;background-size:cover;height:738px;width:100%;overflow:hidden}
.proy-attract-otros{position:fixed;opacity:0;z-index:-1;top:0;left:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;background-color:#fff;width:100%}
.proy-attract-otros .shadow{height:100%;width:100%;background:url(style/shadow-attract-servicios.png) no-repeat;background-size:cover;background-position:center top}
.proy-attract-otros .proy-attract-img-otros{background-repeat:no-repeat;background-attachment:scroll;background-position:center top;background-clip:border-box;background-origin:padding-box;background-size:cover;height:738px;width:100%;overflow:hidden}
@keyframes fadeIn2 {
0%{opacity:.2}
100%{opacity:1}
}
@-webkit-keyframes fadeIn2 {
0%{opacity:.2}
100%{opacity:1}
}
.fadeIn2{animation-name:fadeIn2;-webkit-animation-name:fadeIn2}
.slide-mac{width:100%}
.slide-ipad{width:100%}
.slide-iphone{width:100%}
.attract-img.movil{display:none}
.quitar_trans{transform:translateZ(0px)!important;-webkit-transform:translateZ(0px)!important}
.preload{display:none!important}
/* owl carousel */
#owl-demo .owl-item div{padding:0}
#owl-demo .owl-item img{display:block;width:100%;height:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}
#sb-container,#sb-wrapper{text-align:left}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999}
body > #sb-container{position:fixed}
#sb-overlay{height:expression(document.documentElement.clientHeight + 'px')}
#sb-container > #sb-overlay{height:100%}
#sb-wrapper{position:relative}
#sb-wrapper img{border:none}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030}
#sb-body-inner{position:relative;height:100%}
#sb-content.html{height:100%;overflow:auto}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px}
#sb-body,#sb-loading{background-color:#060606}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px}
#sb-title,#sb-title-inner{height:26px}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff}
#sb-info,#sb-info-inner{height:20px}
#sb-info-inner{font-size:12px;color:#fff}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer}
#sb-nav-close{background-image:url(shadowbox/close.png);background-repeat:no-repeat}
#sb-nav-next{background-image:url(shadowbox/next.png);background-repeat:no-repeat}
#sb-nav-previous{background-image:url(shadowbox/previous.png);background-repeat:no-repeat}
#sb-nav-play{background-image:url(shadowbox/play.png);background-repeat:no-repeat}
#sb-nav-pause{background-image:url(shadowbox/pause.png);background-repeat:no-repeat}
#sb-counter{float:left;padding:2px 0;width:45%}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline}


#sb-body-inner{background-color: #757575;padding:4%}
#sb-wrapper #sb-info{position: absolute;right: -25px;top: 0}
#sb-wrapper #sb-nav-close{background-image: url("style/cruz.png");background-size: 100% auto;height: 40px;width: 40px;}
#sb-info, #sb-info-inner,#sb-nav{height: auto !important}


footer{background-color: #252525;padding: 20px 0;text-align: left;position: relative;z-index: 1}
footer.especial{background: #2a313f;text-align: center;padding: 15px 0;}
footer #copyright{color: #8e8e8e;font-size: 0.75em;font-weight: 200;text-decoration: none;}
footer .line{border-right: 2px solid #686868;display: inline-block;height: 13px;margin: -2px 10px;}
footer .contactanos{color: #fff;font-size: 1em;display: block;margin-bottom: 10px;float: right}
footer .terminos,footer .link{color:#edaf2b;font-size: 0.75em;text-decoration: none}
footer .terminos:hover,footer .link:hover{text-decoration: underline}
footer .line-a{color: #fff;border-right: 1px solid #686868;display: inline-block;height: 12px;margin: -2px 1px;}
footer .aviso{float: left;margin-right: 4%;width: 62%}

#instagram .instagram-fotos .item{width: 33.33%;float: left}
#instagram .instagram-fotos .item img{width: 100%;vertical-align: middle}
.carrusel-mobile-insta{display: none!important}
#slide_mobil{position: relative;}