*,fieldset{border:0;margin:0;padding:0}body,html{min-height:100vh}.btn,.showreel,.showreel-content{justify-content:center}.btn,.showreel{align-items:center}.case,.pane{cursor:pointer}.showreel,.showreel-content,a#menu-toggle{-ms-flex-direction:column}.btn,.showreel{-ms-flex-align:center}.btn,.case a,.contact .white-btn,.contact-btns a,.content-8 .c1 .btn1,.footer a,.play,.social a,.team .profile{text-decoration:none}@font-face{font-family:'HK Grotesk';src:url("fonts/HK Grotesk Regular.eot");src:url("fonts/HK Grotesk Regular.eot?#iefix")format("embedded-opentype"),url("fonts/HK Grotesk Regular.woff2")format("woff2"),url("fonts/HK Grotesk Regular.woff")format("woff"),url("fonts/HK Grotesk Regular.svg#HK Grotesk Regular")format("svg");font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+002000FE}@font-face{font-family:'Graphik Medium';src:url(fonts/Graphik-Medium.eot);src:url(fonts/Graphik-Medium.eot?#iefix)format("embedded-opentype"),url(fonts/Graphik-Medium.woff2)format("woff2"),url(fonts/Graphik-Medium.woff)format("woff"),url(fonts/Graphik-Medium.svg#Graphik-Medium)format("svg");font-weight:500;font-style:normal;font-stretch:normal;unicode-range:U+002000FE}@font-face{font-family:'Gotham Ultra';src:url("fonts/Gotham Ultra.eot");src:url("fonts/Gotham Ultra.eot?#iefix")format("embedded-opentype"),url("fonts/Gotham Ultra.woff2")format("woff2"),url("fonts/Gotham Ultra.woff")format("woff"),url("fonts/Gotham Ultra.svg#Gotham Ultra")format("svg");font-weight:900;font-style:normal;font-stretch:normal;unicode-range:U+002000FE}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}h2,h3,h4{margin-bottom:.8em}h2,h3{line-height:1.2}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}.btn,body{background:#fff}audio,canvas,iframe,img,svg,video{vertical-align:middle}textarea{resize:vertical}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box}body{overflow-x:hidden;font-family:'HK Grotesk';font-weight:400;font-size:18px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:'Graphik Medium';font-weight:500}h2{font-size:52px}h3{font-size:34px}h4{font-size:27px;line-height:1.3}@media (max-width:1000px){body{font-size:16px}h2{font-size:36px}h3,h4{font-size:26px}}@media (max-width:550px){body{font-size:14px}h2{font-size:22px}h3,h4{font-size:20px}}a{color:inherit}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?igtmcf);src:url(fonts/icomoon.eot?igtmcf#iefix)format("embedded-opentype"),url(fonts/icomoon.ttf?igtmcf)format("truetype"),url(fonts/icomoon.woff?igtmcf)format("woff"),url(fonts/icomoon.svg?igtmcf#icomoon)format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e90f"}.icon-sound-off:before{content:"\e90d"}.icon-sound-on:before{content:"\e90e"}.icon-squares:before{content:"\e90c"}.icon-play:before{content:"\e905"}.icon-arrow-down:before{content:"\e900"}.icon-arrow-left:before{content:"\e901"}.icon-arrow-right-up:before{content:"\e902"}.icon-arrow-right:before{content:"\e903"}.icon-arrow-up:before{content:"\e904"}.icon-facebook:before{content:"\e907"}.icon-linkedin2:before{content:"\e908"}.icon-twitter:before{content:"\e909"}.icon-vimeo:before{content:"\e90a"}.icon-youtube:before{content:"\e90b"}.icon-instagram:before{content:"\e906"}.btn{width:50px;height:50px;font-size:26px;color:#000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;transition:opacity .2s;opacity:.5}.btn:hover{opacity:1}.inview{opacity:0}.inview-revealed{animation:inview-reveal 1s 0s forwards}@keyframes inview-reveal{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}#case-slider{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:100}@media (max-width:700px){#case-slider{width:100%;height:100%;overflow:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch}}#case-slider .track{display:-ms-flexbox;display:flex;width:100000px;height:100%;transition:1s}@media (max-width:700px){#case-slider .track{-ms-flex-direction:column;flex-direction:column;height:auto;width:100%;transition:none;transform:translate(0,0)!important}}#case-slider .track .case{width:33.3333333vw;background-size:auto 100%;background-repeat:no-repeat}#case-slider .scroll{position:absolute;bottom:25px;transition:.5s}#case-slider .scroll.prev{left:25px}#case-slider .scroll.next{right:25px}@media (max-width:700px){#case-slider .track .case{background-size:cover;width:100%;height:33.3333333vh}#case-slider .scroll{display:none}}#case-slider.is-first .scroll.prev,#case-slider.is-last .scroll.next{opacity:0}.case{position:relative;color:#fff;overflow:hidden}.case .case-color{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:transform .5s,opacity .3s;transform:translateX(-105%)}.case:hover .case-color{transform:translateX(0)}.hide-case-info .case:hover .case-color{transform:translateX(-105%)}.case .inner{margin:0 5%;position:absolute;left:5%;bottom:20%;transition:.5s}.hide-case-info .case .inner{opacity:0;transform:translateY(10px)}.case h3{font-size:30px;margin-bottom:1em;transform:translateY(50px);transition:.5s .1s}@media (max-width:700px){.case .inner{bottom:10%}.case h3{font-size:24px}}.case:hover h3{transform:translateY(0)!important;transition:.5s 0}.case .summary-box{overflow:hidden;transform:translateY(-10%);transition:.5s}.case:hover .summary-box{transform:translateY(0)}.case .summary{overflow:hidden;transform:translateY(100%);transition:.5s 0s}.case:hover .summary{transform:translateY(0);transition:.5s .2s}.case a{display:inline-block;color:#fff;transition:.5s}.case a i{font-size:12px;font-weight:700;margin-left:5px}.case:hover a{transform:translateY(30px)}@media (max-width:700px){.case .summary-box,.case a{display:none}}#case-transition{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:200;display:none}.case-transition-visible #case-transition{display:block}#case-transition .zoom{width:2000px;height:1333px;background-size:2000px 1333px;background-repeat:none;opacity:.5;transition:transform .8s .2s;transform-origin:center top;z-index:100}#case-transition .sibling,.from0 #case-transition .zoom,.from1 #case-transition .zoom,.from2 #case-transition .zoom{transition:transform .8s 0s}#case-transition .sibling{position:absolute;left:0;top:0;width:33.3333333%;height:100%;background-size:auto 100%;background-repeat:none}#case-transition .sibling.p0{z-index:110;left:0}.from1 #case-transition .sibling.p0{transform:translate(-120%,0);transition:transform .8s .2s}@media (max-width:700px){#case-transition .sibling{height:33.3333333%;width:100%}#case-transition .sibling.p0{top:0}.from1 #case-transition .sibling.p0{transform:translate(0,-120%)}}.from2 #case-transition .sibling.p0{transform:translate(-120%,0);transition:transform .8s .25s}#case-transition .sibling.p1{z-index:105;left:33.33333%}@media (max-width:700px){.from2 #case-transition .sibling.p0{transform:translate(0,-120%)}#case-transition .sibling.p1{left:0;top:33.33333%}}.from0 #case-transition .sibling.p1{transform:translate(225%,0);transition:transform .8s .2s}@media (max-width:700px){.from0 #case-transition .sibling.p1{transform:translate(0,225%)}}.from2 #case-transition .sibling.p1{transform:translate(-225%,0);transition:transform .8s .2s}#case-transition .sibling.p2{z-index:110;left:66.66666%}@media (max-width:700px){.from2 #case-transition .sibling.p1{transform:translate(0,-225%)}#case-transition .sibling.p2{left:0;top:66.66666%}}.from0 #case-transition .sibling.p2{transform:translate(120%,0);transition:transform .8s .25s}@media (max-width:700px){.from0 #case-transition .sibling.p2{transform:translate(0,120%)}}.from1 #case-transition .sibling.p2{transform:translate(120%,0);transition:transform .8s .2s}@media (max-width:700px){.from1 #case-transition .sibling.p2{transform:translate(0,120%)}}#case-to-case-transition{pointer-events:none!important;background:0 0;transition:transform 1s}.case-detail,.case-to-case-transition #case-to-case-transition{background:#fff}#menu,.bart-logo-bg,.showreel-content{pointer-events:none}#case-to-case-transition::-webkit-scrollbar{display:none}.case-to-case-transition.case-to-case-transition-prev #case-to-case-transition{transform:translateX(100%)}.case-to-case-transition.case-to-case-transition-next #case-to-case-transition{transform:translateX(-100%)}.case-detail{position:absolute;left:0;top:0;width:100%;height:100%;overflow-x:hidden;z-index:300;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:none}.case-detail-visible .case-detail{display:block}.case-detail .splash{width:100vw;height:120vh;position:relative;overflow:hidden}.case-detail .splash .image{position:absolute;left:0;top:0;width:100vw;height:120vh;background-size:cover;background-position:50% 50%;background-repeat:none}.case-detail .splash .header{position:absolute;left:10vw;bottom:40vh;right:10vw}@media (max-width:1000px){.case-detail .splash .header{bottom:30vh}}@media (max-width:550px){.case-detail .splash .header{bottom:30vh}}.case-detail .splash .header .mask{overflow:hidden;padding:1vw}.case-detail .splash .header h1{font-size:6vw;color:#fff;text-shadow:3px 3px 5px rgba(0,0,0,.2);transition:transform .5s;transform-origin:0 0;transform:rotate(5deg)translateY(110%)}.case-detail-loaded .case-detail .splash .header h1{transform:rotate(0)translateY(0)}.case-detail .scrolldown-and-cases{position:absolute;z-index:50;bottom:25px;left:25px;width:calc(100% - 50px);height:50px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.case-detail .scrolldown-and-cases .btns{width:50px;height:100px;transition:.5s}.casedetail-scrolled .case-detail .scrolldown-and-cases .btns{transform:translateY(-50px)}.subtitle{margin-left:1vw;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2);font-weight:400;line-height:1;font-size:2.5vw}@media (max-width:1000px){.case-detail .scrolldown-and-cases{display:none}.subtitle{font-size:3vw}}.subtitle .slashes{display:block;float:left;height:2.2em;margin-right:.3em}.subtitle .content{line-height:1.1}.subtitle .content span,.subtitle .slashes{opacity:0}.case-detail-loaded .subtitle .slashes{animation:typewriter-anim .2s 200ms 5 forwards}.case-detail-loaded .subtitle .content span:nth-child(0){animation:typewriter-anim .2s 1400ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(1){animation:typewriter-anim .2s 1430ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(2){animation:typewriter-anim .2s 1460ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(3){animation:typewriter-anim .2s 1490ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(4){animation:typewriter-anim .2s 1520ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(5){animation:typewriter-anim .2s 1550ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(6){animation:typewriter-anim .2s 1580ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(7){animation:typewriter-anim .2s 1610ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(8){animation:typewriter-anim .2s 1640ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(9){animation:typewriter-anim .2s 1670ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(10){animation:typewriter-anim .2s 1700ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(11){animation:typewriter-anim .2s 1730ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(12){animation:typewriter-anim .2s 1760ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(13){animation:typewriter-anim .2s 1790ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(14){animation:typewriter-anim .2s 1820ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(15){animation:typewriter-anim .2s 1850ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(16){animation:typewriter-anim .2s 1880ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(17){animation:typewriter-anim .2s 1910ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(18){animation:typewriter-anim .2s 1940ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(19){animation:typewriter-anim .2s 1970ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(20){animation:typewriter-anim .2s 2000ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(21){animation:typewriter-anim .2s 2030ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(22){animation:typewriter-anim .2s 2060ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(23){animation:typewriter-anim .2s 2090ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(24){animation:typewriter-anim .2s 2120ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(25){animation:typewriter-anim .2s 2150ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(26){animation:typewriter-anim .2s 2180ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(27){animation:typewriter-anim .2s 2210ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(28){animation:typewriter-anim .2s 2240ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(29){animation:typewriter-anim .2s 2270ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(30){animation:typewriter-anim .2s 2300ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(31){animation:typewriter-anim .2s 2330ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(32){animation:typewriter-anim .2s 2360ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(33){animation:typewriter-anim .2s 2390ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(34){animation:typewriter-anim .2s 2420ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(35){animation:typewriter-anim .2s 2450ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(36){animation:typewriter-anim .2s 2480ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(37){animation:typewriter-anim .2s 2510ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(38){animation:typewriter-anim .2s 2540ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(39){animation:typewriter-anim .2s 2570ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(40){animation:typewriter-anim .2s 2600ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(41){animation:typewriter-anim .2s 2630ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(42){animation:typewriter-anim .2s 2660ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(43){animation:typewriter-anim .2s 2690ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(44){animation:typewriter-anim .2s 2720ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(45){animation:typewriter-anim .2s 2750ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(46){animation:typewriter-anim .2s 2780ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(47){animation:typewriter-anim .2s 2810ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(48){animation:typewriter-anim .2s 2840ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(49){animation:typewriter-anim .2s 2870ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(50){animation:typewriter-anim .2s 2900ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(51){animation:typewriter-anim .2s 2930ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(52){animation:typewriter-anim .2s 2960ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(53){animation:typewriter-anim .2s 2990ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(54){animation:typewriter-anim .2s 3020ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(55){animation:typewriter-anim .2s 3050ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(56){animation:typewriter-anim .2s 3080ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(57){animation:typewriter-anim .2s 3110ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(58){animation:typewriter-anim .2s 3140ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(59){animation:typewriter-anim .2s 3170ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(60){animation:typewriter-anim .2s 3200ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(61){animation:typewriter-anim .2s 3230ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(62){animation:typewriter-anim .2s 3260ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(63){animation:typewriter-anim .2s 3290ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(64){animation:typewriter-anim .2s 3320ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(65){animation:typewriter-anim .2s 3350ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(66){animation:typewriter-anim .2s 3380ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(67){animation:typewriter-anim .2s 3410ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(68){animation:typewriter-anim .2s 3440ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(69){animation:typewriter-anim .2s 3470ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(70){animation:typewriter-anim .2s 3500ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(71){animation:typewriter-anim .2s 3530ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(72){animation:typewriter-anim .2s 3560ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(73){animation:typewriter-anim .2s 3590ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(74){animation:typewriter-anim .2s 3620ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(75){animation:typewriter-anim .2s 3650ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(76){animation:typewriter-anim .2s 3680ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(77){animation:typewriter-anim .2s 3710ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(78){animation:typewriter-anim .2s 3740ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(79){animation:typewriter-anim .2s 3770ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(80){animation:typewriter-anim .2s 3800ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(81){animation:typewriter-anim .2s 3830ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(82){animation:typewriter-anim .2s 3860ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(83){animation:typewriter-anim .2s 3890ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(84){animation:typewriter-anim .2s 3920ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(85){animation:typewriter-anim .2s 3950ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(86){animation:typewriter-anim .2s 3980ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(87){animation:typewriter-anim .2s 4010ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(88){animation:typewriter-anim .2s 4040ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(89){animation:typewriter-anim .2s 4070ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(90){animation:typewriter-anim .2s 4100ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(91){animation:typewriter-anim .2s 4130ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(92){animation:typewriter-anim .2s 4160ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(93){animation:typewriter-anim .2s 4190ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(94){animation:typewriter-anim .2s 4220ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(95){animation:typewriter-anim .2s 4250ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(96){animation:typewriter-anim .2s 4280ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(97){animation:typewriter-anim .2s 4310ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(98){animation:typewriter-anim .2s 4340ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(99){animation:typewriter-anim .2s 4370ms 1 forwards}.case-detail-loaded .subtitle .content span:nth-child(100){animation:typewriter-anim .2s 4400ms 1 forwards}@keyframes typewriter-anim{0%,49%{opacity:0}100%,50%{opacity:1}}#page-detail{position:absolute;left:0;top:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:hidden;z-index:300;background:#fff;display:none}.page-detail-visible #page-detail{display:block}#menu{width:100%;position:fixed;z-index:2000;display:-ms-flexbox;display:flex;height:100%;transform:translateY(-9999px)}.menu-visible #menu{transform:translateY(0);pointer-events:auto}#menu .pane{width:33.3333333vw;background-size:auto 100%;background-repeat:none}.pane{position:relative;overflow:hidden;background:#fff;transform:translate(0,-110%);border-right:1px solid #d2d2d2}.pane .bgcolor,.pane .inner{transition:.5s;position:absolute}@media (max-width:700px){#menu{-ms-flex-direction:column;flex-direction:column}#menu .pane{width:100%;height:33.3333333vh}.pane{transform:translate(-110%,0)}}.menu-visible .pane{transform:translate(0,0)}.menu-transition-in .pane{transition-duration:.6s}.menu-transition-in .pane:nth-child(2){transition-delay:.15s}.menu-transition-in .pane:nth-child(3){transition-delay:.3s}.menu-transition-out .pane{transform:translate(0,110%);transition-duration:.6s}.menu-transition-out .pane:nth-child(2){transition-delay:.15s}.menu-transition-out .pane:nth-child(3){transition-delay:.3s}@media (max-width:700px){.menu-transition-out .pane{transform:translate(110%,0)}.pane{border-right:none;border-bottom:1px solid #d2d2d2}}.pane:last-child{border-right:none;border-bottom:none}.pane .bgcolor{width:100%;height:100%;background:#2a2a2a;left:0;top:0;transform:translateX(-105%)}@media (min-width:700px){.pane:hover .bgcolor{transform:translateX(0)}}.pane .inner{margin:0 8%;left:0;bottom:20%}#logo,.showreel,a#menu-toggle{position:fixed}.pane h3{color:#000;font-size:56px;margin-bottom:.5em;transform:translateY(50px);transition:transform .5s .1s}@media (min-width:700px){.pane:hover h3{color:#fff;transform:translateY(0)!important;transition:.5s 0;transition-delay:0}}.pane .summary-box{color:#fff;overflow:hidden;transform:translateY(-10%);transition:.5s}@media (max-width:700px){.pane h3{font-size:30px}.pane .summary-box{display:none}}.pane:hover .summary-box{transform:translateY(0)}.pane .summary{overflow:hidden;transform:translateY(100%);transition:.5s 0s}.pane:hover .summary{transform:translateY(0);transition:.5s .2s}.pane .link,a#menu-toggle .lines{transition:.5s}.pane .link{display:inline-block;color:#fff}.pane:hover .link{transform:translateY(30px)}@media (max-width:700px){.pane .link{display:none}.pane a{display:block;width:100%;height:100%}}a#menu-toggle{right:25px;top:25px;z-index:2100;flex-direction:column}.menu-visible a#menu-toggle{background:#eee}.menu-visible a#menu-toggle .lines{transform:translateX(3px)}a#menu-toggle span{display:block;background:#000;height:3px;width:30px;margin:5px 0;transition:.5s}a#menu-toggle span:nth-child(1),a#menu-toggle span:nth-child(3){transform-origin:12% 50%}.menu-visible a#menu-toggle span:nth-child(1){transform:rotate(45deg)}.menu-visible a#menu-toggle span:nth-child(2){opacity:0}.menu-visible a#menu-toggle span:nth-child(3){transform:rotate(-45deg)}#logo{width:110px;height:199px;background:url(/img/bart-logo-desktop.png)left top no-repeat;background-size:contain;text-indent:-9999px;left:25px;top:25px;z-index:500;transition:transform .5s,opacity .5s;opacity:1}@media (max-width:700px){#logo{width:60px;height:110px;background:url(/img/bart-logo-mobile.png)left top no-repeat;background-size:contain}}.casedetail-scrolled #logo,.page-detail-scrolled #logo{transform:translateY(-150%);opacity:0}.showreel{left:0;top:0;width:100%;height:100%;z-index:3000;background:#000;transform:translateY(-110%);transition:.7s;display:-ms-flexbox;display:flex;flex-direction:column;-ms-flex-pack:center}.showreel-visible .showreel{transform:translateY(0)}.showreel .video-ratio{width:94vw}.showreel .video-box{display:block}.showreel .video-bg{position:absolute;left:0;top:0}.showreel .video-bg video{width:100%;height:100%}.showreel .btn.scrolldown{position:absolute;left:50vw;bottom:25px;transform:translate(-50%,0);opacity:0;transition:.5s}.showreel-video-playing .showreel .btn.scrolldown{opacity:.4}.showreel .btn.scrolldown:hover{opacity:1}.showreel .btn.sound{position:absolute;right:25px;top:25px;opacity:0;transition:.5s}.showreel-video-playing .showreel .btn.sound{opacity:.4}.showreel .btn.sound:hover{opacity:1}.showreel .btn.sound .icon-sound-on{display:none}.showreel .btn.sound .icon-sound-off,.showreel .btn.sound.on .icon-sound-on{display:block}.showreel .btn.sound.on .icon-sound-off{display:none}.showreel-content{position:fixed;left:0;top:0;width:100%;height:100%;z-index:3600;display:-ms-flexbox;display:flex;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center}.logo-intro .c1,.txt-tile{display:-ms-flexbox;-ms-flex-align:center}.showreel-content .box{margin-left:8vw}.showreel-content .logo{width:330px;height:111px;background:url(/img/logo-white-large.png)left bottom no-repeat;background-size:contain;text-indent:-9999px;margin-bottom:20px;opacity:0;transform:translateY(50px);transition:.7s}@media (max-width:600px){.showreel-content .logo{width:220px;height:74px}}.showreel-visible .showreel-content .logo{opacity:1;transform:translateY(0)}.showreel-out .showreel-content .logo{opacity:0;transform:translateY(-50px)}.showreel-content .pretext{font-size:5vw;color:#fff;line-height:1;text-transform:uppercase;font-family:'Gotham Ultra';opacity:0;transform:translateY(50px);transition:.7s;transition-delay:.1s}.showreel-visible .showreel-content .pretext{opacity:1;transform:translateY(0)}.showreel-out .showreel-content .pretext{opacity:0;transform:translateY(-50px);transition-delay:.2s}.showreel-content .pretext .line{opacity:0}.showreel-content .pretext .line:nth-child(1){animation:fade-in-slide-up .5s 1.1s forwards}.showreel-content .pretext .line:nth-child(2){animation:fade-in-slide-up .5s 1.2s forwards}.showreel-content .pretext .line:nth-child(3){animation:fade-in-slide-up .5s 1.3s forwards}.showreel-content .pretext .line:nth-child(4){animation:fade-in-slide-up .5s 1.4s forwards}.showreel-content .pretext .line:nth-child(5){animation:fade-in-slide-up .5s 1.5s forwards}.showreel-content .pretext .line:nth-child(6){animation:fade-in-slide-up .5s 1.6s forwards}.showreel-content .pretext .line:nth-child(7){animation:fade-in-slide-up .5s 1.7s forwards}.showreel-video-playing .showreel-content .pretext .line{opacity:1}.showreel-video-playing .showreel-content .pretext .line:nth-child(1){animation:fade-out-slide-up .5s .1s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(2){animation:fade-out-slide-up .5s .2s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(3){animation:fade-out-slide-up .5s .3s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(4){animation:fade-out-slide-up .5s .4s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(5){animation:fade-out-slide-up .5s .5s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(6){animation:fade-out-slide-up .5s .6s forwards}.showreel-video-playing .showreel-content .pretext .line:nth-child(7){animation:fade-out-slide-up .5s .7s forwards}@keyframes fade-in-slide-up{0%{opacity:0;transform:translate(0,20px)}100%{opacity:1;transform:translate(0,0)}}@keyframes fade-out-slide-up{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,-20px)}}.intro-bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:3500;background:#111;transition:1s;transition-delay:.3s}.intro-out .intro-bg{transform:translateY(120%)}.intro-done .intro-bg{display:none}.gallery-container{position:relative}.gallery{position:absolute;left:0;top:0;right:0;bottom:0;width:33.33333vw;overflow:hidden;transition:.5s}.gallery.wide{width:66.66666vw}.gallery.expanded{width:100vw;z-index:10000}.gallery .track-container{transition:.5s;height:100%;transform:translate(-33vw,0)}.gallery.expanded .track-container{transform:translate(0,0)}.gallery .track{display:-ms-flexbox;display:flex;width:100000px;height:100%;transition:.7s}.gallery .bgimage{width:100vw;height:100%}.gallery .btn{position:absolute;transition:.5s;bottom:25px;opacity:.5}.gallery .btn:hover{opacity:1}.gallery .close:hover,.gallery.is-first .scroll.prev,.gallery.is-last .scroll.next{opacity:0}.gallery .scroll.prev{left:25px;transform:translate(-100px,0)}.gallery .scroll.next{right:40px;transform:translate(100px,0)}.gallery .open{right:25px}.gallery .close{right:50%;opacity:0;transform:translate(50%,0);cursor:default}.gallery.expanded .scroll{transform:translate(0,0)}.gallery.expanded .open{transform:translate(100px,0)}.gallery.expanded .close{cursor:pointer;opacity:.5}.gallery.expanded .close:hover{opacity:1}section{max-width:100%}section.padv{padding:100px 0}@media (max-width:1000px){.gallery{width:100vw;z-index:10000}.gallery .track-container{transform:translate(0,0)}.gallery .close,.gallery .open{display:none}.gallery .scroll{transform:translate(0,0)!important}section.padv{padding:60px 0}}@media (max-width:550px){section.padv{padding:30px 0}}.wrap{margin:0 auto;max-width:1500px;padding-left:60px;padding-right:60px}.video .wrap{max-width:1700px}.wrap.inner{max-width:1200px}.row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.concept,.logo-intro .c1,.logo-intro .c2{justify-content:center;-ms-flex-pack:center;flex-direction:column;-ms-flex-direction:column}.col{display:block;width:100%}.col.c25{width:25%}.col.c50{width:50%}.col.c75{width:75%}.col.c33{width:33.3333333%}.col.c66{width:66.6666666%}@media (max-width:1000px){.wrap{padding-left:40px;padding-right:40px}.col.c25-m{width:25%}.col.c50-m{width:50%}.col.c75-m{width:75%}.col.c33-m{width:33.3333333%}.col.c66-m{width:66.6666666%}.col.c100-m{width:100%}}@media (max-width:550px){.wrap{padding-left:15px;padding-right:15px}.col.c25-s{width:25%}.col.c50-s{width:50%}.col.c75-s{width:75%}.col.c33-s{width:33.3333333%}.col.c66-s{width:66.6666666%}.col.c100-s{width:100%}}.col.padv{padding:100px 0}@media (max-width:1000px){.col.padv{padding:60px 0}}@media (max-width:550px){.col.padv{padding:30px 0}}.bgimage{background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.bg-2to1-grey{background:linear-gradient(90deg,#f4f4f4 66.666%,#fff 66.666%)}.vh100{height:100vh}.r16-9{height:56.25vw}.r16-9.c50{height:28.13vw}@media (max-width:1000px){.r16-9.c50{height:56.25vw}}.r1-1{height:100vw}.r1-1.c50{height:50vw}.txt-tile{padding:20px 50px;display:flex;align-items:center;background:#e4e4fe}@media (max-width:1000px){.r1-1.c50{height:100vw}.r16-9-m{height:56.25vw}.r1-1-m{height:100vw}.txt-tile{padding:20px 40px}}@media (max-width:550px){.txt-tile{padding:20px 15px}}.logo-intro .c1{display:flex;align-items:center;padding:50px}.logo-intro .c1 img{width:100%;height:auto;max-width:476px;max-height:700px}@media (max-width:1000px){.logo-intro .c1{padding:40px 35px}}@media (max-width:550px){.logo-intro .c1{padding:40px 20px}}.logo-intro .c2{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;background:#f4f4f4;padding:180px 120px}.logo-intro .c2 .intro-text{font-size:24px;line-height:1.42;margin-bottom:60px;max-width:900px}@media (max-width:550px){.logo-intro .c2 .intro-text{font-size:18px;line-height:1.5;margin-bottom:40px}}.logo-intro .c2 h5{font-size:22px;margin-bottom:1em}@media (max-width:1000px){.logo-intro .c2{padding:80px 60px}}@media (max-width:550px){.logo-intro .c2{padding:60px 20px}}.concept{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#fff;padding:20px}.flickr,.footer .half{justify-content:space-between;-ms-flex-pack:justify}.image-2x .col,.image-2x .col.align-top{-ms-flex-align:start;align-items:flex-start}.concept .contents{text-align:left}.concept .contents h5{font-size:24px;margin-bottom:.2em}@media (max-width:550px){.concept{-ms-flex-align:start;align-items:flex-start;height:100vw}.concept .contents h5{font-size:18px}}.concept .contents .txt{font-family:'Gotham Ultra',sans-serif;text-transform:uppercase;font-size:60px;letter-spacing:.05em;line-height:1;font-weight:900}.video-large{background:center center #000;background-size:cover}.video-large.video-playing{background-image:none!important}.image-block{padding:0 50px}@media (max-width:1000px){.concept .contents .txt{font-size:35px}.image-block{padding:0 35px}}@media (max-width:550px){.concept .contents .txt{font-size:20px}.video-large{-ms-flex-align:start;align-items:flex-start;height:100vw}.image-block{padding:0 20px}}.image-block img{width:100%}.image-block .col{padding:60px 30px 0}.image-spacer{height:160px}@media (max-width:1000px){.image-spacer{height:120px}}@media (max-width:550px){.image-block .col{padding:20px 0 0}.image-spacer{height:50px}}.image-1x.width-fullbleed,.image-1x.width-fullbleed .col{padding-left:0;padding-right:0}.image-2x .col{display:-ms-flexbox;display:flex}.image-2x .col.align-center{-ms-flex-align:center;align-items:center}.image-2x .col.align-bottom{-ms-flex-align:end;align-items:flex-end}.flickr,.footer .half,.team .profile{align-items:center;-ms-flex-align:center}.flickr{background:#fff;padding:150px 120px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.content-8 .c1,.team .profile{-ms-flex-direction:column;flex-direction:column}@media (max-width:1200px){.flickr{padding:60px;-ms-flex-direction:column;flex-direction:column;text-align:center}.flickr h5{margin-bottom:.8em}.flickr .txt{margin-bottom:1.5em}}@media (max-width:550px){.flickr{padding:40px 30px}}.flickr h5{font-size:24px}.flickr .txt{font-size:18px}.flickr .flickr-btn{display:block;width:147px;height:48px;background:url(../img/flickr-btn.png)left top no-repeat;background-size:contain;text-indent:-9999px}.bart-logo{height:330px}.bart-logo .logo{width:100%;height:100%;background:url(../img/bart-logo-background.png)center center no-repeat;background-size:cover}.bart-logo-bg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:-10}.team{padding:80px 20px;color:#fff}.team .wrapper{margin:0 auto;max-width:1430px}@media (max-width:1700px){.team .wrapper{max-width:1120px}}@media (max-width:1350px){.team .wrapper{max-width:810px}}@media (max-width:950px){.team .wrapper{max-width:450px}}.team h5{font-size:24px;margin-bottom:70px}.team .profiles{background:url(../img/slashes-bg.png)25px 0;background-size:310px 230px;width:100%;display:-ms-grid;display:grid;-ms-grid-columns:188px 188px 188px 188px 188px;grid-template-columns:188px 188px 188px 188px 188px;grid-auto-rows:320px;grid-gap:130px 122px}@media (max-width:1700px){.team .profiles{-ms-grid-columns:188px 188px 188px 188px;grid-template-columns:188px 188px 188px 188px}}@media (max-width:1350px){.team .profiles{-ms-grid-columns:188px 188px 188px;grid-template-columns:188px 188px 188px}}@media (max-width:950px){.team .profiles{-ms-grid-columns:108px 108px 108px;grid-template-columns:108px 108px 108px;grid-auto-rows:180px;grid-gap:75px 58px;background-position:18px 5px;background-size:163px 127px}}@media (max-width:600px){.team{padding:40px 10px}.team .wrapper{max-width:280px}.team h5{margin-bottom:40px}.team .profiles{-ms-grid-columns:108px 108px;grid-template-columns:108px 108px}}.team .profile{width:188px;display:-ms-flexbox;display:flex;text-align:center}.team .profile img{border-radius:9999px;margin-bottom:20px}.contact .white-btn,.contact-btns a{color:#000;width:200px;border-radius:100px}.team .profile h6{font-size:18px;font-weight:500;font-style:italic;text-transform:uppercase;margin-bottom:10px;line-height:1.2}.team .profile .function{font-size:15px;font-weight:500;line-height:1.2}@media (max-width:950px){.team .profile{width:108px}.team .profile img{width:108px;height:108px;margin-bottom:10px}.team .profile h6{font-size:13px;margin-bottom:5px}.team .profile .function{font-size:13px}}.footer{position:relative;background:#fff;display:-ms-flexbox;display:flex}.footer .half{width:50%;padding:170px 50px;display:-ms-flexbox;display:flex}@media (max-width:1250px){.footer .half{padding:120px 50px}}@media (max-width:500px){.footer .half{padding:100px 20px}}.footer .half.left{padding-right:100px}.footer .half.right{background:#f4f4f4;padding-left:100px}.footer .half:not(:hover){color:inherit!important}.footer .arrow{display:block;width:26px;height:47px;background:url(../img/case-scroll-arrows.png)left top no-repeat;background-size:52px 47px}.footer .arrow.prev{margin-right:auto}.footer .arrow.next{background-position:-26px 0;margin-left:auto}.footer .arrow:hover{opacity:.7}.footer .back-to-case-overview{position:absolute;left:50%;top:calc(50% + 15px);z-index:100;transform:translate(-50%,-50%);display:block;width:86px;height:111px;background:url(../img/overview.png)left top no-repeat;background-size:86px 111px}.footer .back-to-case-overview:hover{opacity:.8}.footer .case-specs{font-size:20px;width:80%;max-width:600px}.footer .case-specs h6{font-size:24px}.footer .case-specs.prev{text-align:right}.contact .white-btn,.contact-btns a,.squares .col .off{text-align:center}@media (max-width:1250px){.footer .case-specs{display:none}}.content-8 .c1,.content-8 .c2{padding:20px 50px}@media (max-width:1000px){.content-8 .c1,.content-8 .c2{padding:40px}}@media (max-width:550px){.content-8 .c1,.content-8 .c2{padding:20px 15px}}.content-8 .c1{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.content-8 .c1 h3{font-size:30px;line-height:1.4;margin-bottom:1.5em}.content-8 .c1 .btn1{display:inline-block;background:#000;color:#fff;text-align:center;padding:10px 30px;border-radius:100px;transition:.2s;margin-bottom:1em}.content-8 .c1 .btn1:hover{background:#fff;color:#2a2a2a}.content-8 .c2{-webkit-column-count:3;column-count:3}.contact{background:#000;color:#fff;padding:100px 120px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.content-11 .c2,.content-2 .c2,.content-9 .c2{align-items:flex-start}.content-11 .c2,.content-9 .c2{display:flex;-ms-flex-align:start}.content-11 .c2,.content-2 .c2,.content-6 .c1,.content-9 .c2{justify-content:center;-ms-flex-pack:center}.content-11 .c2,.content-2 .c2,.content-6 .c1,.content-6 .c2,.content-7 .c2,.content-9 .c2,.video .c2{flex-direction:column}.content-11 .c2,.content-2 .c2,.content-6 .c1,.content-6 .c2,.content-7 .c2,.content-9 .c2,.squares .col .content,.video .c2{-ms-flex-direction:column}.contact h5{font-size:40px}@media (max-width:1000px){.content-8 .c2{-webkit-column-count:2;column-count:2}.contact{padding:60px;-ms-flex-direction:column;flex-direction:column;text-align:center}.contact h5{font-size:30px;margin-bottom:1em}}@media (max-width:550px){.content-8 .c2{-webkit-column-count:1;column-count:1}.contact{padding:40px 30px}.contact h5{font-size:20px}}.contact .white-btn{display:block;background:#fff;padding:10px;font-weight:700;transition:.2s}.contact .white-btn:hover{background:#ccc}.content-11,.content-9{background-color:#f5f5f5}.content-9 .row{min-height:80vh}.content-9 .c2{padding:20px 50px;display:-ms-flexbox}@media (max-width:1000px){.content-9 .row{min-height:0}.content-9 .c2{padding:40px}}@media (max-width:550px){.content-9 .c2{padding:20px 15px}}@media (max-width:1000px){.content-11 .row{min-height:0}.content-11 .c2{padding:40px}}@media (max-width:550px){.content-11 .c2{padding:20px 15px}}.content-11 .row{min-height:100vh}.content-11 .c2{padding:20px 50px;display:-ms-flexbox}@media (max-width:1000px){.content-11 .row{min-height:0}.content-11 .c2{padding:40px}}@media (max-width:550px){.content-11 .c2{padding:20px 15px}}@media (max-width:1000px){.content-2 .row{min-height:0}.content-2 .c2{padding:40px}}@media (max-width:550px){.content-2 .c2{padding:20px 15px}}.content-3 .c1{background:#f7f7f7}.content-3 .c2{background:#ececec}.content-3 .c1,.content-3 .c2{padding:100px 50px}.content-4 .txt{-webkit-column-count:3;column-count:3}@media (max-width:1000px){.content-3 .c1,.content-3 .c2{padding:50px 40px}.content-4 .txt{-webkit-column-count:2;column-count:2}}@media (max-width:550px){.content-3 .c1,.content-3 .c2{padding:20px 15px}.content-4 .txt{-webkit-column-count:1;column-count:1}}.content-2 .row{min-height:100vh}.content-2 .c2{padding:20px 50px;display:-ms-flexbox;display:flex;-ms-flex-align:start}@media (max-width:1000px){.content-2 .row{min-height:0}.content-2 .c2{padding:40px}}@media (max-width:550px){.content-2 .c2{padding:20px 15px}}.contact-btns{margin-top:30px;margin-bottom:2em}.contact-btns a{display:block;background:#f4f4f4;padding:10px;transition:.2s;margin-bottom:1em}.contact-btns a:hover{background:#000;color:#fff}.social a{display:inline-block;color:#000;font-size:25px;margin-right:18px}.social a:hover{opacity:.6}.content-6 .row{min-height:100vh}.content-6 .c1{padding:100px;font-size:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.content-6 .c2,.content-7 .c2,.video .c2{align-items:flex-start;-ms-flex-align:start}.content-6 .c1 h3{color:#555;line-height:1.5}@media (max-width:1000px){.content-6 .row{min-height:0}.content-6 .c1{padding:50px}}@media (max-width:550px){.content-6 .c1{padding:20px 15px}}.content-6 .c2{padding:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;color:#fff}.content-7 .c2,.play,.squares .col .content,.video .c2{justify-content:center}.content-7 .c2,.play,.video .c2{-ms-flex-pack:center}@media (max-width:1000px){.content-6 .c2{padding:50px}}@media (max-width:550px){.content-6 .c2{padding:20px 15px}}.content-7 .row{min-height:100vh}.content-7 .c2{padding:20px 50px;display:-ms-flexbox;display:flex}@media (max-width:1000px){.content-7 .row{min-height:0}.content-7 .c2{padding:40px}}.tiles-1{min-height:66vw}.squares .col,.tiles-1 .bottom,.tiles-1 .top{min-height:33vw}@media (max-width:550px){.content-7 .c2{padding:20px 15px}.tiles-1 .bgimage{width:100%;height:90vw}}.video .c1{padding:0 50px}@media (max-width:1000px){.video .c1{padding:0 0 40px}}@media (max-width:550px){.video .c1{padding:0 0 20px}}.video .c2{display:-ms-flexbox;display:flex}.video-ratio{width:100%;padding-bottom:56.25%;position:relative}.video-iframe{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.play{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#000;background:rgba(255,255,255,.8);font-size:40px;transition:.2s}.play i{display:block}.play:hover{background:#fff}.squares{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0}.squares .col{border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;position:relative;overflow:hidden}@media (max-width:1000px){.squares .col{min-height:50vw;padding:20px 40px}}@media (max-width:550px){.squares .col{min-height:0;padding:20px 15px}}.squares .col .content{position:absolute;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;flex-direction:column;-ms-flex-pack:center;padding:20px 50px}.squares .col .on{background:#000;color:#fff;transition:.7s;transform:translateY(110%)}@media (max-width:550px){.squares .col .content{display:block;position:static;padding:20px 15px}.squares .col .off{display:none}.squares .col .on{transform:translateY(0);background:#fff;color:#000;transition:0}}.squares .col:hover .on{transform:translateY(0)}