@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap);*{margin:0;padding:0;box-sizing:border-box;touch-action:pan-y!important}body{text-align:center;overflow-x:hidden}body.stop-scroll{height:100vh;overflow-y:hidden;position:fixed}a{text-decoration:none;color:inherit}section{overflow:hidden}.container{padding:0 60px}@media (max-width:1024px){.container{padding:0 15px}}.bg-light{background:url(../images/bg-light.jpg) 50%;background-repeat:no-repeat;background-size:cover}.bg-dark{background:url(../images/bg-dark.jpg) 50%;background-repeat:no-repeat;background-size:cover}*{font-family:Roboto}.arrow-down{animation:scroll 2s infinite}.arrow-down.light svg path{stroke:#fff}.arrow-down.no-margin{margin:0;padding:50px 0}.header{width:100%;height:85px;background-color:#0232a3}.header__content{height:100%;padding:0 15px;max-width:1240px;margin:0 auto;text-align:left;display:flex;align-items:center;justify-content:space-between}.header__content ul{display:flex}.header__content ul li{color:#fff;padding-left:2em;list-style:none}.header__content.desktop-header{justify-content:flex-start}.header__hamburger-button{width:28px;height:28px;margin-left:30px;cursor:pointer}.header__hamburger-button span{display:block;height:5px;background-color:#fff;margin-bottom:6px;transition:transform .4s ease(custom,fluid),opacity .2s ease(custom,fluid)}.header__hamburger-button span:first-of-type{transform-origin:top right}.header__hamburger-button span:last-of-type{transform-origin:bottom right}.header__hamburger-button svg{stroke:#fff}.header__hamburger-button #hamburger-open{display:none}.header__mobile-menu{position:absolute;width:100%;background:#fff;height:100vh;z-index:200;display:none}.header__mobile-menu li{padding:1.3em;font-size:1.2em;border-bottom:1px solid #c9c9c9;text-align:left}.hero{display:flex;min-height:550px;color:#fff;text-align:left;overflow:hidden}.hero__left{width:40%;background:linear-gradient(90deg,#207dd1,#082446)}.hero__title{width:100%;max-width:520px;font-weight:200;font-size:52px;margin:3vw auto 52px;padding:0 16px;position:relative}.hero__title:after{content:"";position:absolute;bottom:-20px;left:-70px;width:331px;height:4px;background:linear-gradient(90deg,#7b644a 22.81%,#d9b074 64.05%)}.hero__description{font-size:18px;line-height:1.5;font-weight:400;width:100%;max-width:520px;margin:0 auto 26px;padding:0 16px}.hero__button-container{max-width:520px;margin:0 auto 62px;padding:0 16px}.hero__button{border:2px solid #fff;border-radius:4px;padding:16px 86px;font-size:18px;text-transform:uppercase;display:inline-block;font-weight:500}.hero__right{width:60%}.hero__image{width:100%;height:100%;background:no-repeat 50%/cover}.hero__slider-holder{max-width:590px;margin:0 auto;display:flex;align-items:center}.hero__slide{cursor:pointer}.hero__slide img{max-width:100%;-o-object-fit:cover;object-fit:cover}.hero__nav-btn{height:52px;width:62px;margin:0 15px;cursor:pointer}.hero__nav-btn svg{height:100%;width:100%}.hero__nav-btn.swiper-button-disabled{opacity:.6;pointer-events:none}.slick-slide img{max-width:100%}.slick-arrow.slick-hidden{display:block!important}.swiper-slide{padding:10px}.slick-wrapper{width:80%;max-width:520px;margin:0 auto;position:relative}.slick-wrapper .hero__nav-next{position:absolute;left:100%;margin:auto;top:0;bottom:0}.slick-wrapper .hero__nav-prev{position:absolute;right:100%;margin:auto;top:0;bottom:0}@media (max-width:1480px){.hero{height:43vw}.hero__left,.hero__right{width:50%!important}.hero__slide img{height:100px}}@media (max-width:1024px){.hero{flex-direction:column;height:auto;min-height:auto}.hero__left,.hero__right{width:100%!important}.hero__right{display:none}.hero__slider-holder{padding-bottom:30px}.hero__image{height:350px}}@media (max-width:600px){.hero__title{margin-top:25px;font-size:34px;margin-bottom:1em}.hero__button-container{margin-top:1em;margin-bottom:1em}.hero__description{font-size:17px}.hero__slide img{height:auto}}.scroll-down{padding:80px 0 60px;text-align:center}.scroll-down__top{font-weight:700;font-size:28px;text-transform:uppercase}.scroll-down__bottom{font-size:28px;font-weight:300;margin-bottom:25px}.scroll-down.mobile{padding-top:1em}.plain-text{padding:46px 0 80px}.plain-text__description{font-size:28px;max-width:540px;margin:0 auto 46px;font-weight:300}.plain-text.mobile{padding-top:.5em}@media (max-width:600px){.plain-text__description{font-size:22px;padding:0 15px}}.walk-with{padding-bottom:72px}.walk-with__image img{max-width:100%;width:100%}.walk-with__image-author{max-width:340px;margin-left:auto;text-align:right;font-size:16px;color:#797979}.walk-with__label{font-size:68px;text-align:center;font-weight:700}.walk-with__header{margin-bottom:48px;margin-top:2em}.walk-with__header img{max-width:680px;width:100%}.walk-with__description{font-size:28px;font-weight:300;max-width:600px;margin:0 auto 42px}.quote{padding:48px 0 100px}.quote__description{font-size:28px;font-weight:300;text-align:left;max-width:580px;margin:100px auto 20px;position:relative}.quote__description:before{content:"";top:-19px;left:-51px;position:absolute;width:60px;height:50px;background-image:url(../images/COMMAS\ BLACK.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.quote__author{max-width:580px;margin:0 auto;text-align:right;text-transform:uppercase;font-size:17px;position:relative;display:flex;align-items:center;justify-content:flex-end}.quote__author svg{cursor:pointer;width:43px;height:43px;margin-left:19px}.quote__bottom-arrow{margin-top:65px}.quote.dark{color:#fff}.quote.dark .quote__description:before{background-image:url(../images/COMMAS\ WHITE.png)}.quote.dark .quote__author svg path:first-of-type{stroke:#fff}.quote.dark .quote__author svg path:last-of-type{fill:#fff}@media (max-width:600px){.quote__description{padding:0 50px;font-size:22px}.quote__description:before{left:0}}.video__youtube{width:100%;max-width:850px;margin:0 auto 60px}.video__top-arrow{margin:50px 0}.video__arrow{margin-bottom:54px}.video__iframe-container{position:relative;padding-bottom:56.25%;height:0}.video__iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.map{display:flex;height:33vw}.map.map-construction-court .point-hillbrow-2{width:19%;right:12%;top:28%}.map.map-construction-court .point-con-court{width:47%;left:27%;top:51%}.map.map-construction-court .map__right-path{position:absolute;left:19%;bottom:-18%;width:68%;height:100%;stroke-dasharray:3150;stroke-dashoffset:3150}.map.map-wits-art .point-wits{width:31%;bottom:31%;left:12%}.map.map-wits-art .point-con-court{width:42%;right:9%;top:16%}.map.map-wits-art .map__right-path{position:absolute;right:2%;top:-12%;width:53%;height:100%;stroke-dasharray:3500;stroke-dashoffset:3500}.map.map-queen-elizabeth .point-queen{width:50%;top:66%;right:33%}.map.map-queen-elizabeth .point-wam{width:39%;top:22%;right:54%}.map.map-queen-elizabeth .map__right-path{position:absolute;left:48%;top:-8%;width:52%;height:80%;stroke-dasharray:4158;stroke-dashoffset:3150}.map.map-kippies-jaz .point-kippies{width:33%;top:68%;right:63%}.map.map-kippies-jaz .point-queen{width:42%;top:25%;right:24%}.map.map-kippies-jaz .map__right-path{position:absolute;right:2%;top:-4%;width:75%;height:78%;stroke-dasharray:3780;stroke-dashoffset:3150}.map.map-mary-fitzgerald .point-mary{width:48%;top:67%;right:46%}.map.map-mary-fitzgerald .point-kippies{width:36%;top:44%;right:25%}.map.map-mary-fitzgerald .map__right-path{position:absolute;right:-10%;top:18%;width:65%;height:79%;stroke-dasharray:3465;stroke-dashoffset:3150}.map.map-fordsburg .point-fordsburg-2{width:30%;top:61%;left:5%}.map.map-fordsburg .point-mary{width:54%;top:34%;left:26%}.map.map-fordsburg .map__right-path{position:absolute;right:0;top:30%;width:66%;height:38%;stroke-dasharray:3465;stroke-dashoffset:3150}.map__left,.map__right{background:no-repeat 50%/cover}.map__left.width-30,.map__right.width-30{width:30%}.map__left.width-40,.map__right.width-40{width:40%}.map__left.width-50,.map__right.width-50{width:50%}.map__left.width-60,.map__right.width-60{width:60%}.map__left.width-70,.map__right.width-70{width:70%}.map__right{position:relative}.map .point{position:absolute}.map .point img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.map-full .map__right-path{position:absolute;left:27%;width:41%;height:100%;stroke-dasharray:3150;stroke-dashoffset:3150}.map-full .point-fordsburg{width:13%;bottom:3%;left:15%}.map-full .point-hillbrow{width:13%;left:56%;bottom:91%}@media (min-width:1024px){.map.map-kippies-jaz{height:43vw}}@media (max-width:1024px){.map{flex-direction:column;height:auto}.map__left,.map__right{height:55vh;width:100%!important}.map__right{height:45vh}.map__mobile-full{height:calc(100vh - 100vw)}.map__mobile-full.full-height{height:calc(100vh - 70vw)}.map__mobile-scale{height:70vw;overflow:hidden}.map.map-full .map__left,.map.map-kippies-jaz .map__left{background-position-y:top}.map-full .map__right-path{left:16%;width:61%}.map.map-wits-art .map__right-path{right:-10%;top:none;width:66%}.map.map-wits-art .point-con-court{right:1%}.map.map-queen-elizabeth .map__right-path{left:41%}}@media (max-width:1024px){.map-full .point-fordsburg{width:15%;bottom:4%;left:2%}.map-full .point-hillbrow{width:15%;left:63%}}.about{display:grid;grid-template-columns:1fr 1fr}.about__left{height:100%;background-image:url(../images/about-image.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.about__right{background:linear-gradient(180deg,#cfa76f,#947755);padding:50px 150px;color:#fff;text-align:left;height:100%;display:flex;flex-direction:column;justify-content:center}.about__right h1{font-size:36px;margin-bottom:20px}.about__right p{line-height:1.4;font-size:18px;font-weight:300;margin-bottom:20px;text-align:justify}@media (max-width:1480px){.about__right{padding:50px 75px}}@media (max-width:1200px){.about__right{padding:50px 30px}}@media (max-width:835px){.about{grid-template-columns:1fr}.about__left,.about__right{width:100%;height:auto}.about__left{height:400px;background-position-y:top}.about__right{padding-bottom:30px}}.more{padding:100px 0;text-align:left}.more__content{max-width:1240px;margin:0 auto;padding:0 15px}.more__title{text-transform:uppercase;font-size:24px;margin-bottom:15px;letter-spacing:.8px}.more__items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.more__item{background:#fff;box-shadow:0 3px 9px 1px hsla(0,0%,54.1%,.29);border-radius:8px;overflow:hidden;color:#7b8391}.more__item:hover img{transform:scale(1.1)}.more__item__image-holder{height:200px;overflow:hidden}.more__item__image-holder img{width:100%;height:100%;transition:transform .25s ease-in-out}.more__item__content{padding:30px;height:300px;display:flex;flex-direction:column;justify-content:space-between}.more__item__content h2{font-weight:300;font-size:32px;margin-bottom:20px;line-height:1.2}.more__item__content p{line-height:1.4}.more__item__content a{color:#1e85fe;font-weight:500}@media (max-width:1024px){.more__title{max-width:550px;margin-left:auto;margin-right:auto}.more__items{grid-template-columns:1fr;justify-content:center}.more__item{max-width:550px;margin:0 auto}}.split-column{display:flex;align-items:center;justify-content:space-between;height:550px}.split-column__left{height:100%;background:linear-gradient(180deg,#cfa76f,#947755);padding:100px 150px;color:#fff;text-align:left;box-sizing:border-box;width:40%;display:flex;flex-direction:column;justify-content:center}.split-column__left h1{font-size:44px;margin-bottom:15px}.split-column__left p{font-size:22px;line-height:1.4}.split-column__right{height:100%;width:60%}.full-image,.split-column__right{background-size:cover;background-position:50%;background-repeat:no-repeat}.full-image{height:600px;width:100%}@media (max-width:1240px){.split-column__left{padding:66px}}@media (max-width:1240px){.split-column{flex-wrap:wrap;height:auto}.split-column__right{height:350px;width:100%}.split-column__left{width:100%}.full-image{height:350px}}.footer{display:flex;justify-content:space-between;text-align:left;flex-wrap:wrap}.footer__left,.footer__right{width:50%;padding:35px 0}.footer__left{background:linear-gradient(150.97deg,#042f9f,#1a51d2 66.68%)}.footer__left-area{max-width:600px;margin-left:auto;color:#fff;font-weight:300;margin-bottom:30px;padding:0 15px}.footer__left-area h3{font-weight:300;margin-bottom:20px;font-size:28px}.footer__left-link{display:flex;align-items:center;margin-bottom:10px}.footer__left-link__text{width:167px;text-transform:uppercase;font-size:14px;letter-spacing:.8px;font-weight:500}.footer__left-link a{font-size:26px}.footer__left-bottom-link{font-weight:700;font-size:15px;margin-bottom:12px;display:block}.footer__right{padding-left:25px}.footer__right-area{max-width:540px;margin-right:auto;font-weight:300;margin-bottom:30px;color:#848589}.footer__right-area:last-of-type{margin-bottom:0}.footer__right-area h3{font-weight:300;margin-bottom:20px;font-size:28px}.footer__right-area p{margin-bottom:12px}.footer__right-link{font-weight:700;font-size:15px;margin-bottom:12px;display:block;color:#1e85fe}.footer__button{color:#fff;background:#1e85fe;padding:14px;width:250px;text-transform:uppercase;font-weight:600;letter-spacing:.8px;font-size:14px;display:block;text-align:center;transition:opacity .25s ease-in-out}.footer__button:hover{opacity:.8}.footer-bottom{text-align:left}.footer-bottom__light{background:#f8f8f8}.footer-bottom__light__content{display:flex;align-items:center;padding:20px 15px;max-width:1200px;margin:0 auto}.footer-bottom__light h2{font-size:34px;font-weight:300;margin-right:40px;color:#848589}.footer-bottom__light img{max-width:200px;-o-object-fit:contain;object-fit:contain}.footer-bottom__light .google-play{position:relative;display:flex;align-items:center;padding-right:25px;margin-right:25px}.footer-bottom__dark{background:#082140;color:#fff}.footer-bottom__dark .col-1{width:85%}.footer-bottom__dark__content{display:flex;align-items:center;padding:20px 15px;max-width:1200px;margin:0 auto}.footer-bottom__dark__content a{margin-right:15px;font-weight:200}.footer-bottom__dark__content p{margin-top:10px;line-height:1.4;max-width:85%;font-weight:200}.footer-bottom__dark img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.footer-bottom__dark img.linkedin-logo{filter:invert(1)}.footer-bottom__dark__social{display:flex;align-items:center}@media (max-width:1024px){.footer__left,.footer__right{width:100%;padding:35px 0}.footer__left-area,.footer__right-area{max-width:570px;margin:0 auto 30px;padding:0 15px}.footer__left-link a{font-size:22px}.footer-bottom__dark__content,.footer-bottom__light__content{flex-direction:column}.footer-bottom__dark__content .google-play,.footer-bottom__dark__content h2,.footer-bottom__dark__content img,.footer-bottom__light__content .google-play,.footer-bottom__light__content h2,.footer-bottom__light__content img{margin:0;max-width:150px;padding:0}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;padding:35px 45px;z-index:-1;opacity:0;pointer-events:none;transition:z-index .25s ease-in-out,opacity .25s ease-in-out}.overlay-opener{position:absolute;z-index:100;width:150px;inset:0;margin:auto;cursor:pointer;display:none;animation:pulse 2s infinite}.overlay-opener.active{display:block}.overlay.active{opacity:1;z-index:100;pointer-events:all}.overlay__back{height:52px;width:32px;cursor:pointer}.overlay__back svg{height:100%;width:100%}.overlay__content{text-align:left;margin-top:30px;padding:0 70px;display:flex;justify-content:space-between;align-items:center}.overlay__image{height:80vh;width:62%;background-size:contain;background-position:50%;background-repeat:no-repeat}.overlay__text{width:38%;padding:10px 45px}.overlay__text h2{font-weight:300;font-size:30px}.overlay__text h2 i{font-weight:600}.overlay__text h2:last-of-type{margin-bottom:15px}.overlay__text p{font-size:17px;line-height:1.3;margin-bottom:10px}.overlay--saxophone .overlay__image{width:55%;background-position-x:right}.overlay--saxophone .overlay__text{width:45%}.overlay--bag-factory .overlay__image,.overlay--bag-factory .overlay__text{width:50%}@media (max-width:1024px){.overlay__content{flex-direction:column;padding:0 20px;max-width:650px;margin:30px auto 0}.overlay__image{height:50vh;width:100%!important;background-position-y:top;background-position-x:left!important}.overlay__text{width:100%!important;padding:10px 0}}@media (max-width:768px){.overlay{padding:21px 30px;overflow:scroll}.overlay-opener{max-width:100px}.overlay__back{height:35px;width:30px}.overlay__content{margin-top:18px;padding:0}.overlay__image{height:33vh;width:100%}.overlay__text{width:100%;padding:10px 0}}.overlay-arrow.active{display:block}.overlay-arrow{position:absolute;margin:auto;left:0;right:0;bottom:10em;display:none;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}.canvas-section{position:relative;background-color:#cacaca}.canvas-section canvas{width:100%;height:100%}.canvas-section__title{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);height:3vw;z-index:10;max-width:100%}.canvas-section__title.title-big{height:5vw}.canvas-section .canvas-model{height:100vh}@media (max-width:1024px){.canvas-section__title{height:60px}.canvas-section .canvas-model{height:100vh}}@media (max-width:675px){.canvas-section__title{height:35px}.canvas-section__title.title-big{height:50px}}.loader{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#f3f4f6;position:fixed;top:0;left:0;z-index:200;opacity:1}.loader__icons-wrapper{position:relative;width:115px;height:115px}.loader__circle{width:100%;height:100%;border:2px solid #005ca4;border-top-color:#f3f4f6;position:absolute;top:0;left:0;border-radius:50%;animation:rotating 1s linear infinite}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#fff;display:flex;justify-content:center;align-items:center;z-index:-1;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out,z-index .25s ease-in-out}.hero-overlay.open{z-index:100;opacity:1;pointer-events:all}.hero-overlay img{max-height:75vh;max-width:80%;-o-object-fit:contain;object-fit:contain}.hero-overlay__back{height:52px;width:32px;cursor:pointer;position:absolute;top:40px;left:40px;z-index:101}.hero-overlay__back svg{height:100%;width:100%}@media (max-width:768px){.hero-overlay__back{height:35px;width:25px;top:30px;left:30px}.hero-overlay img{max-height:80vh;max-width:90%;-o-object-fit:contain;object-fit:contain}}.mobile-navigation{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background-color:#00a1e0;color:#fff;position:relative}.mobile-navigation svg line{stroke:#fff}.mobile-navigation__dot{margin:0 5px}.mobile-navigation__dot img{max-width:12px}.mobile-navigation__arrow{display:flex;align-items:center}.mobile-navigation__arrow p{font-size:14px;margin:0 10px}.mobile-navigation__arrow img{max-height:40px}.mobile-navigation__arrow.right:not(.disabled){animation:pulse 1.5s infinite}.mobile-navigation__arrow.disabled{display:flex;align-items:center}.mobile-navigation__arrow.disabled line{stroke:#0436a4}.mobile-navigation__arrow.disabled p{visibility:hidden;color:#0436a4}.mobile-navigation__arrow.disabled img,.mobile-navigation__arrow.disabled svg{visibility:hidden}@keyframes pulse{0%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(.95)}}.back-arrow{position:relative;padding:2em}.back-arrow__arrow{display:flex;align-items:center}.back-arrow img{width:20px}.back-arrow p{font-size:20px;color:#fff;margin-left:.5em}.back-arrow p.black-text{color:#000}.cookie-banner{position:relative;top:0;left:0;right:0;background-color:#f3f3f4;padding:1rem 10%;z-index:199;text-align:left;line-height:1.5rem;color:#8c94a3;font-weight:400;transition:all .3s ease-in-out}.cookie-banner__button{position:absolute;top:1em;right:5em;cursor:pointer}.cookie-banner a{color:#8c94a3;text-decoration:none}@media (max-width:765px){.cookie-banner__button{top:1em;right:1em}}.ambient{position:absolute;bottom:2em;right:2em;width:50px;background-color:#fff;border-radius:100px;padding:5px}