@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500);body,div,html,nav,ul{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}ul{list-style-type:none}a:active,a:hover{outline:0}p{margin:0 0 1rem}body,html{font-size:18px;line-height:1.5em;font-family:Ubuntu,Verdana;font-weight:300;background:#f7f7f7;min-height:100vh;padding:0}a,body,html{color:#333}.gray-bg a{color:#f7f7f7}img{max-width:100%}h1,h2,h3,h4,h5,h6{width:100%;display:block;font-weight:400;margin-top:0}h1,h2{font-size:1.65rem;margin:0 0 1rem}label{display:block;font-weight:500;font-size:.9rem;margin-bottom:.3rem}input,select,textarea{width:100%;min-height:35px;padding:.5rem 1rem;border:1px solid #333;font-family:Ubuntu,verdana;background:transparent;outline:none}.gray-bg input,.gray-bg select,.gray-bg textarea{border-color:#f7f7f7;color:#f7f7f7}select{-webkit-appearance:initial;cursor:pointer}.input.select:after{content:"";margin:-1.1rem 1rem 0 0;float:right;width:0;height:0;border-left:8px solid transparent;border-right:7px solid transparent;border-top:7px solid #333;position:absolute;right:0;pointer-events:none}.gray-bg .input.select:after{border-top-color:#f7f7f7}textarea{padding:1rem;resize:vertical}input[type=submit]{cursor:pointer;background:#333;color:#f7f7f7;font-weight:700}.gray-bg input[type=submit]{background:#f7f7f7;color:#333}.input{margin-bottom:1rem;position:relative}.border-gray{border:2px solid #333}.gray-scale{filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%);transition:.4s}.gray-scale:hover{filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:none;-webkit-filter:grayscale(0)}.no-margin,.row.no-margin{margin:0}.margin-top{margin-top:2rem}.padding-top{padding-top:2rem}.text-right{text-align:right}.text-center{text-align:center}.no-scroll{overflow:hidden}.small{font-size:.6rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.gray-bg{background-color:#333;color:#f7f7f7}.gray-txt{color:#959595}.white-txt{color:#f7f7f7}.text-normal{font-weight:400}::selection{background:#333;color:#f7f7f7}.gray-bg ::selection{background:#f7f7f7;color:#333}.fleft{float:left}.fright{float:right}.transition{transition:.4s}.header,.page{padding:0 0 .5rem}.header{position:fixed;width:100%;background:#f7f7f7;top:0;padding:0;margin-bottom:0!important;z-index:99999;box-shadow:0 0 1px rgba(51,51,51,.5);height:81px;transition:.4s}.mobile-menu .header{height:100vh!important}.header.nav-up{top:-85px}.mobile-menu .header.nav-up{margin-top:0}.header .logo a:hover{border-color:#f7f7f7}.header ul{margin:1.5rem 0}.header ul li{display:inline-block}.mobile-menu .header ul li{display:block;text-align:center}.mobile-menu .header ul li.logo{padding-bottom:1rem;display:block}.mobile-menu .header ul li:not(.logo):not(.mobile-trigger-wrapper):not(.cta-wrapper) a{padding:.5rem 0;border-color:#f7f7f7;display:block}.mobile-menu .header ul li.cta-wrapper{display:block;float:none;margin-top:1rem}.header a{color:#333;text-decoration:none;margin:0 1rem;font-weight:700;border-bottom:1px solid #f7f7f7;transition:.4s}.header a.active,.header a:hover{border-bottom:1px solid #333}.mobile-menu .header ul li:hover:not(.logo):not(.mobile-trigger-wrapper) a{color:#f7f7f7;background:#333}.header ul li.cta-wrapper{float:right}.mobile-trigger-wrapper{position:fixed;top:1.8rem;right:1rem;z-index:999999}.mobile-trigger{position:relative;width:25px;height:20px;z-index:99999;transition:.4s;cursor:pointer;display:inline-block;border-color:#f7f7f7!important}.mobile-trigger-inner,.mobile-trigger-inner:after,.mobile-trigger-inner:before{position:absolute;top:0;width:25px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;background-color:#333}.mobile-trigger-inner:after,.mobile-trigger-inner:before{display:block;content:""}.mobile-menu .mobile-trigger-inner{transition-delay:.32s;background-color:transparent}.mobile-trigger-inner:before{top:6px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.mobile-menu .mobile-trigger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.mobile-trigger .mobile-trigger-inner:after{top:12px;bottom:-10px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.mobile-menu .mobile-trigger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.title{font-size:1.7rem}.subtitle{font-size:1.1rem;font-weight:400}#main{margin-top:80px}.page{padding:10vh 0}.background{background-image:url(../img/background.png);background-size:cover;background-attachment:fixed}.tooltip-wrapper{position:relative}.tooltip{position:absolute;top:-70%;margin:0 auto;max-width:250px;padding:1rem;font-size:.8rem;border:1px solid #f7f7f7;color:#f7f7f7;background:#333;text-align:left;line-height:1rem;opacity:0;transition:.5s .3s;cursor:default;z-index:-1}.tooltip:before{content:"";position:absolute;bottom:-30px;left:45%;border-color:#333 transparent transparent;border-style:solid;border-width:15px 10px}.tooltip a{display:block}.tooltip-wrapper a .bw,.tooltip-wrapper a:hover .color{display:inline-block}.tooltip-wrapper a .color,.tooltip-wrapper a:hover .bw{display:none}a:hover~.tooltip{display:block;opacity:1;z-index:5}.gray-bg a.cta:hover,a.cta{border:1px solid #333;background:#f7f7f7;color:#333;padding:.5rem 1rem;text-decoration:none;font-weight:500;transition:.4s}.gray-bg a.cta,a.cta:hover{background:#333;color:#f7f7f7;border-color:#f7f7f7}div:not(.header) a.cta{display:inline-block}.square-wrapper{position:relative}.square-wrapper .dump{padding-top:75%}.square{position:absolute;top:0;bottom:0;left:0;right:0;padding:3% 0 0;background-image:url(../img/works/safari-mask.png);background-repeat:no-repeat;background-size:contain}.project{max-height:75%}.project,.square:hover .project{overflow-y:auto}.square.active{position:fixed;top:5%;left:5%;right:5%;bottom:5%}.project-title{position:absolute;bottom:0;left:0;text-align:center}.project-title a{text-decoration:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(51,51,51,.9);opacity:0;transition:.4s;cursor:pointer;z-index:-1}.overlay.active{z-index:99999;opacity:1}.modal{position:fixed;top:10vh;left:10vh;right:10vh;bottom:10vh;background:#f7f7f7;opacity:0;overflow:auto;z-index:-1;transition:z-index 0s ease,opacity .4s ease 1s}.modal.active{z-index:999999;opacity:1}.project-full{margin-bottom:0!important;max-height:80vh}.image-wrapper{padding:0!important;overflow-y:auto;overflow-x:hidden;position:relative;max-height:80vh}.image-slider{width:300%;transition:.4s}.image-slider img{width:33.33333%;float:left;max-height:80vh}.image-slider img.active{max-height:none}.content-wrapper{padding:2rem!important;overflow-y:auto;max-height:80vh}.triangle{position:absolute;top:0;right:-56px}.triangle,.triangle svg{height:100%;width:100%}.close{font-size:2rem;font-weight:700;color:#333;padding:.5rem;position:fixed;right:13vh;top:11vh;cursor:pointer}.work-header{margin-bottom:1rem}.work-header h3{display:inline-block;width:auto;margin-bottom:.4rem}ul.tags{vertical-align:bottom;padding:0}ul.tags,ul.tags li{display:inline-block}ul.tags li{padding:.1rem .4rem;background:#333;color:#fff;margin:.2rem .2rem 0 0;font-size:.7rem}ul.image-list{padding:0;display:flex;flex-wrap:wrap}ul.image-list li{display:inline-block;max-height:100px;overflow:hidden;margin:1rem 0;position:relative}ul.image-list li img{max-width:98%;cursor:pointer;position:absolute;top:0}ul.image-list li .dump{padding-top:75%}.project-full .client{max-width:200px;vertical-align:bottom;margin-right:1rem}.project-full .small{white-space:nowrap}.contact-form .col.s12{width:100%}.hs-form{padding:.5rem;background:#f7f7f7;color:#333}.row{width:100%;margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:.75rem;padding-right:.75rem}.row .col.s1{width:8.33333%;margin-left:0}.row .col.s2{width:16.66667%;margin-left:0}.row .col.s3{width:25%;margin-left:0}.row .col.s4{width:33.33333%;margin-left:0}.row .col.s5{width:41.66667%;margin-left:0}.row .col.s6{width:50%;margin-left:0}.row .col.s7{width:58.33333%;margin-left:0}.row .col.s8{width:66.66667%;margin-left:0}.row .col.s9{width:75%;margin-left:0}.row .col.s10{width:83.33333%;margin-left:0}.row .col.s11{width:91.66667%;margin-left:0}.row .col.s12{width:100%;margin-left:0}.row .col.offset-s1{margin-left:8.33333%}.row .col.offset-s2{margin-left:16.66667%}.row .col.offset-s3{margin-left:25%}.row .col.offset-s4{margin-left:33.33333%}.row .col.offset-s5{margin-left:41.66667%}.row .col.offset-s6{margin-left:50%}.row .col.offset-s7{margin-left:58.33333%}.row .col.offset-s8{margin-left:66.66667%}.row .col.offset-s9{margin-left:75%}.row .col.offset-s10{margin-left:83.33333%}.row .col.offset-s11{margin-left:91.66667%}.row .col.offset-s12{margin-left:100%}@media only screen and (max-width:800px){.image-wrapper{max-height:200px;background:#333}.content-wrapper{max-height:none}.tooltip{width:250px}}@media only screen and (max-width:860px){.header ul li{display:none}.header ul li.logo,.header ul li.mobile-trigger-wrapper{display:inline-block}}@media only screen and (min-width:860px){.header ul li.mobile-trigger-wrapper{display:none}}@media only screen and (min-width:800px){.container{padding:0}.fright-m{float:right}.text-right-m{text-align:right}.row .col.m1{width:8.33333%;margin-left:0}.row .col.m2{width:16.66667%;margin-left:0}.row .col.m3{width:25%;margin-left:0}.row .col.m4{width:33.33333%;margin-left:0}.row .col.m5{width:41.66667%;margin-left:0}.row .col.m6{width:50%;margin-left:0}.row .col.m7{width:58.33333%;margin-left:0}.row .col.m8{width:66.66667%;margin-left:0}.row .col.m9{width:75%;margin-left:0}.row .col.m10{width:83.33333%;margin-left:0}.row .col.m11{width:91.66667%;margin-left:0}.row .col.m12{width:100%;margin-left:0}.row .col.offset-m1{margin-left:8.33333%}.row .col.offset-m2{margin-left:16.66667%}.row .col.offset-m3{margin-left:25%}.row .col.offset-m4{margin-left:33.33333%}.row .col.offset-m5{margin-left:41.66667%}.row .col.offset-m6{margin-left:50%}.row .col.offset-m7{margin-left:58.33333%}.row .col.offset-m8{margin-left:66.66667%}.row .col.offset-m9{margin-left:75%}.row .col.offset-m10{margin-left:83.33333%}.row .col.offset-m11{margin-left:91.66667%}.row .col.offset-m12{margin-left:100%}}@media only screen and (min-width:993px){.fright-l{float:right}.row .col.l1{width:8.33333%;margin-left:0}.row .col.l2{width:16.66667%;margin-left:0}.row .col.l3{width:25%;margin-left:0}.row .col.l4{width:33.33333%;margin-left:0}.row .col.l5{width:41.66667%;margin-left:0}.row .col.l6{width:50%;margin-left:0}.row .col.l7{width:58.33333%;margin-left:0}.row .col.l8{width:66.66667%;margin-left:0}.row .col.l9{width:75%;margin-left:0}.row .col.l10{width:83.33333%;margin-left:0}.row .col.l11{width:91.66667%;margin-left:0}.row .col.l12{width:100%;margin-left:0}.row .col.offset-l1{margin-left:8.33333%}.row .col.offset-l2{margin-left:16.66667%}.row .col.offset-l3{margin-left:25%}.row .col.offset-l4{margin-left:33.33333%}.row .col.offset-l5{margin-left:41.66667%}.row .col.offset-l6{margin-left:50%}.row .col.offset-l7{margin-left:58.33333%}.row .col.offset-l8{margin-left:66.66667%}.row .col.offset-l9{margin-left:75%}.row .col.offset-l10{margin-left:83.33333%}.row .col.offset-l11{margin-left:91.66667%}.row .col.offset-l12{margin-left:100%}}@media only screen and (max-width:800px){.padding-top-s{padding-top:2rem}.text-right-s{text-align:right}.text-center-s{text-align:center}.order-reverse-s{display:flex;flex-direction:column-reverse}}@media only screen and (max-width:992px){.text-center-m{text-align:center}}.valign-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.valign-wrapper .valign{display:block}.valign-wrapper.start{ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start}dialog{position:fixed;top:50%;transform:translateY(-50%);max-height:100%;width:660px;max-width:100%;background:#f7f7f7;border:0}dialog::backdrop{background-color:rgba(0,0,0,.65);cursor:pointer}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/353382/hub_generated/template_assets/52138132338/1660209216424/gonzalotorreras/old_website/css/style.css */