@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Amatic+SC|Ubuntu|Ubuntu+Condensed);@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:400,700);@import url(https://fonts.googleapis.com/css?family=Arapey);@import url(https://fonts.googleapis.com/css?family=Gudea|Handlee|Pacifico);@import url(https://fonts.googleapis.com/css?family=Hind|PT+Sans+Narrow:400,700);@font-face{font-family:'cooper_hewittbook';src:url(../fonts/cooperhewitt-book-webfont.woff2) format('woff2'),url(../fonts/cooperhewitt-book-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'cooper_hewittmedium';src:url(../fonts/cooperhewitt-medium-webfont.woff2) format('woff2'),url(../fonts/cooperhewitt-medium-webfont.woff) format('woff');font-weight:400;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}strong{font-weight:600!important}html,body{margin:0;padding:0;font:300 1em 'Dosis',sans-serif;height:100%;width:100%;color:#171717}a{text-decoration:none;color:#171717;cursor:pointer}ul{margin:0;padding:0}ul li{list-style-type:none}i{cursor:pointer}.cf:after{content:"";display:table;clear:both}.menu{width:60px;height:100vh;position:fixed;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;z-index:1;background-color:#000}#menu-center{height:100vh;margin:0 auto}#menu-center ul{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);text-align:center}#menu-center ul li{margin-bottom:1em}#menu-center ul li a{border-bottom:2px solid #000;transition:0.3s ease-in-out}#menu-center img.small{width:70%}#menu-center ul li a:hover{border-bottom:2px solid #FBFF00}#menu-center ul li a.active{border-bottom:2px solid #FBFF00}#menu-center img{width:80%}.accordion-item-hd{display:block;padding:15px 30px 15px 10px;position:relative;cursor:pointer;font-size:1.1em;width:100%;border:none;text-align:left;box-sizing:border-box;outline:none;background-color:#fff;font-family:'Dosis',sans-serif}.accordion-item-hd.isActive{border-bottom:1px dashed #171717}.accordion-item-hd.isActive~.accordion-item-bd{max-height:1000px;transition:max-height 1s ease-in,margin .3s ease-in,padding .3s ease-in}.accordion-item-hd-cta{position:absolute;width:30px;right:0;display:block;font-size:12px;line-height:1;pointer-events:none;top:calc(50% - 6px);text-align:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-item-bd{max-height:0;overflow:hidden;margin-bottom:10px;padding:0 10px;transition:max-height .15s ease-out,margin-bottom .3s ease-out,padding .3s ease-out;background-color:#fff}.accordion-item-hd{transition:all 0.3s ease-in-out}.accordion-item-hd:hover{background-color:#FBFF00}#home h1{position:absolute;top:72%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);color:#FBFF00;font-size:3em;line-height:.8;font-weight:300;text-align:center;background-color:rgba(0,0,0,.9);border-radius:5px;padding:.5em .6em}h1.title{font-weight:300;font-size:4em;color:#000;margin:0 0 3% 0}.modal-area h1{font-size:3em;font-weight:300;margin-top:.3em}.bg-modal h1{margin-bottom:0}.modal ul.challenge{margin-top:40px}.modal ul.challenge li:nth-child(1){font-weight:600;font-size:1.2em;margin-bottom:1em}h2{font-size:1.6em;font-weight:400;margin-top:2px}h3{margin:0;font-size:2em;font-weight:400}#about h3{font-size:1.5em}#portfolio h3{margin-bottom:1em;border-left:2px solid #000;padding-left:1em;height:3em}h4{margin:0;font-size:1.2em;font-weight:300}.job-title{font-weight:700;margin-bottom:5px}.company,.year{font-size:.9em}.year{margin:5px 0}.details{font-size:.9em;margin-top:5px;margin-left:35px;list-style-type:disc}#home{width:100%;height:100%;overflow:hidden;background:url(../img/cm_eiffeltower_home.jpg) center center / cover no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:681px 673px;background-color:#000;position:relative;z-index:-1}#portfolio{width:100%}#contact{margin-top:10px}#about{background-color:#e4e4e4;margin-top:10px}.wrap-about,.wrap-contact{padding:6em 0;margin-left:9em;max-width:922px;width:100%;margin:0 auto}.wrap-portfolio{margin:0 auto;width:100%;max-width:922px;padding:6em 0}.txt-about{float:left;width:100%;max-width:490px;margin-left:4%}.txt-about p{line-height:1.4}.contact-info{width:100%;max-width:400px;float:left}.accordion-item-bd ul{float:left;max-width:197px;margin:1em}.logo{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.wrap-about img{width:100%;max-width:395px;float:left}#home span{font-size:.47em}#portfolio span{font-size:.8em}#portfolio h1 span{font-size:.5em}.container h2{position:absolute;bottom:-16px;left:0;padding:2% 0 2% 3%;background-color:rgba(251,255,0,.8);width:100%;color:#000;font-size:1.5em;font-weight:300}.hover-color div{position:relative;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.hover-color div:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}a.btn{background-color:#FBFF00;border:2px solid #FBFF00;padding:1em 3em;color:#171717;transition:0.3s all ease-in-out;text-transform:uppercase;margin:.5em 1em 0 0;display:inline-block}.txt-about a.btn:hover{border:2px solid #FBFF00;background-color:transparent}a.btn:hover{border:2px solid #FBFF00;background-color:transparent}#contact .btn{margin-top:10%}form{max-width:400px;width:100%;margin:0 auto;padding:1em}input,textarea{width:100%;max-width:400px;margin-bottom:1em;padding:2%;font-size:1em;font:300 1em 'Dosis',sans-serif;outline:none;border:1px solid #ccc}textarea{height:100px}form ul li{margin-top:.5em}input:focus,textarea:focus{border:1px solid #FBFF00}input[type="submit"]{background-color:#FBFF00;border:2px solid #FBFF00;padding:1em;color:#171717;transition:0.3s all ease-in-out;text-transform:uppercase;margin:.5em 1em 0 0;display:inline-block;cursor:pointer;width:170px;font:300 1em 'Dosis',sans-serif}input[type="submit"]:hover{border:2px solid #FBFF00;background-color:transparent}.mouse{border:2px solid #FBFF00;border-radius:26px;position:absolute;top:92%;left:50%;width:26px;height:42px;-webkit-backface-visibility:hidden;transform:translate(-50%,-50%)}.mouse::after{background-color:#FBFF00;border-radius:100%;content:"";position:absolute;top:5px;left:50%;margin-left:-2px;width:4px;height:4px;opacity:1;transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);animation:scroll 1.5s -1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes scroll{0%,20%{transform:translateY(0) scaleY(1) scaleX(1) translateZ(0)}10%{transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);opacity:1}100%{transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);opacity:.01}}.sketch img,.show img{width:100%}.case img{width:50%;float:left;margin-top:2%}.three .case img{width:33%}.ad img{max-width:630px;margin-top:2%;width:100%}.show img{margin-top:2%}.wireframe img,.comp img{width:100%;max-width:289px;vertical-align:text-top;margin:0 2% 5% 0}.wireframe-float img,#modal3 .comp img{width:100%;max-width:289px}.wireframe img:last-child,.comp img:last-child{margin-right:0}.logo-brand .right img{width:130%}ul.moodboard li img{width:100%;max-width:445px;float:left}.rough img,.type img{width:100%}.color1,.color2,.color3,.color4,.color5,.color6,.color7,.color8,.color9,.color10,.color11{width:60px;height:60px;background-color:#6F1A44}.color2{background-color:#DBB035}.color3{background-color:#253081}.color4{background-color:#E30613}.color5{background-color:#DC878B}.color6{background-color:#6E4352}.color7{background-color:#AC72C7}.color8{background-color:#BB3C5E}.color9{background-color:#F8E465}.color10{background-color:#002A3C}.color11{background-color:#2D2D2D}.amatic{font-family:'Amatic SC',cursive;font-size:3em}.ubuntu{font-family:'Ubuntu',sans-serif;font-size:1em;line-height:1.3}.ubuntu-cd{font-family:'Ubuntu Condensed',sans-serif;font-size:1.2em}.roboto-cd-b{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.33em}.roboto-cd-r{font-family:'Roboto Condensed',sans-serif;font-size:1.3em;font-weight:400}.roboto{font-family:'Roboto',sans-serif;font-size:1em}.arapey{font-family:'Arapey',serif;font-size:2.5em}.cooper-b{font-family:'cooper_hewittbook';font-size:1em;line-height:1.4}.cooper-m{font-family:'cooper_hewittmedium';font-size:1em}.pacifico{font-family:'Pacifico',cursive;font-size:2em}.handlee{font-family:'Handlee',cursive;font-size:1.5em}.gudea{font-family:'Gudea',sans-serif;font-size:1em}.narrow-b{font-family:'PT Sans Narrow',sans-serif;font-weight:700;font-size:1.33em;margin-top:21px}.narrow-r{font-family:'PT Sans Narrow',sans-serif;font-weight:400;font-size:1.33em}.hind{font-family:'hind',sans-serif;font-size:1em;line-height:1.2}.type ul{margin-top:15px}.smaller{width:155px}.two .logo-brand .left{margin-right:0%}.two .logo-brand img{width:180px}.two .logo-brand .left img{margin-top:1em}.rough{float:left;width:100%;max-width:250px;margin-right:7%}.logo-brand{max-width:410px;width:100%;float:left}.logo-brand .left{margin-right:0!important;float:left}.logo-brand .right{width:140px;float:left;margin-left:1em}.color{max-width:435px;width:100%;float:left;margin-left:3em}.two .type{margin-top:-18px}.type{float:left;max-width:250px;width:100%;margin-top:-1.6em}ul.moodboard,.sketch,.rough,.logo-brand,.color,.show,.wireframe,.comp,.ad,.logo-brand-alone,.case,.wireframe-float{margin-top:4em}ul.moodboard li{margin:0 2% 2% 0}ul.moodboard li:nth-child(2n+1){margin-right:0}.name{float:left;width:80px}ul.moodboard li:first-child{display:initial}ul.moodboard li{display:inline-block}.wireframe-float{max-width:450px;float:left;margin-right:2%}#modal3 .comp{max-width:450px;width:100%;float:left}.show{clear:both}#modal2 .right{float:left}.modal ul.solution{margin:.8em 0}.container{width:100%;max-width:1040px;margin:0 auto}.container img{width:100%}.content{margin:0 auto}.md-btn-area{margin-bottom:50px}.md-btn{cursor:pointer;width:48.8%;float:left;margin:0 2% 2% 0}.md-btn:nth-child(2n+0){margin-right:0}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.8);z-index:1}.bg-modal{max-width:1040px;width:100%;margin:2em auto;background-color:#fff;padding:2em 4em}.modal .close{position:fixed;top:40px;right:40px;width:40px;height:40px;background-color:#FBFF00;cursor:pointer}.modal .close:before,.modal .close:after{position:absolute;top:4px;border:1px solid #000;height:30px;content:""}.modal .close:before{left:19px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal .close:after{right:19px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal .close span{display:none}.bg-blur{filter:blur(10px);-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:url(#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');-webkit-transition:all .4s linear;transition:all .4s linear}.footer{clear:both;width:100%;background-color:#000;padding:2% 0}.footer ul{width:100%;max-width:1040px;margin:0 auto;text-align:center}.footer ul li{display:inline-block}.footer ul li:first-child{margin-right:12px}.footer ul li:nth-child(2) i{padding-top:5px}.footer ul li:last-child{display:block;color:#fff;margin-top:10px}.footer .fab{font-size:1.6em;color:#FBFF00;padding-bottom:.2em;border-bottom:2px solid #000;transition:0.3s ease-in-out}.footer .fab:hover{border-bottom:2px solid #FBFF00}@media only screen and (max-width:1090px){.menu,#menu-center{width:100%;height:65px}#menu-center ul li{display:inline-block;margin-right:1em;margin-bottom:0}.small-hori{max-width:70px!important}}@media only screen and (max-width:1040px){.modal .close{top:49px;right:17px}}@media only screen and (max-width:1023px){.color{margin-left:0}.type{margin-bottom:4em}}@media only screen and (max-width:940px){.wrap-portfolio h1.title,#about h1.title,#contact h1.title{padding:0 3%}}@media only screen and (max-width:937px){#about img{margin:0 auto;width:100%;max-width:460px;float:none;display:block}.txt-about{margin:0 auto;padding:1em;float:none}.accordion-item-bd ul{float:left;max-width:460px}}@media only screen and (max-width:696px){.hover-color div{width:100%;max-width:415px;float:none;margin:2% auto}.md-btn:nth-child(2n+0){margin-right:auto}}@media only screen and (max-width:600px){ul.moodboard li{margin-right:0}}@media only screen and (max-width:567px){.type{margin-top:0}}@media only screen and (max-width:530px){.logo-brand .right{float:none;margin-left:0}}@media only screen and (max-width:500px){.bg-modal{padding:1em}}.logo-brand .left{margin-bottom:1em}}