@font-face{font-family:futura;font-weight:bold;font-style:bold;src:url(../fonts/FuturaStd-Bold.otf);-webkit-font-smoothing:antialiased}@font-face{font-family:futura;font-weight:normal;font-style:normal;src:url(../fonts/FuturaStd-Heavy.otf);-webkit-font-smoothing:antialiased}@font-face{font-family:sourcesans;font-weight:normal;font-style:normal;src:url(../fonts/SourceSansPro-Regular.otf);-webkit-font-smoothing:antialiased}@font-face{font-family:sourcesans;font-weight:100;font-style:100;src:url(../fonts/SourceSansPro-ExtraLight.otf);-webkit-font-smoothing:antialiased}@font-face{font-family:sourcesans;font-weight:Bold;font-style:Bold;src:url(../fonts/SourceSansPro-Bold.otf);-webkit-font-smoothing:antialiased}@font-face{font-family:sourcesans;font-weight:normal;font-style:italic;src:url(../fonts/SourceSansPro-It.otf);-webkit-font-smoothing:antialiased}body,html{margin:0 !important;padding:0 !important;font-size:10px;font-family:"sourcesans", helvetica, sans-serif;color:#333333;height:100%;background-size:cover}@media screen and (max-width: 1462px){body,html{font-size:7px}}@media screen and (max-width: 1200px){body,html{font-size:7px}}@media screen and (max-width: 1024px){body,html{font-size:7px}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h3{font-size:3.7rem;line-height:5.4rem;font-weight:normal;display:normal;margin:0 0 0 0}h4{font-family:"futura", helvetica, sans-serif;display:block;width:50%;font-size:4.2rem;margin:15rem auto 15rem auto;letter-spacing:1.2rem;text-transform:uppercase}h5{font-size:1.2rem;font-weight:bold;text-transform:uppercase;position:relative;margin:-1rem 0 2rem 0}a,a:visited,a:active{text-decoration:none;color:#333333;cursor:pointer}a:hover{color:#333333}#frontpage{overflow:hidden;height:100%;width:100%;position:relative;color:white;text-align:center;background-color:#1a1a1a;background-size:100%;background-size:cover;text-align:center}#frontpage .titleblock{width:296px;margin-left:auto;margin-right:auto;position:relative;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 600px){#frontpage .titleblock{max-width:80%}}#frontpage img{width:100%}#frontpage .bimg{position:relative;margin-bottom:70px;width:365px;left:-35px}@media screen and (max-width: 600px){#frontpage .bimg{width:320px;left:-12px;margin-bottom:50px}}#frontpage .hola{position:absolute;top:20px;right:-50px;width:50%}#frontpage .hola img{width:50%}#about{background-color:#e9eceb;font-family:"sourcesans", helvetica, sans-serif}#about p{margin-bottom:4.1rem}#about i{font-weight:normal}#about .videoWrapper{position:relative;padding-bottom:50.75%;padding-top:25px;height:0}#about .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}#about strong{text-transform:uppercase;margin-bottom:3.8rem;margin-top:2.1rem;display:block}#about .description{width:66.666%;font-size:3.6rem;line-height:4.8rem;margin-left:auto;margin-right:auto;margin-bottom:7rem;max-width:976px;padding:0 .8rem}#about .main{margin-left:auto;margin-right:auto;float:clear;position:relative;width:66.666%;max-width:960px}#about .c1{font-family:"sourcesans", Helvetica, sans-serif;text-align:left;width:50%;margin:0 0rem 0 0%;padding:0 1.6rem;float:left}@media screen and (max-width: 600px){#about .c1{width:90%;margin:0 auto;float:none;text-align:center;padding:0;display:none}}#about .c2{font-family:"sourcesans", Helvetica, sans-serif;text-align:left;width:50%;padding:0 1.6rem;float:left}#about .c2 strong{margin-bottom:3.6rem}#about .c2 p::first-line{font-family:"sourcesans", helvetica, sans-serif;font-weight:bold}@media screen and (max-width: 600px){#about .c2{width:90%;margin:0 auto;float:none;text-align:center;padding:3.6rem 0}}#contact{height:100%;position:relative}#contact h6{font-size:2.4rem;line-height:3.6rem;font-weight:normal;display:block;position:relative;top:0%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 600px){#contact h6{font-size:3.6rem;line-height:4.8rem}}.container{position:relative;width:146.2rem;margin:0 auto}@media screen and (max-width: 880px){.container{width:100%;padding:0 1.6rem}}.container h3{display:block;width:50%;margin:20rem auto 15rem auto;text-align:center}@media screen and (max-width: 600px){.container h3{width:75%}}.block{position:relative;overflow:auto;text-align:center;font-size:1.8rem;line-height:2.7rem;padding:15rem 0 18rem 0}@media screen and (max-width: 1024px){.block{font-size:2.1rem;line-height:3.3rem}}.block .center{margin-left:auto;margin-right:auto}.logo{display:none;position:fixed;height:30px;width:30px;top:90px;right:40px;z-index:100;opacity:.9;display:block;cursor:pointer}@media screen and (max-width: 880px){.logo{top:42px;right:100px;display:none}}@media screen and (max-width: 600px){.logo{zoom:0.78;-moz-transform:scale(0.78);display:none;background-color:transparent}}@media screen and (max-width: 600px){.logo{zoom:0.78;-moz-transform:scale(0.78);display:none;background-color:transparent}}.logo img{width:100%}.logoclose{opacity:0}.hamburgerclose{background-color:transparent !important}.hamburgerclose span{background-color:white !important}@media screen and (max-width: 880px){.hamburgerclose span{background-color:white !important}}#menubox{position:fixed;height:100%;width:100%;top:0;opacity:0;background-color:black;z-index:0;overflow:scroll-y}#menubox a{color:white}#menubox .logoMenu{display:none;position:fixed;top:0;left:0;height:48px;width:48px;top:81px;left:80px;opacity:.8;cursor:pointer}#menubox .logoMenu img{width:100%}@media screen and (max-width: 880px){#menubox .logoMenu{top:41px;left:50px;height:40px;width:40px}}@media screen and (max-width: 600px){#menubox .logoMenu{top:24px;left:24px;height:24px;width:24px}}#menubox ul.menu{list-style-type:none;position:relative;top:47%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-family:"futura", Helvetica, sans-serif;font-size:4.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1.2rem;color:white;overflow:hidden}#menubox ul.menu li{margin-bottom:2.4rem;cursor:pointer}@media screen and (max-width: 880px){#menubox ul.menu{font-size:36px}#menubox ul.menu li{margin-bottom:24px}}@media screen and (max-width: 600px){#menubox ul.menu{font-size:14px;line-height:10px;top:48%;left:-10px;letter-spacing:10px}#menubox ul.menu li{margin-top:4px;margin-bottom:21px}}#menubox ul>ul{list-style-type:none;position:relative;font-size:1.8rem;line-height:1.2rem;padding:1.8rem 0;letter-spacing:.1rem;top:-2rem;font-family:"sourcesans", Helvetica, sans-serif;text-transform:none;font-weight:normal;margin:0}@media screen and (max-width: 880px){#menubox ul>ul{font-size:18px;line-height:12px;padding:18px 0;letter-spacing:1px;top:-10px}}@media screen and (max-width: 600px){#menubox ul>ul{font-size:8px;letter-spacing:0;line-height:0px;padding:7px 0 15px 0}#menubox ul>ul li{margin-bottom:-10px 0;padding:0;letter-spacing:0px}}#menubox.open{display:block;opacity:.95;z-index:99}#menubox.open ul.menu{zoom:1;-moz-transform:scale(1)}#portfolio{background-color:white}#portfolio .container{width:100%;padding:0 4.8rem}#portfolio video{display:block}#portfolio .videobox{display:block}#portfolio .container .item{width:33.333%;border:0;padding-bottom:20%;float:left;height:0;overflow:hidden;position:relative;background-color:white}@media screen and (max-width: 1462px){#portfolio .container .item{width:50%;padding-bottom:30%}}@media screen and (max-width: 600px){#portfolio .container .item{width:100%;padding-bottom:60%}}#portfolio .container .item img{width:100%;position:absolute;top:0;bottom:0;left:0;margin:auto}#portfolio .container .item .itemtitle{font-family:"sourcesans", helvetica, arial, sans-serif;font-size:16px;position:absolute;top:6px;left:12px;width:100%;text-align:left;z-index:80;color:#aaaaaa;opacity:.9}@media screen and (max-width: 1200px){#portfolio .container .item .itemtitle{font-size:14px}}#portfolio .container .item .blocky{display:none;width:25%;position:absolute;height:1rem;left:10%;bottom:4rem;background-color:#333333;opacity:0;content:'view project'}#portfolio .item:hover{background-color:black}#portfolio .item:hover img{opacity:.3}#portfolio .item:hover .itemtitle{opacity:1;color:white}#portfolio .item:hover .blocky{opacity:1}#project{position:relative;height:0;margin:0 0 2rem 0;padding:0;background-color:white;overflow:hidden;text-align:center}#project .container{background-color:#f7f7f7;position:relative;padding:2rem 0;width:100%;overflow:auto}#project img{width:100%;display:block}#project h4{font-family:"sourcesans", helvetica, sans-serif;text-transform:none;font-size:2.4rem;line-height:3.6rem;letter-spacing:normal;font-weight:normal;margin:4rem auto;display:block;width:50%;text-align:left}@media screen and (max-width: 880px){#project h4{width:80%}}#project h5{width:50%;margin:2rem auto 8rem auto;font-family:"sourcesans", helvetica, sans-serif;text-transform:none;display:block;font-size:1.8rem;line-height:2.7rem;text-align:left;font-weight:normal}@media screen and (max-width: 880px){#project h5{width:80%}}#project .credit{font-style:italic;display:block}#project .hero{width:100vw;height:75vh;min-height:50rem;max-height:90rem;overflow:hidden;position:relative;-o-object-fit:cover;object-fit:cover}#project .hero img{-o-object-fit:cover;object-fit:cover;height:100%}#project h1{font-family:"sourcesans", helvetica, arial, sans-serif;text-transform:uppercase;position:absolute;top:40%;left:0;right:0;margin-left:auto;margin-right:auto;font-weight:bold;font-style:bold;color:white;font-size:3.7rem;letter-spacing:2rem}#project h1 span{display:inline-block}#project .full{width:100%;margin:0;padding:0;position:relative}#project .half{width:50%;float:left;position:relative;margin:0;padding:0}@media screen and (max-width: 600px){#project .half{width:100%}}#project .half h5{width:100%;position:absolute;top:80%;left:0;padding:0 3.6rem 3.6rem 3.6rem;margin:0;opacity:.5}#project .third{width:33.3%;float:left;position:relative;margin:0;padding:0}@media screen and (max-width: 600px){#project .third{width:100%}}#project .third h5{width:100%;position:absolute;top:80%;left:0;padding:0 3.6rem 3.6rem 3.6rem;margin:0;opacity:.5}#project .twothirds{width:66.6%;float:left;position:relative;margin:0;padding:0}@media screen and (max-width: 600px){#project .twothirds{width:100%}}#project .twothirds h5{width:100%;position:absolute;top:80%;left:0;padding:0 3.6rem 3.6rem 3.6rem;margin:0;opacity:.5}#project .work{padding:0 4.8rem 20rem 4.8rem;width:100%}#project .work .container{margin-bottom:10rem}#project .caption{display:block;font-size:12px;color:#333333;font-style:italic;font-family:'sourcesans', helvetica, sans-serif;position:relative;top:-20px}#project.open{width:100%;height:100%;display:table;overflow:auto;margin:0 0 5rem 0}.hamburger{position:fixed;cursor:pointer;height:48px;width:48px;top:80px;right:80px;border-radius:2px;z-index:100;opacity:.8;background-color:transparent}.hamburger span{background-color:black}.hamburger span.open{background-color:#cccccc !important}@media screen and (max-width: 880px){.hamburger{top:40px;right:40px;background-color:transparent}.hamburger span.open{background-color:#cccccc !important}}@media screen and (max-width: 600px){.hamburger{zoom:1;-moz-transform:scale(1);background-color:transparent;top:10px;right:10px}}.hamburger span{display:block;position:absolute;height:2px;width:11px}.hamburger span:nth-child(even){left:50%;border-radius:0 1px 1px 0}.hamburger span:nth-child(odd){left:13px;border-radius:1px 0 0 1px}.hamburger span:nth-child(1),.hamburger span:nth-child(2){top:17px}.hamburger span:nth-child(3),.hamburger span:nth-child(4){top:23px}.hamburger span:nth-child(5),.hamburger span:nth-child(6){top:29px}.hamburger span.open:nth-child(3),.hamburger span.open:nth-child(4){opacity:0}.hamburger span.open:nth-child(1),.hamburger span.open:nth-child(6){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger span.open:nth-child(2),.hamburger span.open:nth-child(5){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger span.open:nth-child(1){top:20px;left:15px}.hamburger span.open:nth-child(2){top:20px;left:21px}.hamburger span.open:nth-child(5){top:26px;left:15px}.hamburger span.open:nth-child(6){top:26px;left:21px}.transitions,.logo,#menubox,#portfolio .container .item,#portfolio .container .item img,#portfolio .container .item .itemtitle,#portfolio .container .item .blocky,#project,.hamburger{-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.transitions2,#menubox ul.menu,.hamburger span{-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}#backgroundBlock{position:relative}#backgroundBlock span{color:#fff;font-weight:bold;margin:0 auto;text-align:center;display:block}#backgroundBlock img{position:absolute;top:0;left:0;opacity:0}