.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}body,html{height:100%}body{margin:0;overflow-x:hidden}hr{color:#fff;width:30%;margin-top:25px}footer{background-image:url(/12913a85927f58346b2e9ba8dca3da267a34e1dd/c465f/img/footer.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;padding-top:10%;padding-bottom:10%}div#scroll-to-contact.get-in-touch{background-color:rgba(0,0,0,.5);width:100%;max-width:600px;margin:0 auto;padding:3%}.digthisvbwebsite{text-decoration:none;color:#fff}.menu{background-color:none;margin:2%;position:absolute;cursor:pointer}.line{margin:6px;border:1px solid #fff;width:30px}#video-background{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100}.welcome{height:100%;overflow:hidden}.Carmen{text-align:center;color:#fff;height:40%;padding-top:18%}.name{font-size:70px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:200;text-align:center;letter-spacing:2px;margin:0}.social{padding-top:10px;letter-spacing:10px}.social img{width:45px;height:45px}.social a{cursor:pointer}.position{font-size:20px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:300;text-align:center;margin:0;line-height:150%;font-style:italic}.scroll-down{font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:15px;text-align:center;font-weight:100;color:#fff;letter-spacing:3px;padding-bottom:0;position:absolute;bottom:5px;width:100%}.scroll-down a{text-decoration:none}.scroll-down-text{font-size:1rem;color:#fff;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:15px;text-align:center;font-weight:100;text-decoration:none}.down-arrow{padding-top:0}.about-me-section{background-image:url(/181158d48f1299c37045330f8b96e7c6d8848383/0e6fe/img/coffee.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%;padding:1% 3%;color:#fff}.text-about-me{width:100%;margin:0;max-width:600px;text-align:center;margin-left:auto;margin-right:auto;font-family:"Avenir Next",Arial,Helvetica,sans-serif}div.text-about-me{background-color:rgba(0,0,0,.5);padding-bottom:1%}.hr-aboutme{width:50%;margin-top:10px}.text-about-me h1{font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:300;font-size:2em;letter-spacing:2px;color:#fff;padding-top:3%}.text-about-me h2{font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:500;font-size:1.2em;letter-spacing:2px}.text-about-me p{font-family:"Avenir Next",Arial,Helvetica,sans-serif;font-weight:100;font-size:1em;letter-spacing:1px}.company{font-weight:600;font-size:1em;letter-spacing:1px}.title{font-style:italic;font-size:.9em}.project{background-image:url(/a879742a252990f8b8bbd370d3d158b28a36f27e/95e7a/img/project.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50% 50%;color:#fff;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-align:center}.project h1{margin:0;padding-top:25px;padding-bottom:10px;text-align:center;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:300;font-size:2em;letter-spacing:2px;color:#fff}.all-project{font-family:"Avenir Next",Arial,Helvetica,sans-serif;font-weight:100;font-size:1em;letter-spacing:2px;color:#fff;max-width:500px;margin-left:auto;margin-right:auto;border-bottom:1px solid #fff;padding-bottom:10px}.hr-projects{width:25%;margin-top:10px}.all-project h2{font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:500;font-size:1.5em}img.overlayo{width:100%;height:210px}div.contentboxo{background-color:rgba(0,0,0,.7);padding:1%;height:600px}div.infono{padding:1%}div.portfolioopcontent div.contentboxo{padding:1.3%}.social-footer{padding-bottom:0}.social-footer img{width:35px;height:35px;padding:1% 0 1% 0}.get-in-touch{padding-top:2%}.get-in-touch h1{margin:0;color:#fff;font-size:50px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:100}.get-in-touch h2{color:#fff;font-size:18px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;font-weight:100;line-height:200%;text-decoration:none}.get-in-touch h2 a{color:#fff;font-size:20px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:100;font-style:italic;line-height:200%;text-decoration:none}.s-line{width:38%;margin-top:0}.created{color:#fff;font-size:12px;font-family:"Avenir Next",Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:100;line-height:200%}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.scroll-down{-webkit-animation:blink 3s;-webkit-animation-iteration-count:infinite;-moz-animation:blink 3s;-moz-animation-iteration-count:infinite;-o-animation:blink 3ss;-o-animation-iteration-count:infinite}.scrollToTop{color:#fff;text-decoration:none;position:fixed;top:90%;right:3%;display:none}.scrollToTop:hover{text-decoration:none}.fa{font-size:50px}.popLeftMenu{width:250px;height:100%;background:#5b708c;position:fixed;z-index:0;box-shadow:inset -5px -10px 10px 0 rgba(0,0,0,.3)}.popLeftMenu h3{display:block;color:#fff;font-family:"Avenir Next",Arial,Helvetica,sans-serif;font-size:1.5em;text-decoration:none;text-align:center;margin:0;padding:20px;border-bottom:1px solid #fff;background:#344559;text-transform:uppercase;font-weight:300;letter-spacing:2px;box-shadow:inset -5px 0 10px 0 rgba(0,0,0,.3)}.popLeftMenu a{display:block;color:#fff;font-family:"Avenir Next",Arial,Helvetica,sans-serif;font-size:1em;text-decoration:none;padding:5%;border-bottom:1px solid #fff;text-align:center;font-weight:300;letter-spacing:2px}.popLeftMenu a:hover{background:#bcbcbc}.popLeftMenu{-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px);transform:translateX(-250px);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;transition:all .25s linear}.welcome{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;transition:all .25s linear}.popLeftMenu-active .popLeftMenu{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.popLeftMenu-active .welcome{-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px);transform:translateX(250px)}@media (min-device-width:320px) and (max-width:480px){.Carmen{padding-top:35%}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}#video-background{display:none}.name{font-size:3em}.position{font-size:1em}hr{color:#fff;width:78%;margin-top:10px}.scroll-down-text{display:none}.social img{width:35px;height:35px}.scroll-down{font-size:.8em}.down-arrow{width:20px;height:20px}.text-about-me h1{font-size:1.5em}.text-about-me p{text-align:center}.hr-aboutme{width:100%}.project h1{font-size:1.5em}.p-line{width:90%}.all-project h2{font-size:1.3em}.all-project p{padding:1% 3%;font-size:1em;line-height:20px}.hr-projects{width:95%}.fa{font-size:40px}.scrollToTop{top:85%}.get-in-touch h1{font-size:2em}.get-in-touch h2,a{font-size:1em}.s-line{width:83%;margin-top:0}}.portfolioop{display:block;height:100%;overflow:hidden;position:relative}.portfolioopcontent{display:block;margin:0 auto;max-width:1200px;overflow:hidden;width:100%;padding-bottom:30px}.portfolioopcontent .contentboxo{float:left;margin:1%;overflow:hidden;padding:0;position:relative;transition:all .6s ease 0s;width:31.3%;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.094),0 1.5px 1.5px 0 rgba(0,0,0,.2),0 2px 1.5px 0 rgba(0,0,0,.1)}.portfolioopcontent .contentboxo .infono{background-color:#008b8b;color:#fff;display:block;font-family:Avenir Next;font-size:1.4em;font-weight:400;height:100%;left:0;line-height:1em;opacity:0;padding-top:5%;position:absolute;text-align:center;top:0;transition:all .3s ease 0s;width:100%;z-index:400}.portfolioopcontent .contentboxo:hover .infono{opacity:1}.portfolioopcontent .contentboxo img.overlayo{display:block;margin:0 auto;position:relative;transition:opacity .3s ease 0s;width:100%;z-index:500}.portfolioopcontent .contentboxo:hover img.overlayo{opacity:.2}.highlight{color:#fff;font-size:.8em;font-weight:300}.colorhighlight{color:#bcbcbc}@media screen and (max-width:2000px),screen and (max-device-width:2000px){.portfolioop{height:auto}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}}@media screen and (max-width:1440px),screen and (max-device-width:1400px){.portfolioopcontent{margin:3.5% auto;margin-bottom:auto}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}}@media screen and (max-width:1000px),screen and (max-device-width:1000px){.portfolioopcontent{margin:6% auto;margin-bottom:auto}#video-background{display:none}.portfolioopcontent .contentboxo .info{font-size:1.2em}.fa{display:none}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}}@media screen and (max-width:600px),screen and (max-device-width:600px){.portfolioopcontent .contentboxo{float:none;margin:4% auto;width:90%}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}#video-background{display:none}.fa{display:none}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.portfolioop{height:auto}.portfolioopcontent .contentboxo{padding:2em;width:32%}.portfolioopcontent .clearfix{clear:none}#video-background{display:none}.fa{display:none}.welcome{background-image:url(/img/c5c7338369254475fe47da618da800bc1d9e8bca/hk-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;overflow:hidden}}