@charset "UTF-8";#preloader{width:100vw;height:100vh;text-align:center;z-index:2;position:relative;background-color:#F6F6F6}#preloader .inner{width:600px;margin:0 auto;top:30%;position:relative}#preloader .loadTitle{margin:0 auto;text-align:center;text-transform:uppercase;font-size:180%;left:50%;top:50%}#preloader .loadTitle::after{content:"Mapping - VJ - Scénographie";display:block;position:relative;font-size:.61em;color:#ccc;font-weight:400;margin-top:4px}#status{margin:50px auto;width:50px;height:50px;position:relative;border:2px solid #ccc;animation:status 1s infinite;-webkit-animation:status 1s infinite}#status #subStatus{position:relative;margin:11px auto 0;width:24px;height:24px;background:#111;animation:subStatus 1s infinite;-webkit-animation:subStatus 1s infinite}@-webkit-keyframes status{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}20%{-webkit-transform:scale(1.1) rotate(45deg);transform:scale(1.1) rotate(45deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}100%{-webkit-transform:scale(1) rotate(90deg);transform:scale(1) rotate(90deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}}@keyframes status{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}20%{-webkit-transform:scale(1.1) rotate(45deg);transform:scale(1.1) rotate(45deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}100%{-webkit-transform:scale(1) rotate(90deg);transform:scale(1) rotate(90deg);-webkit-transition:all ease-in-out;transition:all ease-in-out}}@-webkit-keyframes subStatus{0%{transform:scale(.9);-webkit-transform:scale(.9);transition:all ease-in-out;-webkit-transition:all ease-in-out}20%{transform:scale(1.7);-webkit-transform:scale(1.7);transition:all ease-in-out;-webkit-transition:all ease-in-out}100%{transform:scale(.9);-webkit-transform:scale(.9);transition:all ease-in-out;-webkit-transition:all ease-in-out}}@keyframes subStatus{0%{transform:scale(.9);-webkit-transform:scale(.9);transition:all ease-in-out;-webkit-transition:all ease-in-out}20%{transform:scale(1.7);-webkit-transform:scale(1.7);transition:all ease-in-out;-webkit-transition:all ease-in-out}100%{transform:scale(.9);-webkit-transform:scale(.9);transition:all ease-in-out;-webkit-transition:all ease-in-out}}body,html{min-height:100vh;width:100vw;max-width:100vw;overflow:hidden;font-family:Oxygen;font-weight:600;z-index:-3;background:#111;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3,h4,h5{margin:0;font-weight:400}p{font-weight:300;line-height:1.5}.none{display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}*{margin:0;padding:0;text-decoration:none}a,a:active,a:hover,a:visited{text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.animatedTitle span,.animatedTitle:hover span{letter-spacing:0;margin:0;padding:0;position:relative;display:inline-block;-webkit-animation-name:anim-text-flow-keys;animation-name:anim-text-flow-keys;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes anim-text-flow-keys{0%,100%,20%{color:#333}50%{color:#DDD}}@keyframes anim-text-flow-keys{0%,100%,20%{color:#333}50%{color:#DDD}}.animatedTitle span:nth-of-type(1),.animatedTitle:hover span:nth-of-type(1){-webkit-animation-delay:-9.9s;animation-delay:-9.9s}.animatedTitle span:nth-of-type(2),.animatedTitle:hover span:nth-of-type(2){-webkit-animation-delay:-9.8s;animation-delay:-9.8s}.animatedTitle span:nth-of-type(3),.animatedTitle:hover span:nth-of-type(3){-webkit-animation-delay:-9.7s;animation-delay:-9.7s}.animatedTitle span:nth-of-type(4),.animatedTitle:hover span:nth-of-type(4){-webkit-animation-delay:-9.6s;animation-delay:-9.6s}.animatedTitle span:nth-of-type(5),.animatedTitle:hover span:nth-of-type(5){-webkit-animation-delay:-9.5s;animation-delay:-9.5s}.animatedTitle span:nth-of-type(6),.animatedTitle:hover span:nth-of-type(6){-webkit-animation-delay:-9.4s;animation-delay:-9.4s}.animatedTitle span:nth-of-type(7),.animatedTitle:hover span:nth-of-type(7){-webkit-animation-delay:-9.3s;animation-delay:-9.3s}.animatedTitle span:nth-of-type(8),.animatedTitle:hover span:nth-of-type(8){-webkit-animation-delay:-9.2s;animation-delay:-9.2s}.animatedTitle span:nth-of-type(9),.animatedTitle:hover span:nth-of-type(9){-webkit-animation-delay:-9.1s;animation-delay:-9.1s}.animatedTitle span:nth-of-type(10),.animatedTitle:hover span:nth-of-type(10){-webkit-animation-delay:-9s;animation-delay:-9s}.animatedTitle span:nth-of-type(11),.animatedTitle:hover span:nth-of-type(11){-webkit-animation-delay:-8.9s;animation-delay:-8.9s}.animatedTitle span:nth-of-type(12),.animatedTitle:hover span:nth-of-type(12){-webkit-animation-delay:-8.8s;animation-delay:-8.8s}.animatedTitle span:nth-of-type(13),.animatedTitle:hover span:nth-of-type(13){-webkit-animation-delay:-8.7s;animation-delay:-8.7s}.animatedTitle span:nth-of-type(14),.animatedTitle:hover span:nth-of-type(14){-webkit-animation-delay:-8.6s;animation-delay:-8.6s}.animatedTitle span:nth-of-type(15),.animatedTitle:hover span:nth-of-type(15){-webkit-animation-delay:-8.5s;animation-delay:-8.5s}.animatedTitle span:nth-of-type(16),.animatedTitle:hover span:nth-of-type(16){-webkit-animation-delay:-8.4s;animation-delay:-8.4s}.animatedTitle span:nth-of-type(17),.animatedTitle:hover span:nth-of-type(17){-webkit-animation-delay:-8.3s;animation-delay:-8.3s}.animatedTitle span:nth-of-type(18),.animatedTitle:hover span:nth-of-type(18){-webkit-animation-delay:-8.2s;animation-delay:-8.2s}.animatedTitle span:nth-of-type(19),.animatedTitle:hover span:nth-of-type(19){-webkit-animation-delay:-8.1s;animation-delay:-8.1s}.animatedTitle span:nth-of-type(20),.animatedTitle:hover span:nth-of-type(20){-webkit-animation-delay:-8s;animation-delay:-8s}.animatedTitle span:nth-of-type(21),.animatedTitle:hover span:nth-of-type(21){-webkit-animation-delay:-7.9s;animation-delay:-7.9s}.animatedTitle span:nth-of-type(22),.animatedTitle:hover span:nth-of-type(22){-webkit-animation-delay:-7.8s;animation-delay:-7.8s}.animatedTitle span:nth-of-type(23),.animatedTitle:hover span:nth-of-type(23){-webkit-animation-delay:-7.7s;animation-delay:-7.7s}.animatedTitle span:nth-of-type(24),.animatedTitle:hover span:nth-of-type(24){-webkit-animation-delay:-7.6s;animation-delay:-7.6s}.animatedTitle span:nth-of-type(25),.animatedTitle:hover span:nth-of-type(25){-webkit-animation-delay:-7.5s;animation-delay:-7.5s}.animatedTitle span:nth-of-type(26),.animatedTitle:hover span:nth-of-type(26){-webkit-animation-delay:-7.4s;animation-delay:-7.4s}.animatedTitle span:nth-of-type(27),.animatedTitle:hover span:nth-of-type(27){-webkit-animation-delay:-7.3s;animation-delay:-7.3s}.animatedTitle span:nth-of-type(28),.animatedTitle:hover span:nth-of-type(28){-webkit-animation-delay:-7.2s;animation-delay:-7.2s}.animatedTitle span:nth-of-type(29),.animatedTitle:hover span:nth-of-type(29){-webkit-animation-delay:-7.1s;animation-delay:-7.1s}.animatedTitle span:nth-of-type(30),.animatedTitle:hover span:nth-of-type(30){-webkit-animation-delay:-7s;animation-delay:-7s}.animatedTitle span:nth-of-type(31),.animatedTitle:hover span:nth-of-type(31){-webkit-animation-delay:-6.9s;animation-delay:-6.9s}.animatedTitle span:nth-of-type(32),.animatedTitle:hover span:nth-of-type(32){-webkit-animation-delay:-6.8s;animation-delay:-6.8s}.animatedTitle span:nth-of-type(33),.animatedTitle:hover span:nth-of-type(33){-webkit-animation-delay:-6.7s;animation-delay:-6.7s}.animatedTitle span:nth-of-type(34),.animatedTitle:hover span:nth-of-type(34){-webkit-animation-delay:-6.6s;animation-delay:-6.6s}.animatedTitle span:nth-of-type(35),.animatedTitle:hover span:nth-of-type(35){-webkit-animation-delay:-6.5s;animation-delay:-6.5s}.animatedTitle span:nth-of-type(36),.animatedTitle:hover span:nth-of-type(36){-webkit-animation-delay:-6.4s;animation-delay:-6.4s}.animatedTitle span:nth-of-type(37),.animatedTitle:hover span:nth-of-type(37){-webkit-animation-delay:-6.3s;animation-delay:-6.3s}.animatedTitle span:nth-of-type(38),.animatedTitle:hover span:nth-of-type(38){-webkit-animation-delay:-6.2s;animation-delay:-6.2s}.animatedTitle span:nth-of-type(39),.animatedTitle:hover span:nth-of-type(39){-webkit-animation-delay:-6.1s;animation-delay:-6.1s}.animatedTitle span:nth-of-type(40),.animatedTitle:hover span:nth-of-type(40){-webkit-animation-delay:-6s;animation-delay:-6s}.animatedTitle span:nth-of-type(41),.animatedTitle:hover span:nth-of-type(41){-webkit-animation-delay:-5.9s;animation-delay:-5.9s}.animatedTitle span:nth-of-type(42),.animatedTitle:hover span:nth-of-type(42){-webkit-animation-delay:-5.8s;animation-delay:-5.8s}.animatedTitle span:nth-of-type(43),.animatedTitle:hover span:nth-of-type(43){-webkit-animation-delay:-5.7s;animation-delay:-5.7s}.animatedTitle span:nth-of-type(44),.animatedTitle:hover span:nth-of-type(44){-webkit-animation-delay:-5.6s;animation-delay:-5.6s}.animatedTitle span:nth-of-type(45),.animatedTitle:hover span:nth-of-type(45){-webkit-animation-delay:-5.5s;animation-delay:-5.5s}.animatedTitle span:nth-of-type(46),.animatedTitle:hover span:nth-of-type(46){-webkit-animation-delay:-5.4s;animation-delay:-5.4s}.animatedTitle span:nth-of-type(47),.animatedTitle:hover span:nth-of-type(47){-webkit-animation-delay:-5.3s;animation-delay:-5.3s}.animatedTitle span:nth-of-type(48),.animatedTitle:hover span:nth-of-type(48){-webkit-animation-delay:-5.2s;animation-delay:-5.2s}.animatedTitle span:nth-of-type(49),.animatedTitle:hover span:nth-of-type(49){-webkit-animation-delay:-5.1s;animation-delay:-5.1s}.animatedTitle span:nth-of-type(50),.animatedTitle:hover span:nth-of-type(50){-webkit-animation-delay:-5s;animation-delay:-5s}.animatedTitle span:nth-of-type(51),.animatedTitle:hover span:nth-of-type(51){-webkit-animation-delay:-4.9s;animation-delay:-4.9s}.animatedTitle span:nth-of-type(52),.animatedTitle:hover span:nth-of-type(52){-webkit-animation-delay:-4.8s;animation-delay:-4.8s}.animatedTitle span:nth-of-type(53),.animatedTitle:hover span:nth-of-type(53){-webkit-animation-delay:-4.7s;animation-delay:-4.7s}.animatedTitle span:nth-of-type(54),.animatedTitle:hover span:nth-of-type(54){-webkit-animation-delay:-4.6s;animation-delay:-4.6s}.animatedTitle span:nth-of-type(55),.animatedTitle:hover span:nth-of-type(55){-webkit-animation-delay:-4.5s;animation-delay:-4.5s}.animatedTitle span:nth-of-type(56),.animatedTitle:hover span:nth-of-type(56){-webkit-animation-delay:-4.4s;animation-delay:-4.4s}.animatedTitle span:nth-of-type(57),.animatedTitle:hover span:nth-of-type(57){-webkit-animation-delay:-4.3s;animation-delay:-4.3s}.animatedTitle span:nth-of-type(58),.animatedTitle:hover span:nth-of-type(58){-webkit-animation-delay:-4.2s;animation-delay:-4.2s}.animatedTitle span:nth-of-type(59),.animatedTitle:hover span:nth-of-type(59){-webkit-animation-delay:-4.1s;animation-delay:-4.1s}.animatedTitle span:nth-of-type(60),.animatedTitle:hover span:nth-of-type(60){-webkit-animation-delay:-4s;animation-delay:-4s}.animatedTitle span:nth-of-type(61),.animatedTitle:hover span:nth-of-type(61){-webkit-animation-delay:-3.9s;animation-delay:-3.9s}.animatedTitle span:nth-of-type(62),.animatedTitle:hover span:nth-of-type(62){-webkit-animation-delay:-3.8s;animation-delay:-3.8s}.animatedTitle span:nth-of-type(63),.animatedTitle:hover span:nth-of-type(63){-webkit-animation-delay:-3.7s;animation-delay:-3.7s}.animatedTitle span:nth-of-type(64),.animatedTitle:hover span:nth-of-type(64){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.animatedTitle span:nth-of-type(65),.animatedTitle:hover span:nth-of-type(65){-webkit-animation-delay:-3.5s;animation-delay:-3.5s}.animatedTitle span:nth-of-type(66),.animatedTitle:hover span:nth-of-type(66){-webkit-animation-delay:-3.4s;animation-delay:-3.4s}.animatedTitle span:nth-of-type(67),.animatedTitle:hover span:nth-of-type(67){-webkit-animation-delay:-3.3s;animation-delay:-3.3s}.animatedTitle span:nth-of-type(68),.animatedTitle:hover span:nth-of-type(68){-webkit-animation-delay:-3.2s;animation-delay:-3.2s}.animatedTitle span:nth-of-type(69),.animatedTitle:hover span:nth-of-type(69){-webkit-animation-delay:-3.1s;animation-delay:-3.1s}.animatedTitle span:nth-of-type(70),.animatedTitle:hover span:nth-of-type(70){-webkit-animation-delay:-3s;animation-delay:-3s}.animatedTitle span:nth-of-type(71),.animatedTitle:hover span:nth-of-type(71){-webkit-animation-delay:-2.9s;animation-delay:-2.9s}.animatedTitle span:nth-of-type(72),.animatedTitle:hover span:nth-of-type(72){-webkit-animation-delay:-2.8s;animation-delay:-2.8s}.animatedTitle span:nth-of-type(73),.animatedTitle:hover span:nth-of-type(73){-webkit-animation-delay:-2.7s;animation-delay:-2.7s}.animatedTitle span:nth-of-type(74),.animatedTitle:hover span:nth-of-type(74){-webkit-animation-delay:-2.6s;animation-delay:-2.6s}.animatedTitle span:nth-of-type(75),.animatedTitle:hover span:nth-of-type(75){-webkit-animation-delay:-2.5s;animation-delay:-2.5s}.animatedTitle span:nth-of-type(76),.animatedTitle:hover span:nth-of-type(76){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.animatedTitle span:nth-of-type(77),.animatedTitle:hover span:nth-of-type(77){-webkit-animation-delay:-2.3s;animation-delay:-2.3s}.animatedTitle span:nth-of-type(78),.animatedTitle:hover span:nth-of-type(78){-webkit-animation-delay:-2.2s;animation-delay:-2.2s}.animatedTitle span:nth-of-type(79),.animatedTitle:hover span:nth-of-type(79){-webkit-animation-delay:-2.1s;animation-delay:-2.1s}.animatedTitle span:nth-of-type(80),.animatedTitle:hover span:nth-of-type(80){-webkit-animation-delay:-2s;animation-delay:-2s}.animatedTitle span:nth-of-type(81),.animatedTitle:hover span:nth-of-type(81){-webkit-animation-delay:-1.9s;animation-delay:-1.9s}.animatedTitle span:nth-of-type(82),.animatedTitle:hover span:nth-of-type(82){-webkit-animation-delay:-1.8s;animation-delay:-1.8s}.animatedTitle span:nth-of-type(83),.animatedTitle:hover span:nth-of-type(83){-webkit-animation-delay:-1.7s;animation-delay:-1.7s}.animatedTitle span:nth-of-type(84),.animatedTitle:hover span:nth-of-type(84){-webkit-animation-delay:-1.6s;animation-delay:-1.6s}.animatedTitle span:nth-of-type(85),.animatedTitle:hover span:nth-of-type(85){-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.animatedTitle span:nth-of-type(86),.animatedTitle:hover span:nth-of-type(86){-webkit-animation-delay:-1.4s;animation-delay:-1.4s}.animatedTitle span:nth-of-type(87),.animatedTitle:hover span:nth-of-type(87){-webkit-animation-delay:-1.3s;animation-delay:-1.3s}.animatedTitle span:nth-of-type(88),.animatedTitle:hover span:nth-of-type(88){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.animatedTitle span:nth-of-type(89),.animatedTitle:hover span:nth-of-type(89){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.animatedTitle span:nth-of-type(90),.animatedTitle:hover span:nth-of-type(90){-webkit-animation-delay:-1s;animation-delay:-1s}.animatedTitle span:nth-of-type(91),.animatedTitle:hover span:nth-of-type(91){-webkit-animation-delay:-.9s;animation-delay:-.9s}.animatedTitle span:nth-of-type(92),.animatedTitle:hover span:nth-of-type(92){-webkit-animation-delay:-.8s;animation-delay:-.8s}.animatedTitle span:nth-of-type(93),.animatedTitle:hover span:nth-of-type(93){-webkit-animation-delay:-.7s;animation-delay:-.7s}.animatedTitle span:nth-of-type(94),.animatedTitle:hover span:nth-of-type(94){-webkit-animation-delay:-.6s;animation-delay:-.6s}.animatedTitle span:nth-of-type(95),.animatedTitle:hover span:nth-of-type(95){-webkit-animation-delay:-.5s;animation-delay:-.5s}.animatedTitle span:nth-of-type(96),.animatedTitle:hover span:nth-of-type(96){-webkit-animation-delay:-.4s;animation-delay:-.4s}.animatedTitle span:nth-of-type(97),.animatedTitle:hover span:nth-of-type(97){-webkit-animation-delay:-.3s;animation-delay:-.3s}.animatedTitle span:nth-of-type(98),.animatedTitle:hover span:nth-of-type(98){-webkit-animation-delay:-.2s;animation-delay:-.2s}.animatedTitle span:nth-of-type(99),.animatedTitle:hover span:nth-of-type(99){-webkit-animation-delay:-.1s;animation-delay:-.1s}.animatedTitle span:nth-of-type(100),.animatedTitle:hover span:nth-of-type(100){-webkit-animation-delay:0s;animation-delay:0s}#maskContainer{position:fixed;top:0;left:0;z-index:0;opacity:0;-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}#app{width:100vw;height:100vh;text-align:center;z-index:2;position:relative}#component,.leftLink,.rightLink{padding:0;margin:0}.flex-inner{margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#introBG{position:relative;display:block;text-align:left;margin:0 auto;width:600px;height:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:.95}#introBG .bb,#introBG .bl,#introBG .br,#introBG .bt{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#introBG .bt{position:absolute;height:2px;width:0;margin-top:-7px;margin-right:-7px;right:0;float:right;background:#666}#introBG .br{position:absolute;height:0;width:2px;margin-bottom:-7px;margin-right:-7px;float:right;right:0;bottom:0;background:#666;text-align:right}#introBG .bb{position:absolute;height:2px;width:0;margin-bottom:-7px;margin-left:-7px;float:left;bottom:0;background:#666;text-align:left}#introBG .bl{position:absolute;height:0;width:2px;margin-top:-7px;margin-left:-7px;background:#666}#introBG .inner{margin:0 auto;background:#F6F6F6;padding-left:3em;padding-right:3em;height:100%}#introBG .inner .left{float:left;width:25%;min-height:1px;opacity:0;margin-left:0}#introBG .inner .center{float:left;width:50%;min-height:1px}#introBG .inner .right{float:right;width:25%;min-height:1px;opacity:0;margin-right:0}#introBG .inner h2.trezTitle{margin:-50px auto 0;text-align:center;text-transform:uppercase;font-size:180%;position:absolute;opacity:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#introBG .inner h2.trezTitle::after{content:"Mapping - VJ - Scénographie";display:block;position:relative;font-size:.61em;color:#ccc;font-weight:400;margin-top:4px}#introBG .inner .leftLinks{height:100%;text-align:left}#introBG .inner .rightLinks{height:100%;text-align:right}#introBG .inner .rightLinks a:first-of-type{margin-left:-68px}#introBG .inner .rightLinks a:last-of-type{margin-left:-37px}#introBG .inner .leftLinks a,#introBG .inner .rightLinks a{color:#CCC;text-transform:uppercase;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#introBG .inner .leftLinks a:hover,#introBG .inner .rightLinks a:hover{color:#666}#introBG .title{text-align:center;width:100%}.back{opacity:0;color:#666!important}.back:hover{color:#CCC!important}#about{text-align:left;padding-right:30px;margin-top:55px}#about .title-about{opacity:0;margin-bottom:2em;margin-top:-20px}#about h5{font-weight:600;margin-top:4px;color:#CCC;text-transform:uppercase}#about h5 i{margin-right:7px;color:#666}#about .team h5,#about .work h5{color:#CCC;font-weight:600;margin-bottom:1em}#about .work{opacity:0;margin-top:60px;position:absolute;margin-left:0;max-width:500px}#about p{text-align:justify;line-height:1.5;font-size:90%}#about .team{opacity:0;margin-top:180px;position:absolute;margin-left:0}#about .team ul{margin-left:0}#about .team ul li{list-style:none;margin-left:30px;line-height:1.7;opacity:0;font-weight:300}#about .team ul li i{margin-right:7px;color:#666}#about .team ul li a{color:#666}#about .team ul li a:hover{color:#111}#contact{text-align:left;padding-left:30px;margin-top:55px}#contact .title-contact{text-transform:uppercase;opacity:0;margin-bottom:3em;margin-top:-20px}#contact .title-contact h5{font-weight:600;color:#CCC;margin-top:4px}#contact .title-contact h5 i{color:#666}#contact .social{margin-top:10px}#contact .social .social-icon{position:absolute;opacity:0;font-size:100%;display:inline-block;margin-top:30px;color:#CCC;font-weight:600}#contact .social .social-icon i{margin-right:7px;font-size:110%}#contact .social .social-icon:hover{color:#666}#contact .social .social-icon1{margin-left:0}#contact .social .social-icon2{margin-left:8.5em}#contact .social .social-icon3{margin-left:16em}#introBG .button-showreel{opacity:0;position:absolute;left:50%;bottom:-100px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);text-align:left;width:200px;height:52px;line-height:50px}#introBG .button-showreel a{text-align:center;color:#F6F6F6;border:1px solid #FFF;text-transform:uppercase;font-size:90%;height:100%;width:100%;display:block}#introBG .button-showreel .bb,#introBG .button-showreel .bl,#introBG .button-showreel .br,#introBG .button-showreel .bt{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#introBG .button-showreel .bt{position:absolute;height:1px;width:0!important;margin-top:0;margin-right:0;right:0;float:right;background:#666}#introBG .button-showreel .br{position:absolute;height:0!important;width:1px;margin-bottom:0;margin-right:0;float:right;right:0;bottom:0;background:#666;text-align:right}#introBG .button-showreel .bb{position:absolute;height:1px;width:0!important;margin-bottom:0;margin-left:0;float:left;bottom:0;background:#666;text-align:left}#introBG .button-showreel .bl{position:absolute;height:0!important;width:1px;margin-top:0;margin-left:0;background:#666}#introBG .button-showreel:hover .bb,#introBG .button-showreel:hover .bl,#introBG .button-showreel:hover .br,#introBG .button-showreel:hover .bt{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#introBG .button-showreel:hover .bt{position:absolute;height:1px;width:100%!important;margin-top:0;margin-right:0;right:0;float:right;background:#666}#introBG .button-showreel:hover .br{position:absolute;height:100%!important;width:1px;margin-bottom:0;margin-right:0;float:right;right:0;bottom:0;background:#666;text-align:right}#introBG .button-showreel:hover .bb{position:absolute;height:1px;width:100%!important;margin-bottom:0;margin-left:0;float:left;bottom:0;background:#666;text-align:left}#introBG .button-showreel:hover .bl{position:absolute;height:100%!important;width:1px;margin-top:0;margin-left:0;background:#666}.button-showreel-back{opacity:1;display:none;position:fixed;left:0;top:0;z-index:3;text-align:center;width:100%;background:#111;color:#F6F6F6;height:60px;line-height:60px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.button-showreel-back:hover{-webkit-transition:background .2s;transition:background .2s;background:#666}.button-showreel-back a{color:#F6F6F6;text-transform:uppercase}#showreel{z-index:1;width:100vw;height:100vh;overflow-y:scroll;position:relative;text-align:left;padding-top:100px;background:#F6F6F6}#showreel .inner{width:600px;margin:0 auto;position:relative}#showreel .title-showreel{text-transform:uppercase;margin-bottom:3em}#showreel .title-showreel h5{font-weight:600;color:#CCC;margin-top:4px}#showreel .title-showreel h5 a{color:#666}#showreel .title-showreel h5 a:hover{color:#CCC}#showreel .title-showreel h5 i{color:#666}#showreel .video-container{margin:0 auto}#showreel .video-container .first{width:100%}#showreel .video-container .first .video{width:100%;position:relative;margin-bottom:-50px}#showreel .video-container .first .video .video-title{position:relative;text-align:left;margin-bottom:10px;font-weight:600;color:#666;font-size:120%}#showreel .video-container .first .video iframe{width:100%;height:334px;box-shadow:2px 2px 6px #666}#showreel .video-container .video{position:relative;margin-top:50px;width:290px;height:163px;float:right}#showreel .video-container .video:nth-child(2n){float:left}#showreel .video-container .video:nth-child(1){width:100%;height:auto;position:relative;margin-top:0;margin-bottom:-20px}#showreel .video-container .video:nth-child(1) .video-title{font-size:120%}#showreel .video-container .video:nth-child(1) iframe{width:100%;height:334px;box-shadow:2px 2px 6px #666}#showreel .video-container .video:nth-last-child(1){margin-bottom:200px}#showreel .video-container .video .video-title{text-align:left;margin-bottom:10px;font-weight:600;color:#666}#showreel .video-container .video iframe{box-shadow:2px 2px 4px #666}#videoTrigger{position:absolute;top:20px;right:25px;font-size:150%;color:#CCC;z-index:3;opacity:0;padding-left:3em;padding-bottom:2em}#videoTrigger h3{font-size:85%;margin-bottom:10px}#videoTrigger h5{color:#ccc;font-size:60%;margin-bottom:3px;display:none}#videoTrigger #rangeMaskTrigger{position:absolute;margin-top:11px}#videoTrigger #nextVideo,#videoTrigger #prevVideo{line-height:20px;cursor:pointer;color:#CCC}#videoTrigger #nextVideo:hover,#videoTrigger #prevVideo:hover{color:#666}#videoTrigger #prevVideo{margin-right:7px}#videoTrigger #nextVideo{margin-left:7px}input[type=range]{-webkit-appearance:none!important;background:#ccc!important;border:none!important;outline:0;height:1px;width:108px;margin-left:15px;margin-top:-3px;display:inline-block}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:#F6F6F6;outline:0;height:15px;width:15px;border:3px solid #111;border-radius:100%;cursor:pointer}input[type=range]::-moz-slider-thumb{-webkit-appearance:none!important;background:#F6F6F6;outline:0;height:15px;width:15px;border:3px solid #111;border-radius:100%;cursor:pointer}.intropacity{-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;opacity:0!important}#credits{position:absolute;bottom:20px;right:-180px;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#credits a{color:#666;font-weight:400;font-size:80%;text-transform:uppercase}#credits a span{color:#777;margin-left:20px}#credits:hover{right:20px}