/* CSS Document */

/*
NeonSpaceLab.com
desktop, mobile and tablet screen stylesheet
*/

html{background-color:#0d0012}body,html{width:100vw;height:100vh;margin:0;padding:0}#capsule{width:100vw;height:612px;max-width:100%}#vidbox{width:100vw;height:612px;max-width:100%;position:absolute;top:0;left:0;z-index:-1;overflow:hidden}#capsule video{min-width:100%;min-height:612px;width:auto;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%,0)}#plaque{width:444px;height:405px;padding:20px 0 0 20px;z-index:2}#plaque img{width:444px;height:139px}#lith{width:168px;height:168px;display:block;margin:0 auto;z-index:3}#lith img{width:168px;height:168px}#comm_shortcut{width:25px;height:25px;position:absolute;top:20px;right:20px}#comm_shortcut svg .st0{fill:#ff0051;transition:.8s;-moz-transition:.8s;-webkit-transition:.8s}#comm_shortcut:focus,body.hover_on #comm_shortcut:hover{cursor:pointer}#comm_shortcut:focus svg .st0,body.hover_on #comm_shortcut:hover svg .st0{fill:#fff}#entry{width:100vw;max-width:100%;height:calc(40vw + 75px);height:-webkit-calc(40vw + 75px);background-color:#ff0051}#badge{width:168px;height:75px;float:left}#badge img{width:168px;height:75px}.diag{width:calc(50% - (168px /2));width:-webkit-calc(50% - (168px /2));height:75px;background:url(../svg/diag.svg);background-size:82px 75px;float:left}#whirly{clear:both;width:100vw;height:40vw;overflow:hidden}#content{position:relative;width:66vw;height:33vw;float:left;margin:0 7vw 0 7vw}.whirly_arrow{height:40vw;width:10vw;float:left;position:relative}.whirly_arrow div{width:32px;height:32px;position:absolute;top:calc(50% - 16px);top:-webkit-calc(50% - 16px)}#whirl_left{margin-left:50%;opacity:0;visibility:hidden;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#whirl_right{margin-left:calc(50% - 32px);margin-left:-webkit-calc(50% - 32px);opacity:0;visibility:hidden;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#whirl_left.fadeOut,#whirl_right.fadeOut{opacity:0;visibility:hidden}#whirl_left.fadeIn,#whirl_right.fadeIn{opacity:1;visibility:visible;transition-delay:0s}#whirl_left svg path,#whirl_right svg path{transition:.8s;-moz-transition:.8s;-webkit-transition:.8s}body.hover_on #whirl_left:hover svg path,body.hover_on #whirl_right:hover svg path{fill:#0d0012}@font-face{font-family:NeSpLb_regular;src:url(fonts/NeSpLb01.woff) format('woff');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:NeSpLb_thin;src:url(fonts/NeSpLb-Thin.woff) format('woff');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}#greet,#profile,#recognition{width:66vw;opacity:0;visibility:hidden;position:absolute;top:0;left:0;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#greet{padding:12vw 0 0 0}#greet.fadeOut,#profile.fadeOut,#recognition.fadeOut{opacity:0;visibility:hidden}#greet.fadeIn,#profile.fadeIn,#recognition.fadeIn{opacity:1;visibility:visible;transition-delay:0s}#greet h1{color:#fff;font-family:NeSpLb_thin,Verdana;text-transform:uppercase;font-size:6vw;letter-spacing:.2px;line-height:101%;margin:0;padding:0}#greet p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:1.8vw;letter-spacing:.7px;line-height:140%;-webkit-font-smoothing:antialiased;margin:0;padding:0}.sig{font-size:1.5vw;float:right;margin:10px 0 0 0}#profile{padding:12vw 0 0 0}#profile h1{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:2.6vw;letter-spacing:.2px;line-height:101%;-webkit-font-smoothing:antialiased;margin:0;padding:0 0 15px 0}#profile p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:1.6vw;letter-spacing:.7px;line-height:140%;-webkit-font-smoothing:antialiased;margin:0;padding:0}#recognition{padding:5vw 0 0 0}.left_col{width:50%;max-width:50%;float:left;border-right:1px solid #0d0012;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.right_col{width:50%;max-width:50%;float:left}#recognition h1{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:2.6vw;letter-spacing:.2px;line-height:101%;-webkit-font-smoothing:antialiased;margin:0;padding:0 0 15px 0}#recognition p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:1.3vw;letter-spacing:.7px;line-height:140%;-webkit-font-smoothing:antialiased;margin:0;padding:0 0 0 30px}.date{color:#0d0012}.half{width:50vw;height:50vw;background-color:#ff0051;display:block}.half img{width:50vw;height:50vw;background-color:#ff0051}.half h2,.quarter h2{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:2.8vw;line-height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased}.half p,.quarter p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:1.8vw;letter-spacing:.7px;line-height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased}.quarter{width:25vw;height:25vw;background-color:#ff0051;display:block}.quarter img{width:25vw;height:25vw;background-color:#ff0051}.info{position:absolute;bottom:25px;left:30px;pointer-events:none;transition:opacity .8s,bottom .8s;-moz-transition:opacity .8s,bottom .8s;-webkit-transition:opacity .8s,bottom .8s}.left{float:left;position:relative;top:0;left:0}.right{float:right;position:relative;top:0;left:0}.off{position:absolute;top:0;left:0;opacity:1;transition:opacity .8s;-moz-transition:opacity .8s;-webkit-transition:opacity .8s}.off:hover{opacity:0}.off:hover~.info{opacity:0;bottom:50px}.on{position:relative;top:0;left:0}#gallery{width:100vw;height:100vh;max-width:100vw;margin:0;padding:0;background-color:#0d0012;position:fixed;top:0;left:0;opacity:0;visibility:hidden;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}.gallery_arrow{height:100vh;width:50vw;float:left;position:relative;z-index:11;pointer-events:none}.gallery_arrow div{width:32px;height:32px;position:absolute;top:calc(50% - 16px);top:-webkit-calc(50% - 16px);pointer-events:auto}#gallery_left{left:20px;opacity:0;visibility:hidden;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#gallery_right{right:20px;opacity:0;visibility:hidden;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#gallery_close{width:25px;height:25px;position:absolute;top:20px;right:20px;z-index:12;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#gallery.fadeOut,#gallery_left.fadeOut,#gallery_right.fadeOut,#specimen.fadeOut{opacity:0;visibility:hidden}#gallery.fadeIn,#gallery_left.fadeIn,#gallery_right.fadeIn{opacity:1;visibility:visible;transition-delay:0s}#specimen.fadeIn{opacity:1;visibility:visible;transition-delay:0s}#gallery_close svg path,#gallery_left svg path,#gallery_right svg path{transition:.8s;-moz-transition:.8s;-webkit-transition:.8s}body.hover_on #gallery_close:hover svg path,body.hover_on #gallery_left:hover svg path,body.hover_on #gallery_right:hover svg path{fill:#0d0012}#specimen{width:100vw;height:100vh;max-width:100vw;margin:0;padding:0;background:#2b001a;position:absolute;top:0;left:0;z-index:9;transition:visibility 0s .5s,opacity .5s;-moz-transition:visibility 0s .5s,opacity .5s;-webkit-transition:visibility 0s .5s,opacity .5s}#specimen #iframeHolder{display:block;position:relative;overflow:hidden;padding-top:40vw;margin:15vh auto;border:none}#iframeHolder iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;border:0}#iframeHolder-4x3{padding-top:75%}#stat{margin:0;padding:20px 0 0 0;position:absolute;top:0;left:0;z-index:10}#stat h1{color:#0d0012;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:16px;letter-spacing:.2px;line-height:101%;margin:0 0 0 55px;padding:25px 15px 8px 15px;display:inline;background-color:#fff}#stat h2{color:#ff0051;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:16px;letter-spacing:.2px;line-height:101%;margin:0 0 0 2px;padding:25px 15px 8px 15px;display:inline;background-color:#fff}#stat p{color:#0d0012;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:16px;letter-spacing:.2px;line-height:140%;-webkit-font-smoothing:antialiased;margin:0 0 0 2px;padding:25px 15px 8px 15px;display:inline;background-color:#fff}#gap{width:100vw;height:75px;clear:both;background-color:#0d0012;background:url(../svg/diag2.svg);background-size:82px 75px}#contact{width:100vw;height:712px;max-width:100%;position:relative}#location{width:40vw;height:250px;background-color:#ff0051;position:absolute;top:200px;left:0;padding:50px 0 0 0}#location p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:16px;letter-spacing:.5px;margin:0 0 30px 5vw;padding:0 0 5px 0;border-bottom:solid 1px #0d0012}.comms{transition:padding .8s;-moz-transition:padding .8s;-webkit-transition:padding .8s}body.hover_on .comms:hover{cursor:pointer;color:#0d0012;padding-left:8px}#dribbble_icon,#instagram_icon,#linkedin_icon,#vimeo_icon{width:40px;height:40px;float:right;margin:0 1vw 0 0}#linkedin_icon{padding:0 2vw 0 0}#dribbble_icon svg .st0,#instagram_icon svg .st0,#linkedin_icon svg .st0,#vimeo_icon svg .st0{transition:.8s;-moz-transition:.8s;-webkit-transition:.8s}body.hover_on #dribbble_icon:hover,body.hover_on #instagram_icon:hover,body.hover_on #linkedin_icon:hover,body.hover_on #vimeo_icon:hover{cursor:pointer}body.hover_on #dribbble_icon:hover svg .st0,body.hover_on #instagram_icon:hover svg .st0,body.hover_on #linkedin_icon:hover svg .st0,body.hover_on #vimeo_icon:hover svg .st0{fill:#0d0012}#map{width:100vw;max-width:100%;height:712px;position:absolute;top:0;left:0;background-color:#0d0012;background:url(../img/studio_front.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}#is_mobile{width:1px;height:1px;display:block}@media only screen and (min-width:320px) and (max-width:480px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:320px) and (max-width:568px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3),only screen and (min-width:360px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3),only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:414px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:3){#is_mobile{display:none}#comm_shortcut{display:none}#gallery,#specimen{width:100%;height:100%}.comms{color:#0d0012}}@media only screen and (min-width:320px) and (max-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-width:320px) and (max-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-width:360px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait),only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),only screen and (min-width:414px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){#capsule,#vidbox{height:70vw}#capsule video{height:70vw;min-height:70vw}#plaque{width:55vw;height:45vw;padding:3vw 0 0 3vw}#plaque img{width:50vw}#lith,#lith img{width:19vw;height:19vw}#entry{width:100%;height:128vw}#badge,#badge img{width:19vw;height:9.5vw}.diag{width:calc(50% - (9.5vw));width:-webkit-calc(50% - (9.5vw));height:8.5vw;background-size:9.5vw 9.5vw}#whirly{width:100%;height:100%}#content{width:69vw;height:100%;margin:0 5vw 0 5vw}.whirly_arrow{width:10vw;height:100%}.whirly_arrow div{width:5vw;height:5vw;top:calc(50% - 2.5vw);top:-webkit-calc(50% - 2.5vw)}#whirl_right{margin-left:calc(50% - 5vw);margin-left:-webkit-calc(50% - 5vw)}#whirl_left svg,#whirl_right svg{width:5vw;height:5vw}#greet{padding:22vw 0 0 0}#greet h1{font-size:10vw;line-height:100%;margin-bottom:15px}#greet p{font-size:5vw;line-height:140%}#profile{padding:11vw 0 0 0}#profile h1{font-size:7vw;line-height:100%;margin-bottom:0}#profile p{font-size:5vw;line-height:120%}#recognition{padding:8.5vw 0 0 0}#recognition h1{font-size:7vw;line-height:100%;margin-bottom:0}#recognition p{font-size:3.8vw;line-height:95%;padding:0 0 2vw 8.5vw;text-indent:-8.5vw}.left_col{width:100%;max-width:100%;border-right:none}.right_col{width:100%;max-width:100%;display:none}.half,.half img{width:100vw;height:100vw}.quarter,.quarter img{width:50vw;height:50vw}.half h2,.quarter h2{font-size:7.5vw}.half p,.quarter p{font-size:3.5vw;letter-spacing:.5px}.info{bottom:4vw;left:4vw;padding:0 3vw 0 0}.off:hover~.info{bottom:10vw}.gallery_arrow div{width:5vw;height:5vw;top:calc(50% - 2.5vw);top:-webkit-calc(50% - 2.5vw)}#gallery_close,#gallery_close svg,#gallery_left svg,#gallery_right svg{width:5vw;height:5vw}#stat{padding:3.5vw 0 0 0}#stat h1{margin:0 0 0 5vw;font-size:5vw}#stat h2{font-size:5vw}#stat p{display:none}#gap{width:100%;max-width:100%;height:9vw;clear:both;background-color:#0d0012;background:url(../svg/diag2.svg);background-size:10.2vw auto}#map{display:none}#contact{height:87vw}#location{width:100%;height:100%;max-width:100%;top:0;padding:18vw 0 0 0}#location p{font-size:6vw;line-height:110%;margin:0 0 10vw 10vw;padding:0 0 1.5vw 0}#dribbble_icon,#instagram_icon,#linkedin_icon,#vimeo_icon{width:11vw;height:11vw;margin:0 3vw 0 0}#dribbble_icon svg,#instagram_icon svg,#linkedin_icon svg,#vimeo_icon svg{width:11vw;height:11vw}#linkedin_icon{padding:0 6vw 0 0}}@media only screen and (min-width:320px) and (max-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-width:320px) and (max-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-width:320px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape),only screen and (min-width:360px) and (max-width:640px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape),only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),only screen and (min-width:414px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){#capsule{height:290px}#capsule video{height:290px;min-height:290px}#plaque{width:45vw;height:135px;padding:20px 0 0 20px}#plaque img{width:45vw}#lith,#lith img{width:120px;height:120px}#entry{width:100%;max-width:100%;height:400px}#badge,#badge img{width:120px;height:54px}.diag{width:calc(50% - (120px /2));width:-webkit-calc(50% - (120px /2));height:54px;background-size:59px 54px}#whirly{width:100%;height:346px}#content{width:66vw;height:346px;margin:0 7vw 0 7vw}.whirly_arrow{width:10vw;height:346px}.whirly_arrow div{width:4.05vw;height:4.05vw;top:calc(50% - 2vw);top:-webkit-calc(50% - 2vw)}#whirl_right{margin-left:calc(50% - 4vw);margin-left:-webkit-calc(50% - 4vw)}#whirl_left svg,#whirl_right svg{width:4.05vw;height:4.05vw}#greet{padding:20vw 0 0 0}#greet h1{font-size:6vw;line-height:100%;margin-bottom:1.5vw}#greet p{font-size:2.9vw;line-height:140%;letter-spacing:.2px}#profile{padding:10vw 0 0 0}#profile h1{font-size:5vw;line-height:100%;margin-bottom:0}#profile p{font-size:2.9vw;line-height:140%}#recognition{padding:5.2vw 0 0 0}#recognition h1{font-size:5vw;line-height:100%;margin-bottom:0}#recognition p{font-size:2.5vw;line-height:95%;padding:0 0 .8vw 0}.left_col{width:100%;max-width:100%;border-right:none}.right_col{width:100%;display:none}.sig{font-size:15px;float:left;margin:10px 0 0 0}.half h2,.quarter h2{font-size:3.8vw}.half p,.quarter p{font-size:1.9vw;letter-spacing:.5px}.info{bottom:2vw;left:2vw;padding:0 1vw 0 0}.off:hover~.info{bottom:2vw}.gallery_arrow div{width:4.05vw;height:4.05vw;top:calc(50% - 2vw);top:-webkit-calc(50% - 2vw)}#gallery_close,#gallery_close svg,#gallery_left svg,#gallery_right svg{width:4.05vw;height:4.05vw}#stat{padding:1vw 0 0 0}#stat h1{margin:0 0 0 2.5vw;font-size:2.5vw}#stat h2{font-size:2.5vw}#stat p{display:none}#gap{width:100%;height:9vw;clear:both;background-color:#0d0012;background:url(../svg/diag2.svg);background-size:59px 54px}#map{display:none}#contact{height:310px}#location{width:100%;height:310px;top:0}#location p{color:#fff;font-family:NeSpLb_regular,Verdana;text-transform:uppercase;font-size:3.5vw;letter-spacing:.5px;margin:0 0 5vw 10%;padding:0 0 1.5vw 0;border-bottom:solid 1px #0d0012}#dribbble_icon,#instagram_icon,#linkedin_icon,#vimeo_icon{width:7.05vw;height:7.05vw;margin:0 2.6vw 0 0}#dribbble_icon svg,#instagram_icon svg,#linkedin_icon svg,#vimeo_icon svg{width:7.05vw;height:7.05vw}#linkedin_icon{padding:0 4.5vw 0 0}}@media only screen and (min-width:768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1),only screen and (min-width:768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (width:601px) and (height:906px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332),only screen and (min-width:800px) and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1200px) and (max-width:1600px) and (-webkit-min-device-pixel-ratio:1.5){#map{background-attachment:scroll}}