/** Projects **/
.space-container {
margin:0; padding:0; width:100%; height:100%; min-height:100vh; min-width:100vw; position:fixed; top:0; bottom:0; left:0; right:0; z-index:5999;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.2s linear 0.1s, opacity 0.7s ease 0.2s;
transition:all 0.2s linear 0.1s, opacity 0.7s ease 0.2s; }
/** UPDATE TRANSITIONS BETWEEN -- transform, opacity, filter**/
.space-frame {
width:50vw!important; /*height:50vh!important;*/ height:auto!important; cursor:pointer; top:25vh; right:25vw; position:fixed; -webkit-transform:scale(0) translate3d(140vw,-105vh,0); transform:scale(0) translate3d(140vw,-105vh,0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(100px); filter: blur(100px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=100); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: height 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), width 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition: height 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), width 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition: height 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), width 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition:height 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), width 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
pointer-events: none; overflow:visible; z-index:999; background-clip: border-box;
-webkit-animation-play-state:paused;
animation-play-state:paused;
}
.space-frame .space-inner-frame { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.space-frame img.widescreen-sizer { max-height:100%; }
.space-frame.tiny-active { -webkit-transform:scale(0.3) translate3d(-15vw,-125vh,0); transform:scale(0.3) translate3d(-15vw,-125vh,0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/*0.75;*/ z-index:999; -webkit-transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; transition: transform 2s ease, opacity 2s ease, filter 2s ease!important; transition:transform 2s ease, opacity 2s ease, filter 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; }
.space-frame.pre-active { -webkit-transform:scale(0.6) translate3d(34vw,-52vh,0); transform:scale(0.6) translate3d(34vw,-52vh,0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(20px); filter: blur(20px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20); opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/*0.5*/ z-index:1999; -webkit-transition: width 1.4s ease-out, height 1.4s ease-out, opacity 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; transition: width 1.4s ease-out, height 1.4s ease-out, opacity 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; transition: width 1.4s ease-out, height 1.4s ease-out, transform 1.5s ease-out, opacity 1.5s ease-out, filter 1.5s ease-out!important; transition:width 1.4s ease-out, height 1.4s ease-out, transform 1.5s ease-out, opacity 1.5s ease-out, filter 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; /*height: auto!important;*/ top:25vh; }
.space-frame.active { -webkit-transform:scale(1) translate3d(0,0,0); transform:scale(1) translate3d(0,0,0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; pointer-events:transform, opacity, filter; z-index:2999; -webkit-animation-play-state:paused!important; animation-play-state:paused!important;
-webkit-transition: width 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), height 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition: width 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), height 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition: width 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), height 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important;
transition:width 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), height 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important; height: auto!important; top:25vh; }
.space-frame.active * { }
.space-frame.active .space-inner-frame { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.space-frame.post-active {
-webkit-transform:scale(1.5) translate3d(-24vw,38vh,0);
transform:scale(1.5) translate3d(-24vw,38vh,0); /*transform:scale(1.5) translate3d(-10vw,20vh,0);*/ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(20px); filter: blur(20px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20); opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; z-index:3999;
-webkit-transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important;
transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important;
transition: transform 2s ease, opacity 2s ease, filter 2s ease!important;
transition:transform 2s ease, opacity 2s ease, filter 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important;
}
.space-frame.not-active { -webkit-transform:scale(2) translate3d(-35vw,44vh,0); transform:scale(2) translate3d(-35vw,44vh,0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(50px); filter: blur(50px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=50); opacity:0;/*.75;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; z-index:4999; /*transition:transform, opacity, filter 0.7s ease-in, opacity 0s linear!important;*/
-webkit-transition: opacity 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important;
transition: opacity 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important;
transition: transform 2s ease 0.25s, opacity 2s ease 0.25s, filter 2s ease 0.25s!important;
transition:transform 2s ease 0.25s, opacity 2s ease 0.25s, filter 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important;
}
.space-frame.hidden-active { /*transform:scale(2) translate3d(-22vw,48vh,0);*/ filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(150px); filter: blur(150px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=150); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility:hidden; pointer-events: none; -webkit-transform: scale(0.12) translate3d(-380vw,-310vh,0); transform: scale(0.12) translate3d(-380vw,-310vh,0); z-index:99;
-webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important;
transition:transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
}
.space-frame.big-hidden-active { -webkit-transform:scale(2) translate3d(-35vw,44vh,0); transform:scale(2) translate3d(-35vw,44vh,0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(50px); filter: blur(50px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=50); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility:hidden; pointer-events: none; -webkit-transition: none!important; transition:none!important; z-index:5999; }
.space-frame.teeny-active {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(100px);
filter: blur(100px);
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=100); opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; visibility: visible; pointer-events: none; -webkit-transform: scale(0.175) translate3d(-125vw,-215vh,0); transform: scale(0.175) translate3d(-125vw,-215vh,0); z-index: 89;
-webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important;
transition:transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
}
.space-frame.almost-active {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(120px);
filter: blur(120px);
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=120); opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; visibility: visible; pointer-events: none; -webkit-transform: scale(0.12) translate3d(-280vw,-310vh,0); transform: scale(0.12) translate3d(-280vw,-310vh,0); z-index: 79;
-webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important;
transition:transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important;
}
.space-frame.transitioning { -webkit-animation-play-state:paused!important; animation-play-state:paused!important; }
/** END UPDATE TRANSITIONS BETWEEN **/
.space-frame .background { background:center center no-repeat transparent; background-size:cover; height:100%; }
.space-frame img { max-width:100%; height:auto; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.space-frame .frame-wrapper section.space-inner-frame { position:absolute; right:-10px; left:-10px; bottom:0; color:#fff; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding:0 50px; -webkit-transition: opacity 0.7s ease; transition:opacity 0.7s ease; }
.space-frame:hover .frame-wrapper section.space-inner-frame { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.space-frame .space-inner-frame { margin-bottom:-1px;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.95) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.95) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.space-frame .space-inner-frame a, .space-frame .space-inner-frame .faux-link { text-transform: uppercase; /*color:#f15a29;*/ font-weight: bold; }
.space-frame .space-inner-frame .faux-link.play-video { position: absolute; padding: 50px 20px; margin: -50px -16px; z-index: 11010; }
.space-frame .space-inner-frame .faux-link.play-video.not-absolute { position:relative; padding:0;margin:0; z-index: 11010; }
.space-frame .space-inner-frame * { text-shadow: 1px 1px 2px rgba(0,0,0,0.7); }
.space-frame .space-inner-frame h3.category { font-size: 16px; font-weight:normal; letter-spacing: 1px; margin-bottom: 1px; }
.space-frame .space-inner-frame h2.title { font-size:20px; font-weight: bold; letter-spacing: 1px; margin:-10px 0 2px 0; }
.frame-wrapper { box-shadow: 0 0 30px rgba(0,0,0,0.75); -webkit-transform: translatey(0px); transform: translatey(0px); width:100%; height:100%; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.active .frame-wrapper, .almost-active .frame-wrapper { /*animation: float 8s ease-in-out infinite; animation: float 8s ease-in-out infinite;*/ }
.pre-active .frame-wrapper, .teeny-active .frame-wrapper { /*animation: floatTwo 4s ease-in-out infinite; animation: float 8s ease-in-out infinite;*/ }
.post-active .frame-wrapper, .tiny-active .frame-wrapper, .big-hidden-active .frame-wrapper, .hidden-active .frame-wrapper, .not-active .frame-wrapper {
/*animation: floatThree 10s ease-in-out infinite; animation: float 8s ease-in-out infinite;*/ }
.transitioning .frame-wrapper { -webkit-animation-play-state: paused!important; animation-play-state: paused!important; }
#currentProject { z-index:6029; }
/** About Page **/
#aboutSlideshow, #aboutSlideshow .slide {
width: 100vw;
height: 100vh;
background: center center no-repeat transparent;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
z-index:5999;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: opacity 2s ease;
transition: opacity 2s ease;
}
#aboutSlideshow .slide.active { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 10009; }
#aboutSlideshow .slide.active.hide { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#aboutSlideshow .slide.always-active { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.left-col-container, .right-col-container { padding:10px 45px; width:100%; height:100%; max-width: 100%; position:relative; overflow:auto; overflow-x:hidden; }
.right-col-container { padding-top:0; padding-left: 20px; margin-top:0; }
.right-col-container ul { margin:0; margin-bottom:26px; padding:0; list-style:none; line-height:18px; }
.right-col-container .row:last-of-type ul { margin-bottom:0; }
.right-col-container li, .right-col-container li h5 { font-size:12px; white-space:nowrap; }
.right-col-container li h5 { color:#fff; text-transform:uppercase; display:inline; }
.right-col-container li { color:#7e8580; padding:0; margin:-3px 0 3px 0; }
.right-col-container li:before { content:''; line-height:18px; width:.25em; height:.25em; background-color:#f15a29; float:left; margin:7px .6em 0 0; border-radius:50%; }
.right-col-container h5 { text-align:right; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:.2em; }
.left-col-container { padding-right:2%; padding-left:2%; /*padding-right:130px; padding-left:130px;*/ }
.left-col-container h1 { text-align: center; font-size:24px; font-weight:normal; text-transform:uppercase; color:#f15a29; line-height:18px; letter-spacing:.2em; margin:20px 0; }
.left-col-container h1 img { height:60px; position:relative; top:-15px; margin-left:10px; }
.left-col-container p {
text-align: left;
font-size: 16px;
line-height: 26px;
letter-spacing:.05em;/* .2em;
font-weight: bold!important;*/
color: #fff;
font-weight:400;
margin-bottom: 17px;
padding: 5px 0;
margin-left: -5px;
margin-right: -5px;
}
ul.filters { font-size:12px; text-transform:uppercase; letter-spacing:.2em; margin-bottom:25px; font-weight:bold; }
ul.filters li { display:inline-block; list-style:none; margin:0 25px 0 10px; }
ul.filters li:before { display:none; }
ul.filters li .active, span#aboutLink.active, span.address.active { color:#f15a29; }
/** Contact **/
#map { min-height:400px; height:100%; max-width:100%; /*display:table-caption;*/ background-color:transparent!important; }
#map div a div img, .gmnoprint, .gm-style-cc { display:none; }
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom,
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom * { /*display: block!important;*/ }
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom div.gmnoprint[controlheight="0"] { display:none!important; }
.gm-iv-address, .gm-iv-container { height:65px!important; }
.gm-iv-close { margin-top:18px!important; }
span.address { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*-webkit-transition: opacity 0.3s ease; transition:opacity 0.3s ease;*/ -webkit-transition: color 0.3s ease; transition:color 0.3s ease; }
span.address:hover { /*opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ color:#f15a29; }
/** Atmosphere **/
.outer-shadow { pointer-events:none!important; position:fixed; top:0;bottom:0;right:0;left:0; height:100vh; width:100vw; z-index:9998; /*mix-blend-mode: screen;*/ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.outer-shadow:after {
pointer-events: none!important; margin:0;
position:absolute; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; content: ''; display:block;
box-shadow:inset 0 160px 120px rgba(0,0,0,0.8), inset 0 0 100px #000, inset 0 0 70px #000, inset 0 0 50px #000, inset 0 0 30px #000, inset 0 0 10px #000; z-index:100;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjQiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(0,0,0,0)), color-stop(61%,rgba(0,0,0,0.24)), color-stop(91%,rgba(0,0,0,0.4)), color-stop(92%,rgba(0,0,0,0.4)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%,rgba(0,0,0,0.24) 61%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.4) 92%);
background: -webkit-radial-gradient(center ellipse, rgba(0,0,0,0) 50%,rgba(0,0,0,0.24) 61%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.4) 92%);
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%,rgba(0,0,0,0.24) 61%,rgba(0,0,0,0.4) 91%,rgba(0,0,0,0.4) 92%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 );
}
.outer-shadow { z-index:6000; }
.vimeo-wrapper { position: fixed; top:0; bottom:0; left: 0; width: 100%; height:100%; z-index: 0; pointer-events: none; overflow: hidden; -webkit-transition: all 0.95s linear; transition:all 0.95s linear; }
.vimeo-wrapper:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*box-shadow: inset 0 0 1000px #000, inset 0 0 500px #000;*/ z-index: 9; }
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; /*min-height:calc(100vh - 125px);*/ min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.vimeo-wrapper.full-screen iframe { /*min-height: 150vh; min-width: 266.66vh;*/ min-width:0; max-width:100%; }
#currentProject { background-color:#000; }
.space-container:before {
content: "";
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
pointer-events: none;
}
/** Transitions **/
.soft-zoom-out { /*-webkit-transform:scale(0.25); transform:scale(0.25);*/-webkit-transform:scale(1); transform:scale(1); opacity:0!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(100px); filter: blur(100px); filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=100); pointer-events: none; }
/** Single Project **/
div#singleProject { position: absolute;top: 0; bottom: 0;left: 0; right: 0; }
div#singleProject:before { content:''; display: block; position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; opacity:0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; background-color:#000; }
div#singleProject .container, div#singleProject .container .row,
div#singleProject > .container-fluid, div#singleProject > .container-fluid > .row { height:100%; height:100vh; }
div#singleProject div#description .container .row, div#singleProject div#description .container-fluid .row { height:auto!important; }
div#singleProject .container .row p, div#singleProject > .container-fluid .row p { padding:10px 0 0 0; margin:10px 0; font-size:16px; }
div#singleProject .container .row, div#singleProject >.container-fluid > .row { padding:40px; }
div#singleProject h6 { color:#f15a29; }
div#singleProject h6 a, div#singleProject h6 span { color:#fff; }
#singleProject > .container-fluid { transition:opacity 0.4s linear; }
/** About Page **/
#aboutPage { z-index: 8799; }
#aboutPage:before { content:''; display: block; position: absolute; top:0; bottom:0; left:0; right:0; z-index:10099; opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
#aboutPage > .container-fluid > .row.align-items-center { height: 100%; overflow: hidden; }
div#aboutPage > .container, div#aboutPage > .container-fluid {
}
#aboutPage > .container-fluid > .row.align-items-center { overflow: auto; height:100%; }
#aboutPage > .container-fluid > .row.align-items-center *, #aboutPage > .container-fluid > .row.align-items-center .col-10.offset-sm-1 { }
#aboutPage > .container-fluid > .row.align-items-center p, #aboutPage > .container-fluid > .row.align-items-center ul, #aboutPage > .container-fluid > .row.align-items-center ul li, #aboutPage .right-col-container .row { float:left; clear:none; max-height:none!important; width:100%; }
#aboutPage > .container-fluid > .row.align-items-center ul.filters, #aboutPage > .container-fluid > .row.align-items-center ul.filters li { width:auto; float:none; }
#aboutPage > .container-fluid > .row.align-items-center .left-col-container {
padding-top: 50px;
}
#aboutPage > .container-fluid > .row.align-items-center .row a {
color: #fff;
}
/***** ADD PRELOAD 2 BACK HERE *****/
.space-frame .frame-wrapper section.space-inner-frame * {
text-align: right;
display: inline-block;
float: right;
width: 100%;
position: relative!important;
padding: 0!important;
}
.space-frame .frame-wrapper section.space-inner-frame span {
width:auto!important; margin:0!important;
}
.space-frame .background:after {
content: "";
display: block;
background-color: #fff;
width: 100%;
height: 100%;
opacity: 0.05;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; pointer-events:none!important; position:absolute; top:0; bottom:0; left:0; right:0;
}
/**RESPONSIVE**/
.carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img,
.carousel-inner>.item>a>img, .carousel-inner>.item>img,
.img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
.full-width {
width: 100%;
max-width: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgba(0,0,0,0);
filter: alpha(opacity=50);
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel.slide .carousel-control .bottom {
width: 20px;
height: auto;
position: absolute;
top: 50%;
margin: -18px 0 0 -14px;
}
/* Responsive Embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.full-width { width:100%; max-width:100%; }
.embed-container.img-inside { height:auto; padding:0; }
.container-fluid .row .col-xs-12 { width: 100%; }
/*** ADD BACK SAFARI STYLING HERE ***/
/** Copy OTHER BACK HERE **/
.grid-view .space-frame, .grid-view .space-frame.active {
-webkit-transform: scale(1)!important;
transform: scale(1)!important;filter: url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter: blur(0)!important;filter: blur(0)!important;filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0);position: relative!important;top: auto!important; bottom: auto!important;left: auto!important; right: auto!important; float: left!important; opacity: 1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; margin: 2vh 2vw;
margin:2%; width: 16%!important; height:auto!important; display: block!important; visibility: visible!important; -webkit-transition: none!important; transition:none!important; max-width:100vw; pointer-events: all!important;
}
.grid-view #spaceSwap.space-container { -webkit-transform:none; transform:none;/* scale(0.85);*/ padding:20px; min-height:100%;min-width:100%;position: relative; }
.grid-view #grid-scroll { overflow:hidden; }
div#grid-scroll {
position: fixed;
top: 150px;
bottom: 150px;
left: 100px;
right: 100px;
}
.grid-view #spaceSwap{ overflow: auto; }
.grid-view .space-frame .frame-wrapper section.space-inner-frame { padding:0 15px; }
.grid-view .space-frame .frame-wrapper section.space-inner-frame * { font-size:0.7em; }
.grid-view .space-frame .background { -webkit-transition: opacity 0.3s ease; transition:opacity 0.3s ease; }
.grid-view .space-frame:hover .background { opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.grid-view div#grid-scroll { z-index: 6001; }
.ipad-layout .space-frame, .ipad-layout .space-frame.active {
-webkit-transform: scale(1)!important;
transform: scale(1)!important;filter: url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter: blur(0)!important;filter: blur(0)!important;filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0);position: relative!important;top: auto!important; bottom: auto!important;left: auto!important; right: auto!important; float: left!important; opacity: 1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; margin: 2vh 2vw;
margin:2%; width: 16%!important; height:auto!important; display: block!important; visibility: visible!important; -webkit-transition: none!important; transition:none!important; max-width:100vw; pointer-events: all!important;
}
.ipad-layout #spaceSwap.space-container { -webkit-transform:none; transform:none;/* scale(0.85);*/ padding:20px; min-height:100%;min-width:100%;position: relative; }
.ipad-layout #grid-scroll { overflow:hidden; }
.ipad-layout #spaceSwap{ overflow: auto; }
.ipad-layout .space-frame .frame-wrapper section.space-inner-frame { padding:0 15px; }
.ipad-layout .space-frame .frame-wrapper section.space-inner-frame * { font-size:0.7em; }
.ipad-layout .space-frame .background { -webkit-transition: opacity 0.3s ease; transition:opacity 0.3s ease; }
.ipad-layout .space-frame:hover .background { opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.ipad-layout div#grid-scroll { z-index: 6001; }
/** END Copy OTHER BACK **/
.space-frame .frame-wrapper section.space-inner-frame span.play-video.faux-link { padding-left: 3px!important; }
/** IE Font Fixes **/
/** links orange and no underline **/
div#contactInfo span, div#contactInfo span.phone { color:#fff; text-decoration:none; }
div#contactInfo span:hover, div#contactInfo span.phone:hover { color:#f15a29; }
div#contactInfo span.email:hover a, div#contactInfo span.email:hover { color:#f15a29!important; }
/*ul#projectFilter li.nav-item, div#contactInfo span, #contactInfo, #aboutLink, ul#social-links, ul#social-links li i, #staff h4 { font-size: 20px; }
h2#title { font-size: 32px; }
h4#category { font-size: 24px; }
div#singleProject h6, div#description, div#description p, div#description span, .col-md-6.align-right.text-right, .col-md-6.align-right.text-right a, #staff h6, #staff span { font-size: 16px; }
.col-md-6.align-right.text-right h3 { font-size:28px; }*/
_:-ms-lang(x), ul#projectFilter li.nav-item { font-size:15px; }
_:-ms-lang(x), div#contactInfo span { font-size:15px; }
_:-ms-lang(x), #contactInfo { font-size:14px; }
_:-ms-lang(x), #aboutLink { font-size:15px; }
_:-ms-lang(x), ul#social-links { font-size:15px; }
_:-ms-lang(x), ul#social-links li i { font-size:15px; }
_:-ms-lang(x), #staff h4 { font-size:15px; }
_:-ms-lang(x), .grid-all div#overlay-grid .inner-grid { font-size:14px; }
_:-ms-lang(x), div#contactInfo span { color:#fff!important; text-decoration:none!important; }
_:-ms-lang(x), div#contactInfo span.phone { color:#fff!important; text-decoration:none!important; }
_:-ms-lang(x), h2#title { font-size: 24px; }
_:-ms-lang(x), h4#category { font-size: 18px; }
_:-ms-lang(x), div#singleProject h6 { font-size: 12px; }
_:-ms-lang(x), div#description { font-size: 12px; }
_:-ms-lang(x), div#description p { font-size: 12px; }
_:-ms-lang(x), div#description span { font-size: 12px; }
_:-ms-lang(x), .col-md-6.align-right.text-right { font-size: 12px; }
_:-ms-lang(x), .col-md-6.align-right.text-right a { font-size: 12px; }
_:-ms-lang(x), #staff h6 { font-size: 12px; }
_:-ms-lang(x), #staff span { font-size: 12px; }
_:-ms-lang(x), .col-md-6.align-right.text-right h3 { font-size: 20px; }
_:-ms-lang(x), ul#projectFilter li ul { top:69px; }
_:-ms-lang(x), span.slogan.inner-grid:before { right:10px; }
_:-ms-lang(x), span.slogan.inner-grid:after { left:10px; }
/** Updates 030518 **/
span#gridView, span#threeDView { display: none; position: fixed; right: 100px; left: auto; bottom: 98px; }
span#threeDView { right:135px; }
.grid-all span#gridView, .grid-all span#threeDView { display: block; }
.grid-all span#gridView:hover, .grid-all span#threeDView:hover, .grid-all span#gridView:hover *, .grid-all span#threeDView:hover * { color:#f15a29; }
.grid-none span#gridView, .grid-none span#threeDView { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events: none; }
div#categoryMenus > div > ul { display: none; }
.no-css-transition { -webkit-transition: none!important; transition:none!important; }
div#categoryMenus > div > ul.show { display: block; position: fixed; padding:150px; left:0; right:0; top:0; bottom:0; overflow: hidden; text-align: left; background-color:rgba(0,0,0,0.8); z-index:99999; }
div#categoryMenus > div > ul.show li { list-style: none; display: inline-block; margin:10px auto; text-align:left; width:auto; float:left; clear:both; line-height:normal; }
/** Mobile 030619 **/
.navbar-toggler:not(:disabled):not(.disabled) { pointer-events: all!important; border:none!important; }
button.navbar-toggler { position: relative; width: 100px; height: 55px; top: 7px; z-index:999; }
#pleaserotate-graphic{ fill: #fff; }
#pleaserotate-backdrop { color: #fff!important; background-color: #000!important; }
div#pleaserotate-message small { display:none; }
div#pleaserotate-backdrop, div#pleaserotate-backdrop * { pointer-events: none;z-index: 99999; }
div#uiControls { z-index: 99999; }
div#pleaserotate-message {
font-family: 'Verlag A', 'Verlag B', Verlag, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 160px;
margin: 10px auto 0 auto;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.125em;
}
.ps-scrollbar-y-rail { right:110px!important; }
#aboutPage .ps-scrollbar-y-rail { right:50px!important; }
#grid-scroll .ps-scrollbar-y-rail { right:10px!important; }
.col-8.offset-sm-2{ padding-left:30px; padding-right:30px; }
#aboutPage .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y:after { min-height:15px; }
.touch-only { display:none!important; }
html.touchevents .touch-only { display:block!important; }
html.touchevents .hide-landscape, html.touchevents #scrollIcon { display:none!important; }
@supports (-webkit-overflow-scrolling: touch) {
.space-frame { -webkit-filter:none!important; filter:none!important; }
}
/** iPad Pro 9.7 Landscape **/
/**** ADD NAV COLS BACK HERE ****/
@-moz-document url-prefix() {
span.slogan.inner-grid:before, span.slogan.inner-grid:after {
width: calc(50% - (0.5em + 407px));
margin-top: -1px;
}
}
/** Ipad and BELOW Touch Devices **/
.ipad-layout .space-frame, .ipad-layout .space-container { -webkit-transition: none!important; transition:none!important; }
.ipad-layout .soft-zoom-out, .ipad-layout #reel, .ipad-layout #currentProject { -webkit-transform:scale(1); transform:scale(1); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0)!important; filter: blur(0)!important; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); -webkit-transition: none!important; transition:none!important; }
.ipad-layout .soft-zoom-out { z-index:6000!important; }
.ipad-layout #grid-scroll .ps-scrollbar-y-rail { right:5px!important; /*top: 15px!important;max-height: 110%!important;*/ padding: 10px 0; }
.ipad-layout span#gridView { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index:0; }
.ipad-layout .space-frame .frame-wrapper section.space-inner-frame h2.title { display:none; }
.ipad-layout ul#projectFilter li ul { max-width:80vw; max-height:530px!important; max-height: calc(100vw - 150px)!important; -webkit-columns:auto; -moz-columns:auto; columns:auto; -webkit-column-count:auto; -moz-column-count:auto; column-count:auto; -webkit-column-width:180px; -moz-column-width:180px; column-width:180px; -webkit-column-rule:none; -moz-column-rule:none; column-rule:none; -moz-column-fill: balance; -webkit-column-fill: balance; column-fill: balance; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; background-color: rgba(0,0,0,0.9); padding:20px; }
.ipad-layout ul#projectFilter li ul#adMenu,
.ipad-layout ul#projectFilter li ul#broadcastMenu,
.ipad-layout ul#projectFilter li ul#interactiveMenu,
.ipad-layout ul#projectFilter li ul#brandingMenu,
.ipad-layout ul#projectFilter li ul#theatricalMenu { width: auto; }
.ipad-layout ul#projectFilter li ul#mtMenu { max-height: 530px!important; left:-197px; -webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; }
.space-frame.active { pointer-events:all!important; }
/*.touchevents ul#projectFilter li ul { display:none!important; }
.touchevents ul#projectFilter li.nav-item:hover:before { margin-left:-7px; }*/
.touchevents ul#projectFilter li:hover { background-color: transparent; }
.touchevents ul#projectFilter li:hover, .touchevents ul#projectFilter li:hover > a, .touchevents ul#projectFilter > li:hover span { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
/*@media not all and (pointer: coarse) {*/
.touchevents close:not(:disabled):not(.disabled):hover { color:#fff; }
.touchevents a:hover,
.touchevents .faux-link:hover,
.touchevents ul#projectFilter li:hover > a, .touchevents ul#projectFilter li:hover, .touchevents ul#projectFilter > li:hover span { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; text-decoration:none; color:#fff; }
.touchevents .grid-none #videoControls,
.touchevents .grid-none #audioControls { opacity:1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.touchevents .space-frame .frame-wrapper section.space-inner-frame { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.touchevents span.address:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
/** COPY BACK HERE **/
.touchevents .grid-view .space-frame:hover .background { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.touchevents ul#projectFilter li:hover { background-color: transparent; }
/** Hide Submenu on Touch **/
/*.touchevents ul#projectFilter li ul,
.touchevents ul#projectFilter li ul * { display:none!important; }
.touchevents ul#projectFilter li:hover ul { display:none!important; opacity:1; pointer-events:all; }*/
/*}*/
.grid-view div#spaceSwap > div.round1,
.grid-view div#spaceSwap > div.round2,
.grid-view div#spaceSwap > div.round3,
.grid-view div#spaceSwap > div.round4,
.grid-view div#spaceSwap > div.round5,
.grid-view div#spaceSwap > div.round6,
.grid-view div#spaceSwap > div.round7,
.grid-view div#spaceSwap > div.round8,
.grid-view div#spaceSwap > div.round9,
.grid-view div#spaceSwap > div.round10,
.grid-view div#spaceSwap > div.round11,
.grid-view div#spaceSwap > div.round12,
.grid-view div#spaceSwap > div.round13,
.grid-view div#spaceSwap > div.round14,
.grid-view div#spaceSwap > div.round15,
.grid-view div#spaceSwap > div.round16,
.grid-view div#spaceSwap > div.round17,
.grid-view div#spaceSwap > div.round18,
.grid-view div#spaceSwap > div.round19,
.grid-view div#spaceSwap > div.round20,
.grid-view div#spaceSwap > div.round21,
.grid-view div#spaceSwap > div.round22,
.grid-view div#spaceSwap > div.round23,
.grid-view div#spaceSwap > div.round24,
.grid-view div#spaceSwap > div.round25,
.grid-view div#spaceSwap > div.round26,
.grid-view div#spaceSwap > div.round27,
.grid-view div#spaceSwap > div.round28,
.grid-view div#spaceSwap > div.round29,
.grid-view div#spaceSwap > div.round30,
.grid-view div#spaceSwap > div.round31,
.grid-view div#spaceSwap > div.round32,
.grid-view div#spaceSwap > div.round33,
.grid-view div#spaceSwap > div.round34,
.grid-view div#spaceSwap > div.round35,
.grid-view div#spaceSwap > div.round36,
.grid-view div#spaceSwap > div.round37,
.grid-view div#spaceSwap > div.round38,
.grid-view div#spaceSwap > div.round39,
.grid-view div#spaceSwap > div.round40,
.grid-view div#spaceSwap > div.round41,
.grid-view div#spaceSwap > div.round42,
.grid-view div#spaceSwap > div.round43,
.grid-view div#spaceSwap > div.round44,
.grid-view div#spaceSwap > div.round45,
.grid-view div#spaceSwap > div.round46,
.grid-view div#spaceSwap > div.round47,
.grid-view div#spaceSwap > div.round48,
.grid-view div#spaceSwap > div.round49,
.grid-view div#spaceSwap > div.round50,
.grid-view div#spaceSwap > div.round51,
.grid-view div#spaceSwap > div.round52,
.grid-view div#spaceSwap > div.round53,
.grid-view div#spaceSwap > div.round54,
.grid-view div#spaceSwap > div.round55,
.grid-view div#spaceSwap > div.round56,
.grid-view div#spaceSwap > div.round57,
.grid-view div#spaceSwap > div.round58,
.grid-view div#spaceSwap > div.round59,
.grid-view div#spaceSwap > div.round60 {
display:block!important;
}
.grid-view div#spaceSwap > div.round1 ~ div.round1,
.grid-view div#spaceSwap > div.round2 ~ div.round2,
.grid-view div#spaceSwap > div.round3 ~ div.round3,
.grid-view div#spaceSwap > div.round4 ~ div.round4,
.grid-view div#spaceSwap > div.round5 ~ div.round5,
.grid-view div#spaceSwap > div.round6 ~ div.round6,
.grid-view div#spaceSwap > div.round7 ~ div.round7,
.grid-view div#spaceSwap > div.round8 ~ div.round8,
.grid-view div#spaceSwap > div.round9 ~ div.round9,
.grid-view div#spaceSwap > div.round10 ~ div.round10,
.grid-view div#spaceSwap > div.round11 ~ div.round11,
.grid-view div#spaceSwap > div.round12 ~ div.round12,
.grid-view div#spaceSwap > div.round13 ~ div.round13,
.grid-view div#spaceSwap > div.round14 ~ div.round14,
.grid-view div#spaceSwap > div.round15 ~ div.round15,
.grid-view div#spaceSwap > div.round16 ~ div.round16,
.grid-view div#spaceSwap > div.round17 ~ div.round17,
.grid-view div#spaceSwap > div.round18 ~ div.round18,
.grid-view div#spaceSwap > div.round19 ~ div.round19,
.grid-view div#spaceSwap > div.round20 ~ div.round20,
.grid-view div#spaceSwap > div.round21 ~ div.round21,
.grid-view div#spaceSwap > div.round22 ~ div.round22,
.grid-view div#spaceSwap > div.round23 ~ div.round23,
.grid-view div#spaceSwap > div.round24 ~ div.round24,
.grid-view div#spaceSwap > div.round25 ~ div.round25,
.grid-view div#spaceSwap > div.round26 ~ div.round26,
.grid-view div#spaceSwap > div.round27 ~ div.round27,
.grid-view div#spaceSwap > div.round28 ~ div.round28,
.grid-view div#spaceSwap > div.round29 ~ div.round29,
.grid-view div#spaceSwap > div.round30 ~ div.round30,
.grid-view div#spaceSwap > div.round31 ~ div.round31,
.grid-view div#spaceSwap > div.round32 ~ div.round32,
.grid-view div#spaceSwap > div.round33 ~ div.round33,
.grid-view div#spaceSwap > div.round34 ~ div.round34,
.grid-view div#spaceSwap > div.round35 ~ div.round35,
.grid-view div#spaceSwap > div.round36 ~ div.round36,
.grid-view div#spaceSwap > div.round37 ~ div.round37,
.grid-view div#spaceSwap > div.round38 ~ div.round38,
.grid-view div#spaceSwap > div.round39 ~ div.round39,
.grid-view div#spaceSwap > div.round40 ~ div.round40,
.grid-view div#spaceSwap > div.round41 ~ div.round41,
.grid-view div#spaceSwap > div.round42 ~ div.round42,
.grid-view div#spaceSwap > div.round43 ~ div.round43,
.grid-view div#spaceSwap > div.round44 ~ div.round44,
.grid-view div#spaceSwap > div.round45 ~ div.round45,
.grid-view div#spaceSwap > div.round46 ~ div.round46,
.grid-view div#spaceSwap > div.round47 ~ div.round47,
.grid-view div#spaceSwap > div.round48 ~ div.round48,
.grid-view div#spaceSwap > div.round49 ~ div.round49,
.grid-view div#spaceSwap > div.round50 ~ div.round50,
.grid-view div#spaceSwap > div.round51 ~ div.round51,
.grid-view div#spaceSwap > div.round52 ~ div.round52,
.grid-view div#spaceSwap > div.round53 ~ div.round53,
.grid-view div#spaceSwap > div.round54 ~ div.round54,
.grid-view div#spaceSwap > div.round55 ~ div.round55,
.grid-view div#spaceSwap > div.round56 ~ div.round56,
.grid-view div#spaceSwap > div.round57 ~ div.round57,
.grid-view div#spaceSwap > div.round58 ~ div.round58,
.grid-view div#spaceSwap > div.round59 ~ div.round59,
.grid-view div#spaceSwap > div.round60 ~ div.round60{
display:none!important;
}
.grid-view .space-frame .widescreen-sizer, .grid-view .space-frame, .grid-view .space-frame * { pointer-events:all!important; }
.touchevents .ipad-layout .space-frame:hover .background { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.ipad-layout div#spaceSwap > div.round1,
.ipad-layout div#spaceSwap > div.round2,
.ipad-layout div#spaceSwap > div.round3,
.ipad-layout div#spaceSwap > div.round4,
.ipad-layout div#spaceSwap > div.round5,
.ipad-layout div#spaceSwap > div.round6,
.ipad-layout div#spaceSwap > div.round7,
.ipad-layout div#spaceSwap > div.round8,
.ipad-layout div#spaceSwap > div.round9,
.ipad-layout div#spaceSwap > div.round10,
.ipad-layout div#spaceSwap > div.round11,
.ipad-layout div#spaceSwap > div.round12,
.ipad-layout div#spaceSwap > div.round13,
.ipad-layout div#spaceSwap > div.round14,
.ipad-layout div#spaceSwap > div.round15,
.ipad-layout div#spaceSwap > div.round16,
.ipad-layout div#spaceSwap > div.round17,
.ipad-layout div#spaceSwap > div.round18,
.ipad-layout div#spaceSwap > div.round19,
.ipad-layout div#spaceSwap > div.round20,
.ipad-layout div#spaceSwap > div.round21,
.ipad-layout div#spaceSwap > div.round22,
.ipad-layout div#spaceSwap > div.round23,
.ipad-layout div#spaceSwap > div.round24,
.ipad-layout div#spaceSwap > div.round25,
.ipad-layout div#spaceSwap > div.round26,
.ipad-layout div#spaceSwap > div.round27,
.ipad-layout div#spaceSwap > div.round28,
.ipad-layout div#spaceSwap > div.round29,
.ipad-layout div#spaceSwap > div.round30,
.ipad-layout div#spaceSwap > div.round31,
.ipad-layout div#spaceSwap > div.round32,
.ipad-layout div#spaceSwap > div.round33,
.ipad-layout div#spaceSwap > div.round34,
.ipad-layout div#spaceSwap > div.round35,
.ipad-layout div#spaceSwap > div.round36,
.ipad-layout div#spaceSwap > div.round37,
.ipad-layout div#spaceSwap > div.round38,
.ipad-layout div#spaceSwap > div.round39,
.ipad-layout div#spaceSwap > div.round40,
.ipad-layout div#spaceSwap > div.round41,
.ipad-layout div#spaceSwap > div.round42,
.ipad-layout div#spaceSwap > div.round43,
.ipad-layout div#spaceSwap > div.round44,
.ipad-layout div#spaceSwap > div.round45,
.ipad-layout div#spaceSwap > div.round46,
.ipad-layout div#spaceSwap > div.round47,
.ipad-layout div#spaceSwap > div.round48,
.ipad-layout div#spaceSwap > div.round49,
.ipad-layout div#spaceSwap > div.round50,
.ipad-layout div#spaceSwap > div.round51,
.ipad-layout div#spaceSwap > div.round52,
.ipad-layout div#spaceSwap > div.round53,
.ipad-layout div#spaceSwap > div.round54,
.ipad-layout div#spaceSwap > div.round55,
.ipad-layout div#spaceSwap > div.round56,
.ipad-layout div#spaceSwap > div.round57,
.ipad-layout div#spaceSwap > div.round58,
.ipad-layout div#spaceSwap > div.round59,
.ipad-layout div#spaceSwap > div.round60 {
display:block!important;
}
.ipad-layout div#spaceSwap > div.round1 ~ div.round1,
.ipad-layout div#spaceSwap > div.round2 ~ div.round2,
.ipad-layout div#spaceSwap > div.round3 ~ div.round3,
.ipad-layout div#spaceSwap > div.round4 ~ div.round4,
.ipad-layout div#spaceSwap > div.round5 ~ div.round5,
.ipad-layout div#spaceSwap > div.round6 ~ div.round6,
.ipad-layout div#spaceSwap > div.round7 ~ div.round7,
.ipad-layout div#spaceSwap > div.round8 ~ div.round8,
.ipad-layout div#spaceSwap > div.round9 ~ div.round9,
.ipad-layout div#spaceSwap > div.round10 ~ div.round10,
.ipad-layout div#spaceSwap > div.round11 ~ div.round11,
.ipad-layout div#spaceSwap > div.round12 ~ div.round12,
.ipad-layout div#spaceSwap > div.round13 ~ div.round13,
.ipad-layout div#spaceSwap > div.round14 ~ div.round14,
.ipad-layout div#spaceSwap > div.round15 ~ div.round15,
.ipad-layout div#spaceSwap > div.round16 ~ div.round16,
.ipad-layout div#spaceSwap > div.round17 ~ div.round17,
.ipad-layout div#spaceSwap > div.round18 ~ div.round18,
.ipad-layout div#spaceSwap > div.round19 ~ div.round19,
.ipad-layout div#spaceSwap > div.round20 ~ div.round20,
.ipad-layout div#spaceSwap > div.round21 ~ div.round21,
.ipad-layout div#spaceSwap > div.round22 ~ div.round22,
.ipad-layout div#spaceSwap > div.round23 ~ div.round23,
.ipad-layout div#spaceSwap > div.round24 ~ div.round24,
.ipad-layout div#spaceSwap > div.round25 ~ div.round25,
.ipad-layout div#spaceSwap > div.round26 ~ div.round26,
.ipad-layout div#spaceSwap > div.round27 ~ div.round27,
.ipad-layout div#spaceSwap > div.round28 ~ div.round28,
.ipad-layout div#spaceSwap > div.round29 ~ div.round29,
.ipad-layout div#spaceSwap > div.round30 ~ div.round30,
.ipad-layout div#spaceSwap > div.round31 ~ div.round31,
.ipad-layout div#spaceSwap > div.round32 ~ div.round32,
.ipad-layout div#spaceSwap > div.round33 ~ div.round33,
.ipad-layout div#spaceSwap > div.round34 ~ div.round34,
.ipad-layout div#spaceSwap > div.round35 ~ div.round35,
.ipad-layout div#spaceSwap > div.round36 ~ div.round36,
.ipad-layout div#spaceSwap > div.round37 ~ div.round37,
.ipad-layout div#spaceSwap > div.round38 ~ div.round38,
.ipad-layout div#spaceSwap > div.round39 ~ div.round39,
.ipad-layout div#spaceSwap > div.round40 ~ div.round40,
.ipad-layout div#spaceSwap > div.round41 ~ div.round41,
.ipad-layout div#spaceSwap > div.round42 ~ div.round42,
.ipad-layout div#spaceSwap > div.round43 ~ div.round43,
.ipad-layout div#spaceSwap > div.round44 ~ div.round44,
.ipad-layout div#spaceSwap > div.round45 ~ div.round45,
.ipad-layout div#spaceSwap > div.round46 ~ div.round46,
.ipad-layout div#spaceSwap > div.round47 ~ div.round47,
.ipad-layout div#spaceSwap > div.round48 ~ div.round48,
.ipad-layout div#spaceSwap > div.round49 ~ div.round49,
.ipad-layout div#spaceSwap > div.round50 ~ div.round50,
.ipad-layout div#spaceSwap > div.round51 ~ div.round51,
.ipad-layout div#spaceSwap > div.round52 ~ div.round52,
.ipad-layout div#spaceSwap > div.round53 ~ div.round53,
.ipad-layout div#spaceSwap > div.round54 ~ div.round54,
.ipad-layout div#spaceSwap > div.round55 ~ div.round55,
.ipad-layout div#spaceSwap > div.round56 ~ div.round56,
.ipad-layout div#spaceSwap > div.round57 ~ div.round57,
.ipad-layout div#spaceSwap > div.round58 ~ div.round58,
.ipad-layout div#spaceSwap > div.round59 ~ div.round59,
.ipad-layout div#spaceSwap > div.round60 ~ div.round60{
display:none!important;
}
.ipad-layout .space-frame .widescreen-sizer, .ipad-layout .space-frame, .ipad-layout .space-frame * { pointer-events:all!important; }
/** END COPY BACK HERE **/
.not-active a.is-checked, .not-active .is-checked, .not-active .is-checked a { color:#fff!important; }
.uil-ring-css { z-index: 9999; }
.loading .uil-ring-css { display:block!important; opacity:1!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
div#overlay-grid:after { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events:none; -webkit-transition: opacity 0.3s linear 0.2s; transition: opacity 0.3s linear 0.2s; content:''; display:block; background-color:#000; position:absolute;/*fixed; -- hides bg, but loses borders, workaround?*/ left: 0; right:0; bottom:0; top:0; }
.loading div#overlay-grid:after { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; pointer-events: all; }
.loading div#overlay-grid:before { z-index:10000; }
div#main-container:after {
background-color: #000;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: '';
display: block;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.loading div#main-container:after { opacity:1; }
.hide-view-controls.grid-all span#gridView, .hide-view-controls.grid-all span#threeDView { opacity:0; pointer-events:none; }
/*** ADD PRELOAD 1 HERE ****/
/* Mobile Updates */
@media only screen and (max-device-width: 812px) {
.touchevents .grid-none div#overlay-grid, .touchevents .grid-all.firstload div#overlay-grid { opacity:0!important; pointer-events:none!important; }
.touchevents .grid-none div#uiControls, .touchevents .grid-all.firstload div#uiControls { top: 20px; left: 20px; pointer-events: all!important; }
.touchevents .grid-none #videoControls, .touchevents .grid-all.firstload #videoControls,
.touchevents .grid-none #audioControls, .touchevents .grid-all.firstload #audioControls { bottom:20px; pointer-events: all!important; }
.touchevents .grid-none #videoControls, .touchevents .grid-all.firstload #videoControls { left:20px; pointer-events: all!important; }
.touchevents .grid-none #audioControls, .touchevents .grid-all.firstload #audioControls { right:20px; pointer-events: all!important; }
.touchevents .grid-none #contactInfo, .touchevents .grid-none #aboutLink,
.touchevents .grid-all.firstload #contactInfo, .touchevents .grid-all.firstload #aboutLink { pointer-events: none!important; }
}
/* END Mobile Updates */
@media (max-width:504px) {
.left-col-container h1 { text-align: center; }
.left-col-container h1 img { top: -5px; margin-left: 12px; } }
.space-frame { top: calc( (100vh - 28vw) / 2 )!important; }
@media (max-aspect-ratio: 16/9) {
.space-frame.active { max-height: 28vw!important; max-width: 50vw!important; height: auto!important; width: auto!important; top: calc( (100vh - 28vw) / 2 ); } }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.space-frame { -webkit-filter: none!important; filter: none!important; height: auto!important; }
.space-frame { -webkit-transition: opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; }
.space-frame.tiny-active { -webkit-transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; transition: opacity 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; transition: transform 2s ease, opacity 2s ease, filter 2s ease!important; transition: transform 2s ease, opacity 2s ease, filter 2s ease, -webkit-transform 2s ease, -webkit-filter 2s ease!important; }
.space-frame.pre-active { -webkit-transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; transition: opacity 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; transition: transform 1.5s ease-out, opacity 1.5s ease-out, filter 1.5s ease-out!important; transition: transform 1.5s ease-out, opacity 1.5s ease-out, filter 1.5s ease-out, -webkit-transform 1.5s ease-out, -webkit-filter 1.5s ease-out!important; }
.space-frame.active { -webkit-transition: opacity, -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: opacity, -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), opacity, 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.6s cubic-bezier(0.175, 0.885, 0.320, 1), 1.6s cubic-bezier(0.175, 0.885, 0.320, 1) -webkit-filter 1.6s cubic-bezier(0.175, 0.885, 0.320, 1)!important; }
.space-frame.post-active { -webkit-transition: opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; transition: transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), opacity 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-transform 1.4s cubic-bezier(0.175, 0.885, 0.320, 1), -webkit-filter 1.4s cubic-bezier(0.175, 0.885, 0.320, 1)!important; }
.space-frame.not-active { -webkit-transition: opacity 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important; transition: opacity 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important; transition: transform 2s ease 0.25s, opacity 2s ease 0.25s, filter 2s ease 0.25s!important; transition: transform 2s ease 0.25s, opacity 2s ease 0.25s, filter 2s ease 0.25s, -webkit-transform 2s ease 0.25s, -webkit-filter 2s ease 0.25s!important; }
.space-frame.hidden-active { -webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; }
.space-frame.big-hidden-active { -webkit-transition: none!important; transition: none!important; }
.space-frame.teeny-active { -webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; }
.space-frame.almost-active { -webkit-transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: opacity 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s!important; transition: transform 2s ease 0.05s, opacity 2s ease 0.05s, filter 2s ease 0.05s, -webkit-transform 2s ease 0.05s, -webkit-filter 2s ease 0.05s!important; }
.touchevents div#singleProject:before { opacity: 0.7!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
@media only screen and (min-width: 1024px) and (orientation: landscape) {
.ipad-layout div#grid-scroll { max-height: calc(100vh - 250px)!important; top: 150px!important; } }
@media (max-width:1805px) {
ul#projectFilter li #featuredMenu { left: 0; /*width: 100vw;*/ } }
/** Touch Device Fixes */
.touchevents #volumeRange { display: none; }
.touchevents #lowerVol { margin-right:20px; }
.touchevents div#scroll-indicator { opacity:0!important; pointer-events: none!important; }
.touchevents ul#projectFilter li ul#adMenu { width: 230px!important; }
/* Project Float */
.frame-wrapper { box-shadow: 0 0 30px rgba(0,0,0,0.75); transform: translatey(0px) translateZ(0); width:100%; height:100%; animation-fill-mode: forwards; }
.active .frame-wrapper,
.pre-active .frame-wrapper,
.post-active .frame-wrapper { /*animation:float 8s ease-in-out infinite;*/ }
.almost-active .frame-wrapper,
.teeny-active .frame-wrapper,
.tiny-active .frame-wrapper,
.big-hidden-active .frame-wrapper,
.hidden-active .frame-wrapper,
.not-active .frame-wrapper { /*animation: float 8s ease-in-out infinite;*/animation-play-state: paused!important; }
.transitioning .frame-wrapper { animation-play-state: paused!important; }
.grid-view .frame-wrapper { animation: none!important; }
.grid-view .active .frame-wrapper,
.grid-view .pre-active .frame-wrapper,
.grid-view .post-active .frame-wrapper,
.touchevents .active .frame-wrapper,
.touchevents .pre-active .frame-wrapper,
.touchevents .post-active .frame-wrapper { animation-play-state: paused!important; animation:none!important; }
@keyframes float {
0% { transform: translatey(0px) translateZ(0); }
50% { transform: translatey(-20px) translateZ(0); }
100% { transform: translatey(0px) translateZ(0); }
}
/*** FROM HEADER ***/
#singleProject .container-fluid .row .col-8.offset-2 {
position:absolute; top:0; left:0; right:0; bottom:0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -webkit-box;
}
.pleaserotate-showing div#contactInfo span.address { display:none; }
.pleaserotate-showing #overlay-grid .left .vertical-nav-item { margin-top: -16px!important; }
@media (max-height: 599px), (max-width: 599px) {
#aboutPage > .container-fluid > .row.align-items-center *, #aboutPage > .container-fluid > .row.align-items-center .col-10.offset-sm-1 { height: auto; max-height: 100%; }
}
@media (max-width: 668px) {
_::-webkit-full-page-media, _:future, :root div#contactPage div.outer-shadow:after { box-shadow: inset 0 0 100px #000, inset 0 0 50px #000, inset 0 45px 100px #000, inset 0 0 50px #000!important; }
_::-webkit-full-page-media, _:future, :root .outer-shadow:after { box-shadow: inset 0 0 150px #000, inset 0 0 100px #000, inset 0 0 150px #000, inset 0 0 100px #000!important; background:none!important; }
}
.ps-scrollbar-x-rail { display:none!important; width:0!important; }
.desktop-layout.grid-none div#overlay-grid { opacity:1!important; border-left:1px solid rgba(255,255,255,0.045); border-right:1px solid rgba(255,255,255,0.045); transition: all 0.4s linear; }
.desktop-layout.grid-none div#overlay-grid .faux-link,
.desktop-layout.grid-none div#overlay-grid .nav-item { cursor:pointer!important; }
.desktop-layout.grid-none div#overlay-grid #contactInfo > *,
.desktop-layout.grid-none div#overlay-grid ul#projectFilter > *,
.desktop-layout.grid-none div#overlay-grid #logo > *,
.desktop-layout.grid-none div#overlay-grid #logo:before,
.desktop-layout.grid-none div#overlay-grid #logo:after,
.desktop-layout.grid-none div#overlay-grid:before,
.desktop-layout.grid-none span.slogan.inner-grid,
.desktop-layout.grid-none span#contactLink,
.desktop-layout.grid-none span#aboutLink { opacity: 0.1; transition: opacity 0.4s linear; }
.desktop-layout.grid-none div#overlay-grid #contactInfo:hover > *, .grid-none div#overlay-grid ul#projectFilter:hover > *, .grid-none div#overlay-grid #logo:hover > *, .grid-none span#contactLink:hover, .grid-none span#aboutLink:hover { opacity:0.75!important; }
.play-video { padding-bottom:40px; }
.ipad-layout #aboutPage .col-10.offset-1 > div { /*margin:30px 0;*/ }
.ipad-layout #threeDView, .ipad-layout #gridView, .ipad-layout #scroll-indicator { display:none!important; }
_:-ms-lang(x), ul#projectFilter li ul { top:69px!important; }
.space-frame .frame-wrapper section.space-inner-frame .awards { float: left; display: block; width: auto; max-width: 70px; margin-bottom: -70px; }
.space-frame img.award-img { opacity: 1; display: block; }