.bgImage{background-repeat:no-repeat;background-size:cover;background-position:center}.light{font-family:lato;font-weight:300}.bold{font-family:lato;font-weight:700;letter-spacing:.1em}.black{font-family:lato;font-weight:900;letter-spacing:.05em}*{box-sizing:border-box}body{font-family:Lato,sans-serif;padding:0;margin:0;line-height:1.3;color:#737373;letter-spacing:.02em}a{text-decoration:none;color:inherit}header{position:fixed;color:#fff;z-index:50000;top:0;width:100vw;display:flex;align-items:center;padding:10px 50px 10px 20px;font-size:1.4em;user-select:none}header nav.nav a{color:#fff}header .whiteBox{visibility:hidden;position:absolute;top:0;left:0;z-index:-1;background-color:#fff;height:100%;width:100%}header .logoBox{display:flex;align-items:center;z-index:60000}header .logoBox img{width:60px}header .logoBox span{padding:10px 20px}@media only screen and (max-width:1000px){header{font-size:1.1em}}@media only screen and (max-width:700px){header{align-items:top;justify-content:space-between;padding:10px 20px 10px 10px}}header .menuButton{display:none;z-index:60001}@media only screen and (max-width:700px){header .menuButton{display:block;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(/images/menuIcon.png);height:25px;width:25px}}header.whtBg{color:#737373}header.whtBg nav.nav a{color:#737373}header.whtBg .whiteBox{visibility:visible}.nav a{padding:10px 20px;text-transform:uppercase;color:#737373;font-weight:lighter}@media only screen and (max-width:1000px){.nav a{padding:5px 5px;font-size:1em}}@media only screen and (max-width:700px){.nav a{display:block}}@media only screen and (max-width:700px){nav{display:none}}.nav.mobileNav{display:none;position:fixed;top:80px;width:100%;padding:50px;border-bottom:1px solid #1d71b8;z-index:62000;background-color:#fff;user-select:none}.nav.mobileNav a{display:block;padding:25px 0;font-size:150%}.splashBiline{padding:80px;font-size:1.3em;color:#737373;font-style:italic}@media only screen and (max-width:700px){.splashBiline{padding:40px}}.splashBiline .blueText{color:#1d71b8;font-weight:700}.thumbSection{width:100vw;overflow:hidden}.thumbSection .thumbSectionHeader{padding:20px 10px;text-align:center;border-bottom:5px solid #ffd32a;font-size:2.5em;line-height:1;font-weight:lighter;text-transform:uppercase;color:#ffd32a;margin-bottom:.25vw}.thumbSection .thumbSectionHeader span{font-family:lato;font-weight:900;letter-spacing:.05em}.thumbSection .thumbs{position:relative;left:-.5vw;width:101vw}.thumbSection.vfx .thumbSectionHeader{color:#1d71b8;border-color:#1d71b8}.thumbs{color:#000}.thumbs div{flex-grow:1}.thumb{background-repeat:no-repeat;background-size:cover;background-position:center;border:1px solid #fff}[data-video]{flex-grow:1;margin:.25vw;color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer;display:flex;align-items:center}.info{height:calc(100% - 1px);display:flex;justify-content:flex-end;flex-direction:column;opacity:0;transition:opacity .25s ease-in;overflow:hidden}@media only screen and (max-width:1000px){.info{display:none}}.info:hover{opacity:1}.info .colorBox{background-color:rgba(19,84,112,.76);color:#fff;padding:10px;flex-grow:0}.info .title{font-size:113%;text-shadow:0 0 3px rgba(0,0,0,.75);flex-grow:0}.info .directorName{color:#ffd32a;margin-top:5px;flex-grow:0;font-size:90%;font-weight:300}.commercials .thumbs .desktop{display:flex;flex-direction:column;height:64vw}@media only screen and (max-width:700px){.commercials .thumbs .desktop{height:100vw}}.commercials .thumbs .desktop .a{flex-basis:27%;display:flex}.commercials .thumbs .desktop .a [data-video]{flex-basis:25%}.commercials .thumbs .desktop .a [data-video]:nth-child(2){flex-basis:37%}.commercials .thumbs .desktop .a [data-video]:nth-child(4){flex-basis:29%}.commercials .thumbs .desktop .b{flex-basis:75%;display:flex}.commercials .thumbs .desktop .b .b1{flex-basis:40%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b1 .b11{display:flex;flex-basis:35%}.commercials .thumbs .desktop .b .b1 .b12{display:flex;flex-basis:65%}.commercials .thumbs .desktop .b .b1 .b12 .b121{flex-basis:55%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b1 .b12 .b121 [data-video]:nth-child(1){flex-basis:40%}.commercials .thumbs .desktop .b .b1 .b12 .b121 [data-video]:nth-child(2){flex-basis:60%}.commercials .thumbs .desktop .b .b1 .b12 .b122{flex-basis:45%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b2{flex-basis:60%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b2 .b21{display:flex;flex-basis:21.5%}.commercials .thumbs .desktop .b .b2 .b22{display:flex;flex-direction:row;flex-basis:78.5%}.commercials .thumbs .desktop .b .b2 .b22 .b221{flex-basis:70%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b2 .b22 .b221 .b2211{display:flex;flex-basis:55%}.commercials .thumbs .desktop .b .b2 .b22 .b221 .b2212{display:flex;flex-basis:45%}.commercials .thumbs .desktop .b .b2 .b22 .b221 .b2212 [data-video]{flex-basis:50%}.commercials .thumbs .desktop .b .b2 .b22 .b222{flex-basis:50%;display:flex;flex-direction:column}.commercials .thumbs .desktop .b .b2 .b22 .b222 [data-video]:nth-child(1){flex-basis:65%}.commercials .thumbs .desktop .b .b2 .b22 .b222 [data-video]:nth-child(2){flex-basis:35%}.vfx .thumbs .desktop{display:flex;height:55vw}.vfx .thumbs .desktop .x{flex-basis:40%;display:flex;flex-direction:column}.vfx .thumbs .desktop .x [data-video]:nth-child(1){flex-basis:60%}.vfx .thumbs .desktop .x [data-video]:nth-child(2){flex-basis:40%}.vfx .thumbs .desktop .y{flex-basis:60%;display:flex;flex-direction:column}.vfx .thumbs .desktop .y .y1{display:flex;flex-basis:30%}.vfx .thumbs .desktop .y .y2{display:flex;flex-basis:70%}.directors{padding:30px}@media only screen and (max-width:700px){.directors{padding:10px}}.directors .dr1{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1000px){.directors .dr1{flex-direction:column}}.directors .dr1 div{flex-basis:33%}.directors .dr1 .director{padding:20px;width:100%}.directors .dr1 .director .directorImage{background-repeat:no-repeat;background-size:cover;background-position:center;height:270px;margin-bottom:20px;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:"FlipH";filter:FlipH}.directors .dr1 .director .directorName{color:#1d71b8;font-size:120%;font-weight:700}.directors .dr1 .blueBox{background:#1d71b8;color:#fff;padding:50px;margin:20px}@media only screen and (max-width:700px){.directors .dr1 .blueBox{padding:30px}}.directors .dr1 .blueBox .row1{color:#ffd32a;font-size:2.1em;text-transform:uppercase;font-weight:lighter}.directors .dr1 .blueBox .row2{font-weight:700;font-size:1.7em;font-family:lato;font-weight:900;letter-spacing:.05em}.directors .dr1 .blueBox .row3{margin-top:30px}.directors .dr2 .yellowBox{background-color:#ffd32a;color:#fff;padding:30px 230px 30px 100px;margin:50px 150px;font-size:1.15em}@media only screen and (max-width:1000px){.directors .dr2 .yellowBox{padding:30px;margin:20px}}.directors .dr2 .yellowBox .row2{color:#1d71b8;font-style:italic;font-weight:700;padding:10px 0;font-size:1.2em}.vfxTagline{padding:80px;font-size:1.3em;font-size:1.7em}@media only screen and (max-width:700px){.vfxTagline{padding:40px}}.vfxTagline .r2{color:#1d71b8;font-style:italic}.madeInDetroit{background-repeat:no-repeat;background-size:cover;background-position:center;height:500px;color:#ffd32a;text-transform:uppercase;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;font-size:2.5em;margin:10px}@media only screen and (max-width:700px){.madeInDetroit{margin:0;font-size:1.3em}}.madeInDetroit .r1{font-weight:lighter}.madeInDetroit .r2{font-family:lato;font-weight:900;letter-spacing:.05em}.map{background:#ffd32a;position:relative;user-select:none;margin:10px}@media only screen and (max-width:700px){.map{margin:0}}.map #worldmap{width:100%;opacity:.6;display:block}.map #mapBox{position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff}.map .mapText{position:absolute;top:0;right:0;color:#fff;background-image:linear-gradient(to left,rgba(233,183,31,.6),rgba(233,183,31,.6),transparent);font-size:140%;font-size:190%;padding:20px 50px;width:90%;margin:0 auto;text-align:right;font-weight:300}@media only screen and (max-width:1000px){.map .mapText{font-size:150%}}@media only screen and (max-width:700px){.map .mapText{display:none}}.map .mapText h2{font-size:200%;margin:0;text-transform:uppercase}.map .mapText h2 .blueText{color:#4eb2f2}.map .mapText h2 .blueText2{color:#2698bb}.map .mapText .innerText{padding:0 30px}.map .mapText .pinIcon{background-position:center center;background-image:url(images/pinIcon.png);background-size:contain;border-radius:50px;border:8px solid #2b9a83;height:100px;width:100px}.map #clickIcon{background-image:url(images/click.png);background-size:50%;background-repeat:no-repeat;background-position:center center;background-color:rgba(233,183,31,.6);position:absolute;padding:10px;border-radius:200px;height:90px;width:90px;top:calc(50%);left:calc(50% - 90px/2)}@media only screen and (max-width:700px){.map #clickIcon{top:calc(50% - 90px/2)}}.map .mapDot{width:12px;height:12px;opacity:.6;cursor:pointer;border-radius:30px;background:#ff0;background:#1d71b8;position:absolute}@media only screen and (max-width:700px){.map .mapDot{width:6px;height:6px}}.map .selectionDot{width:3vw;height:3vw;background:#de4a29;border-radius:50px;opacity:.7;position:absolute}@media only screen and (max-width:700px){.map .selectionDot{width:8vw;height:8vw}}.map .arrow{position:absolute;z-index:11000}.map #videoLists{background-color:#22516f}.map #videoLists .mapText2{color:#fff;font-size:150%;text-align:center;display:none;padding:20px 5px}@media only screen and (max-width:700px){.map #videoLists .mapText2{display:block}}.map #videoListBox2{display:flex;align-items:flex-start;padding:0 1vw;position:relative;background-color:#22516f;flex-wrap:wrap;align-items:flex-end}@media only screen and (max-width:700px){.map #videoListBox2{padding:1vw}}.map #videoListBox2 .mapThumb{padding:1vw;flex-basis:25%;color:#fff;margin:.5vw 0 0 0}@media only screen and (max-width:700px){.map #videoListBox2 .mapThumb{flex-basis:50%}}.map #videoListBox2 .thumb{height:140px;width:100%;margin:1vw 0;border-radius:3px}footer{margin:0 10px;padding:80px 0 0 0;background-image:url(/images/worker.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (max-width:700px){footer{margin:0 0;padding:0}}footer .worker{height:0;background-image:url(/images/worker.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}@media only screen and (max-width:700px){footer .worker{height:50vw}}footer .contact{width:25vw;margin:0 0 80px 0;padding:30px;background-color:#fff;text-align:right}@media only screen and (max-width:1000px){footer .contact{width:40vw}}@media only screen and (max-width:700px){footer .contact{width:100vw;text-align:left;margin:0}}footer .contact .contactImg{width:50px}footer .contact h1{margin-top:0}footer .contact .company{color:#ffd32a;font-weight:bolder;font-size:130%}footer .contact .person{margin-top:40px}footer .contact .person .personName{color:#ffd32a;font-weight:700}footer .contact .ital{font-style:italic}footer .bottomText{background-color:#ffd32a;padding:10px 20px;color:#fff;font-size:70%}.clone{user-select:none;overflow:hidden;border-radius:5px}@media only screen and (max-width:700px){.clone{border-radius:0}}#screen{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:0;background-color:#000;background-color:#113b5d;transition:opacity .5s ease-out;z-index:60000}#screen.dark{opacity:.9}h2,h3{font-weight:400;font-size:175%}.playerText{position:fixed;z-index:61005;opacity:.2;transition:opacity 1.5s;padding:0 0 0 10px;text-shadow:0 0 5px #000}.playerText h3{margin:20px 0 0 0}.playerText p{margin:0;color:#ffd32a}[data-video="8"]{background-position-y:0}[data-video="13"]{background-position-x:30%}.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:"FlipH";filter:FlipH}/*# sourceMappingURL=styles.css.map */