body{font:14px "Lucida Grande",Helvetica,Arial,sans-serif;background-color:#fff;padding:0px;margin:0px;text-rendering:optimizeLegibility}a{cursor:pointer;color:#f3124c;text-decoration:none}a:hover{text-decoration:underline}.emoji{display:block;font-size:16pt;margin-top:10px}.main{padding-left:23.8%}.main svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(.5)}.main svg path{fill:#000}.main svg path.hover{fill:#000;-webkit-transition:fill .3s ease-in-out;-moz-transition:fill .3s ease-in-out;-o-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}.content{display:block;width:100%;height:19vw;cursor:pointer;opacity:0}.content.hover{background-color:#fff;-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.navbar{position:fixed;display:block;background-color:#f8f8f8;height:100%;width:23.8%;z-index:2}.navbar #logo{position:relative;display:block;width:100px;left:50%;margin-left:-7vh;margin-top:10%;margin-bottom:10%}.navbar #logo path{cursor:pointer;fill:#000}.navbar #logo path:hover{fill:#f3124c}.navbar #logo.small{display:block;margin-top:10px;margin-left:calc(-50% + 6px);margin-bottom:120px;width:60px;height:60px}.navbar .sociallinks.small{width:150px;float:right;text-align:right;position:absolute;right:10px;top:63px}.navbar p{color:#5a5a5a;font-size:10pt;line-height:16pt}.navbar ul{width:100px;list-style:none;padding:0px;margin:0px;margin-top:20px;width:100%;height:100%}.navbar ul li{display:block;margin-top:8px}.navbar ul li .sociallink{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.navbar ul li #twitterlink:hover{color:#4099FF}.navbar ul li #dribbblelink:hover{color:#ea4c89}.navbar ul li #instagramlink:hover{color:#125688}.navbar .logowrapper{position:relative;display:block;height:100px}.navbar .logowrapper svg{position:absolute;top:50%;left:50%;transform:translate(-73%, -50%) scale(.4)}.navbar .logowrapper svg path{fill:#5a5a5a}.wrapper{padding:0px 30px 30px 30px;color:#000}.desc{visibility:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;text-align:center;background-color:rgba(255,255,255,0.9);line-height:100%}.desc .centerwrapper{display:block;width:100%;height:100%;position:relative}.desc .centerwrapper span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:12pt}.overlay{position:fixed;display:block;opacity:0;z-index:999}.overlay .overlaycontent{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.overlay .overlaycontent .logohero{position:relative;width:100%;height:100%;display:block;text-align:center}.overlay .overlaycontent .logohero svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(.3);height:50vmin}.overlay .overlaycontent .logohero svg path{fill:#5a5a5a}.overlay .overlaycontent .descriptionwrapper{position:relative;width:100%;padding:20px 30px 20px 30px}.shownavbarbutton{cursor:pointer;display:block;background-image:url(/images/subnavbutton.png);background-position:0px center;background-repeat:no-repeat;width:40px;height:40px;float:right}.shownavbarbutton.active{background-position:-40px center}.resnav{position:fixed;left:0;top:0;width:100%;height:60px;visibility:hidden;text-align:right;z-index:999}@media only screen and (max-width:720px){.content{display:block;width:100%;height:500px;cursor:pointer}.navbar{top:-100%;left:0px;width:100%;height:100%}.navbar .wrapper{margin-top:-100px}.main{padding-left:0px}.resnav{visibility:visible}}@media only screen and (max-width:480px){.content{height:300px}}