@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,600;0,800;1,300;1,500;1,900&display=swap');

@font-face {
    font-family: 'futurablack';
    src: url('../includes/fonts/futura_extra_black_font-webfont.woff2') format('woff2'),
         url('../includes/fonts/futura_extra_black_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuralight';
    src: url('../includes/fonts/futura_light_bt-webfont.woff2') format('woff2'),
         url('../includes/fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramedium';
    src: url('../includes/fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../includes/fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important; }

* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100vh; margin:0; top:0; padding:0; font-family:'Montserrat', sans-serif; font-size:1em !important; font-weight:300; line-height:1.6em; letter-spacing:0em; }

body { width:100%; height:100vh; margin:0; top:0 !important; overflow:hidden;
   
--color-text: #191919;
--color-text-white: #fff;
--color-text-lightgrey: #f3f3f3;
--color-text-grey: #666;
--color-text-coloured: #e62875;
    
--color-bg: #f3f3f3;
--color-bg-dark: #191919;
--color-bg-alert: #e62875;
--color-bg-overlay: #e62875;
--color-bg-loader: #e62875;
--color-bg-coloured: #e62875;
    
--color-link: #191919;
--color-link-white: #fff;
--color-link-hover: #e62875;
--color-link-alt-hover: #e62875;
    
--color-menu: #191919;
--color-menu-hover: #e62875;
--color-menu-current: #e62875;
--color-menu-white: #fff;
    
--color-menuoverlay: #f3f3f3;
--color-menuoverlay-hover: #191919;
--color-menuoverlay-current: #191919;

--color-footer: #f3f3f3;
--color-footer-hover: #e62875;
    
color: var(--color-text);
background-color: var(--color-bg);
	
-ms-overflow-x: hidden;
    overflow-x: hidden;
    
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;

-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
font-smoothing:antialiased;

text-rendering:optimizeLegibility !important;

-webkit-font-smoothing:subpixel-antialiased;
-moz-font-smoothing:subpixel-antialiased;
-o-font-smoothing:subpixel-antialiased;
-ms-font-smoothing:subpixel-antialiased;
font-smoothing:subpixel-antialiased;
    
-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important;
	
-moz-osx-font-smoothing: grayscale;
}

::selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Safari */	}
::-moz-selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Firefox */ }

img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
a, img { border:0; text-decoration:none; outline:none; }

@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealBack {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealTop {
  from {
    clip-path: inset(0 0 100% 0); opacity:0;
  }
  to {
    clip-path: inset(0 0 0 0); opacity:1;
  }
}

.noScroll { overflow:hidden; }
.noVertScroll { overflow-y:hidden; }

/* COOKIES */
.cookies_alert { position:fixed; display:flex; justify-content:center; alig-items:center; width:480px; min-height:200px; height:auto; bottom:30px; margin:0 auto; left:30px; background:var(--color-bg-coloured); z-index:99999999;
	
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.cookies_content { position:relative; width:100%; min-height:170px; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:35px; text-align:left; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .icon { flex:0 0 60px; margin:0 10px; }
.cookies_content .icon img { max-width:60px; }
.cookies_content .text { flex:1; font-size:.7em; font-weight:500; line-height:1.4em; color:var(--color-text-white); padding:0 20px; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .text .btns { margin-top:20px; }
.cookies_content .text .btns a { position:relative; width:auto; height:25px; line-height:25px; color:var(--color-text-white); padding:5px 10px; margin:0 5px 0 0; border:1px solid var(--color-text-white); background:transparent; font-weight:500; text-align:center; cursor:pointer; -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}
.cookies_content .text .btns a:last-child { margin:0; }
.cookies_content .text .btns a:hover { color:var(--color-text-coloured); background:var(--color-text-white);

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}

.showCookies { visibility:visible; opacity:1;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.hideCookies { visibility:hidden; opacity:0;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* WARNING */
.warning {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/warning.jpg) center center; background-size: cover;
  z-index: 99999999999999;
  display: none;
}

/* PRELOADER */
.c-loader { position:fixed; width:100vw; height:100vh; min-height:100%; background-color:var(--color-bg-loader); flex-direction:column; top:0; left:0; visibility:visible; overflow:hidden; opacity:1; pointer-events:none; cursor:none; z-index:99999999; }
.c-loader__mask { position:absolute; display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; background:var(--color-bgloader); overflow:hidden; pointer-events:none; z-index:9999999; }
.c-loader__inner { position:relative; width:100vw; height:100vh; background-color:var(--color-bgloader); pointer-events:none; }
.c-loader__logo { position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; }
.c-loader__logo img { width:50%; border:none; outline:none; margin:0; padding:0; }

/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth { overflow: hidden; }
html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body { overflow: hidden; }
.has-scroll-smooth [data-scroll-container] { min-height: 100vh; }

/* SCROLLBARS */
.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}
.c-scrollbar:hover {
    transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* BACK TO TOP */
#back-to-top { position:fixed; font-size:1.2em; bottom:60px; right:60px; width:60px; height:60px; text-align:center; line-height:58px; background:transparent; color:var(--color-text-coloured); cursor:pointer; text-decoration:none; opacity:0; visibility:hidden; z-index:9999; border:4px solid var(--color-text-coloured); -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top:hover { background:transparent; border:4px solid var(--color-text); color:var(--color-text);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top.show { visibility:visible; opacity:1; }

/* HEADER */
/* HAMBURGER */
.hamburger { position:fixed; display:flex; flex-direction:column; justify-content:center; align-itemns:center; width:50px; height:50px; top:80px; right:100px; margin:0; cursor:pointer; opacity:1; visibility:visible; z-index:2; mix-blend-mode:difference;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#nav-toggle { width:100%; height:auto; background-color:transparent; padding:0; text-align:center;

-webkit-transition:all 0.3s ease-in-out 0.2s;
-moz-transition:all 0.3s ease-in-out 0.2s;
-o-transition:all 0.3s ease-in-out 0.2s;
transition:all 0.3s ease-in-out 0.2s;
}
.hamburger #nav-toggle span { position:relative; display:block; content:''; height:1px; margin:0; padding:0; text-align:center; background:var(--color-menu-white); }

#nav-toggle span:first-child { width:50px; top:-5px; }
#nav-toggle span:last-child { width:50px; bottom:-5px; }
#nav-toggle.active span:first-child { width:50px; top:-9px; }
#nav-toggle.active span:last-child { width:50px; bottom:-9px; }
#nav-toggle span, #nav-toggle span:first-child, #nav-toggle span:last-child {

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.hamburger:hover #nav-toggle span:first-child { width:50px; top:-9px; }
.hamburger:hover #nav-toggle span:last-child { width:50px; bottom:-9px; }

/* HEADER LOGO */
.headerlogo { position:fixed; width:200px; height:50px; top:80px; margin:0 0 0 100px; background:url(/images/logo.svg) center left no-repeat; background-size:100%; visibility:visible; opacity:1; cursor:pointer; z-index:2;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.headerlogo:hover { opacity:.6;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* HEADER SOCIAL */
.headersocial { position:fixed; display:flex; justify-content:flex-end; align-items:center; gap:20px; width:auto; height:50px; top:80px; right:0px; margin:0 310px 0 0; /*margin:0 370px 0 0;*/ z-index:2; mix-blend-mode:difference; }

a.socialHeader { display:inline-block; font-size:1.3em; color:var(--color-link-white);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

a.socialHeader:hover { color:var(--color-link-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* BOX TOOLS */
.boxTools { position:fixed; display:flex; justify-content:flex-end; align-items:center; width:auto; height:50px; top:80px; right:0px; margin:0 180px 0 0; font-size:.8em; font-weight:500; letter-spacing:.1em; color:var(--color-text-white); text-transform:uppercase; text-align:center; -webkit-font-smoothing: antialiased; z-index:2; }

.btnTools_login { font-size:1em; font-weight:700; letter-spacing:-.02em; width:100px; height:40px; line-height:40px; margin:0; text-transform:lowercase; text-align:center; background:var(--color-text-coloured); color:var(--color-text);
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_register { font-size:1em; font-weight:700; letter-spacing:-.02em; width:100px; height:40px; line-height:40px; margin:0; text-transform:lowercase; text-align:center; background:var(--color-text-coloured); color:var(--color-text-white);
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_login:hover,
.btnTools_register:hover { color:var(--color-link-hover); background:var(--color-link);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.btnTools_register span { animation: blinker 1s ease-in-out infinite; }

@keyframes blinker {
  50% {
    opacity: .5;
  }
}

.btnTools_login i,
.btnTools_register i { margin-right:5px; }

/* NAVIGATION */
/* OVERLAY NAV */
.overlay-menu { display:none; position:fixed; width:100%; height:100vh; left:0; top:0; margin:0; text-align:left; background:rgba(230, 40, 117, .9); opacity:0; cursor:url('../images/icon_close.png'), auto; pointer-events:none; visibility:hidden; z-index:9999999;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-webkit-transition: all 1200ms cubic-bezier(.9,0,.1,1);
-moz-transition: all 1200ms cubic-bezier(.9,0,.1,1);
-o-transition: all 1200ms cubic-bezier(.9,0,.1,1);
transition: all 1200ms cubic-bezier(.9,0,.1,1);
}
.overlay-open { opacity:1; visibility:visible;
    
-webkit-transition: all 1200ms cubic-bezier(.9,0,.1,1);
-moz-transition: all 1200ms cubic-bezier(.9,0,.1,1);
-o-transition: all 1200ms cubic-bezier(.9,0,.1,1);
transition: all 1200ms cubic-bezier(.9,0,.1,1);
}

.contentOverlay { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100vh; margin:0 auto; padding:40px; cursor:default; pointer-events:auto;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.overlayLogo { width:300px; height:32px; margin:0 auto; text-align:center; background:url('/images/logo_noborder_white.svg') no-repeat center center; background-size:80%; opacity:.8;

clip-path:inset(0 0 100% 0); animation: revealTop .4s forwards .2s;
}

.navigationMobile { width:auto; list-style:none; margin:40px auto 0 auto; }
.navigationMobile li { width:100%; text-align:center; opacity:1; visibility:visible; }

.navigationMobile li:nth-child(1) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .4s; }
.navigationMobile li:nth-child(2) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .5s; }
.navigationMobile li:nth-child(3) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .6s; }
.navigationMobile li:nth-child(4) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .7s; }
.navigationMobile li:nth-child(5) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .8s; }
.navigationMobile li:nth-child(6) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards .91s; }
.navigationMobile li:nth-child(7) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1s; }
.navigationMobile li:nth-child(8) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.1s; }
.navigationMobile li:nth-child(9) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.2s; }
.navigationMobile li:nth-child(10) { clip-path:inset(0 0 100% 0); animation: revealTop .2s forwards 1.3s; }

.navigationMobile li a { font-family: 'futurablack'; font-style:normal; font-size:2em; line-height:1.2em; margin:0; color:var(--color-menuoverlay); text-transform:uppercase; -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.navigationMobile li a:hover { margin-left:0; color:var(--color-menuoverlay-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.navigationMobile li a.current { color:var(--color-menuoverlay-current);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.current { color:var(--color-menuoverlay-current);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.overlaySocial { width:100%; margin:40px auto 0 auto; opacity:1; visibility:visible; text-align:center;
clip-path:inset(0 0 100% 0); animation: revealTop .4s forwards 1.7s;
}
.overlaySocial a { font-size:1.4em; line-height:1em; color:var(--color-menuoverlay); text-transform:lowercase; -webkit-font-smoothing: antialiased;
	
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.overlaySocial a:hover { color:var(--color-menuoverlay-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.overlaySocial a { margin-right:25px; }
.overlaySocial a:last-child { margin-right:0; }

/* SLIDES */
.section { position:relative; width:100%; height:auto; top:0; padding:0; text-align:center; }

main { position:relative; }

/* SECTION */
#homepage { width:100%; height:100vh; top:0; margin:0 auto; overflow:hidden; background-color:var(--color-bg); }
#claim { width:100%; height:100vh; top:0; margin:0 auto; padding:0; background-color:var(--color-bg-dark); }
#about { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0; background-color:var(--color-bg); }
#video { width:80%; height:480px; height:auto; margin:0 auto 80px auto; padding:0; background-color:var(--color-bg); }
#goals { display:flex; align-items:center; width:100%; height:240px; padding:0; margin:80px auto; overflow:hidden; background-color:var(--color-bg); }
#live { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0; background-color:var(--color-bg); }
#djsdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#djs { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#events { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#tutorsdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#artdirector { width:100%; height:auto; top:0; margin:0 auto; padding:140px 0 50px 0; overflow:hidden; background-color:var(--color-bg-dark); }
#tutors { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg-dark); }
#how { width:100%; min-height:100vh; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background-color:var(--color-bg); }
#news { width:100%; height:auto; top:0; margin:80px auto; padding:120px 0; background-color:var(--color-bg-dark); }
#participate { width:80%; height:480px; height:auto; padding:0; margin:160px auto 120px auto; background-color:var(--color-bg); }
#partners { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0; background-color:var(--color-bg); }
#reviews { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:120px 0 80px 0; background-color:var(--color-bg-dark);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#bottom { width:100%; height:200px; margin:0 auto; text-align:center; overflow:hidden; background:var(--color-bg-dark); }

/* COMMON */
.center { text-align:center; }
.light { font-family:'futuralight'; }
.medium { font-family:'futuramedium'; }
.strong { font-family:'futurablack'; }
strong, b { font-weight:800; }
.italic { font-style:italic; }
.alternative { color:var(--color-text-coloured); }
.bigger { font-size:1.2em; }

.clipPath { clip-path:inset(0 0 0 100%); }
.clipPathTop { clip-path:inset(0 0 100% 0); }

.showItem { clip-path:inset(0 100% 0 0); animation: reveal 1s forwards .2s; }
.showItemTop { clip-path:inset(0 0 100% 0); animation: revealTop 1s forwards .2s; }

.bwFilter {
	
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.scroll-container { top:0; }

/* HOMEPAGE */
.container { position:relative; width:70%; height:auto; margin:0 auto; padding:0; top:50%; overflow:hidden; z-index:4;

font-family: 'futuralight'; font-size:3.4em; font-weight:300; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
-webkit-font-smoothing: antialiased;

-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.container img { width:60%; }

.container .div#line1,
.container .div#line2 { display:none; }

.container .sentence { min-height:100px; height:auto; }

.container #countdown { display:none; margin:40px 0 0 0; }
.container #countdown ul { display:flex; justify-content:center; align-items:center; gap:80px; }
.container #countdown li { font-family:'futuralight'; display:inline-block; font-size:.4em; list-style-type:none; padding:0; text-transform:uppercase; color:#fec455; }
.container #countdown li span { font-family:'futurablack'; display:block; font-size:4em; }

/* Scroll down circle 
====================== */
.scroll-down-circle { position:absolute; display:block;	bottom:-20px; width:200px; height:200px; left:50%; margin:0 0 0 -100px; opacity:1; visibility:inherit; cursor:none; z-index:3; }

/* Scroll down circle icon */
.scroll-down-circle .sdc-icon { position:absolute; display:block; left:50%;	top:50%; font-size:16px; color:var(--color-text-white); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; }

/* Scroll down circle svg */
.scroll-down-circle svg { width:100%; animation:sdc-rotation 8s infinite linear; }
.scroll-down-circle rect { fill:var(--color-text-white); }
.scroll-down-circle text { font-size:1.5em;	font-weight:400; text-transform:uppercase; letter-spacing:30px; fill:var(--color-text-white); transition:fill .2s; -webkit-font-smoothing: antialiased; }
.scroll-down-circle:hover text { fill:var(--color-text-white); }

/* Scroll down circle animation */
@keyframes sdc-rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, .3); z-index:2; }

.bgvideo { position:absolute; top:50%; left:50%; min-width:100%; min-height:100vh; width:auto; height:auto; overflow:hidden; z-index:1;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.video-responsive {
    position:absolute; display:block; width:100%; overflow:hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
	background: url(../public/bgvideo/bg.jpg) center center no-repeat;
    background-size: cover;
	z-index:1;
}

/* CLAIM */
.claimContainer { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
.claimTxt { font-family:'futuralight'; font-size:4em; line-height:1em; color:var(--color-text-white); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
.claimTxt span { padding:0 5px; }

/* ABOUT US */
.abClmn { width:60%; margin:0 auto; }
.aboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto 40px auto; font-size:2.8em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase; 
-webkit-font-smoothing: antialiased;
}
.aboutTxt { width:100%; font-size:1em; line-height:2em; color:var(--color-text); text-align:center; margin:0 auto; -webkit-font-smoothing: antialiased; }

.abClmn .clmn { display:table; width:100%; vertical-align:middle; -webkit-font-smoothing: antialiased; }
.abClmn .clmn.box { width:100%; margin:0 auto; }
.abClmn .clmn.box a { color:var(--color-link);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.abClmn .clmn.box a:hover { color:var(--color-link-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.clmn strong { font-weight:800; }

.aboutBtn { display:none; /*display:inline-block;*/ margin:40px auto 0 auto; padding:20px 60px; border:1px solid var(--color-text-coloured);
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

a .aboutBtn { font-size:.8em; font-weight:700; line-height:1em; text-transform:uppercase; color:var(--color-text-white); background:var(--color-text-coloured); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a .aboutBtn:hover { color:var(--color-text-coloured); background:transparent; border:1px solid var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

a .aboutBtn .fas { margin-left:10px; }

/* VIDEO */
.thumb-container { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden; aspect-ratio:21/9; background:#000; }
.thumb-info { opacity:1; z-index:3; }
.thumb-desc { font-family: 'futuralight'; width:100%; margin:0 auto; padding:0; font-size:2em; color:var(--color-text-white); line-height:1em; text-align:center;
-webkit-font-smoothing: antialiased;

}
.thumb-icon { width:100px; height:100px; margin:20px auto 0 auto; left:50%; top:50%; background:url(/images/icon_play.svg) center center no-repeat; background-size:100%; overflow:hidden; opacity:1;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.thumb-icon:hover { opacity:.6;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.thumb-desc img { width:220px; height:30px; display:inline-block; margin:0 20px 5px 0; }
.thumb-image { position:absolute; width:100%; height:100%; opacity:.6; z-index:1; overflow:hidden; }
.thumb-image img { width:100%; object-fit:cover; }

/* GOALS */
.goalsContainer { display:flex; flex-direction:row; align-items:center; justify-content:center; width:80%; height:100%; margin:0 auto; }

.itemGoal { width:33.333333%; align-self:center; }
.itemGoalTitle { font-family:'futurablack'; font-size:6em; font-weight:900; text-transform:uppercase; margin-bottom:40px; color: var(--color-bg); background-color: var(--color-bg);
text-shadow: -1px -1px 0 var(--color-text-coloured), 1px -1px 0 var(--color-text-coloured), -1px 1px 0 var(--color-text-coloured), 1px 1px 0 var(--color-text-coloured);
-webkit-font-smoothing: antialiased
}
.itemGoalDesc { font-size:.8em; font-weight:400; letter-spacing:.05em; color:var(--color-text-coloured); text-transform:uppercase; -webkit-font-smoothing: antialiased }

/* DJS DIV */
.djsdivWrapper { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
.djsdivContainer { width:100%; height:100%; }
.djsdivBg { height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; }
.djsdivBg img { width:100%; object-fit:cover; }

.djsdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:2;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.djsdivTxt { display:inline; font-family:'futurablack'; font-size:3em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

background: var(--color-bg-coloured) none repeat scroll 0 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;

-webkit-font-smoothing: antialiased;
}

.djsdivTxt img { width:260px; }

/* DJS */
.djsContainer { width:80%; height:100%; margin:80px auto 0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:40; }

.djsInfo { /*word-wrap:break-word;*/ text-align:center; }

.djsName { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:center;
-webkit-font-smoothing: antialiased;
}
.djsImg { position:relative; width:240px; height:240px; margin:0 auto 40px auto; overflow:hidden;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.djsImg img { position:absolute; width:100%; height:100%; object-fit:cover; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.djsSocial { display:flex; justify-content:center; align-items:center; gap:20px; margin:20px 0 0 0; }
.djsIG a,
.djsSC a { font-size:1.3em; color:var(--color-text);
-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsIG a:hover,
.djsSC a:hover { color:var(--color-text-coloured);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsVotes { position:absolute; display:flex; justify-content:center; align-items:center; width:80px; height:80px; top:160px; font-family:'futurablack'; font-size:1.2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; background:var(--color-bg-coloured); z-index:10;
    
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsBtn { display:inline-block; margin:30px auto 20px auto; padding:15px 30px; border:1px solid var(--color-text-coloured);
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}

a .djsBtn { font-size:.8em; font-weight:700; line-height:1em; text-transform:uppercase; color:var(--color-text-coloured); background:transparent; border:1px solid var(--color-text-coloured); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a .djsBtn:hover { color:var(--color-text-white); background:var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.djsInfo:nth-child(1n) .djsImg { box-shadow: .5rem .5rem var(--color-text-coloured); }
.djsInfo:nth-child(2n) .djsImg { box-shadow: -.4rem -.4rem var(--color-text-coloured); }
.djsInfo:nth-child(3n) .djsImg { box-shadow: -.4rem .4rem var(--color-text-coloured); }
.djsInfo:nth-child(4n) .djsImg { box-shadow: .4rem -.4rem var(--color-text-coloured); }

/* EVENTS */
.eventsContainer { width:90%; height:100%; margin:80px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:40; }

.eventInfo { width:240px; /*word-wrap:break-word;*/ text-align:center; }

.eventTitle { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;
-webkit-font-smoothing: antialiased;
}
.eventDate { font-size:1.3em; color:var(--color-text); margin-top:20px; text-transform:uppercase; text-align:left;
-webkit-font-smoothing: antialiased;
}
.eventLocation { font-size:1em; color:var(--color-text); margin-top:0; text-align:left;
-webkit-font-smoothing: antialiased;
}

.eventImg { position:relative; width:240px; height:340px; margin:0 auto 40px auto; overflow:hidden;
}
.eventImg img { position:relative; object-fit:cover; top:50%; left:50%; width:240px; height:340px;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.eventInfo:nth-child(1n) .eventImg { box-shadow: 0.5rem 0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(2n) .eventImg { box-shadow: -0.5rem -0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(3n) .eventImg { box-shadow: -0.5rem 0.5rem var(--color-text-coloured); }
.eventInfo:nth-child(4n) .eventImg { box-shadow: 0.5rem -0.5rem var(--color-text-coloured); }

/* MARQUEE */
.marquee { margin:0 auto; }
.marquee .marquee-content { font-family:'futuralight'; font-weight:800; font-size:12em; line-height:2.4em; color:var(--color-text); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}
.marquee .stroke-black {
	color: transparent;
	-webkit-text-stroke: 1px;
	-webkit-text-stroke-color: var(--color-text);
}

/* TUTORS DIV */
.tutorsdivContainer { width:100%; height:80vh; display:flex; justify-content:center; align-items:center; }

.tutorsdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:2;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.tutorsdivTxt { display:inline; font-family:'futurablack'; font-size:3em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

background: var(--color-bg-coloured) none repeat scroll 0 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;

-webkit-font-smoothing: antialiased;
}

.tutorsdivBg { width:100%; height:auto; }
.tutorsdivBg img { width:100%; height:auto; object-fit:cover; }

/* ART DIRECTOR */
.addivContainer { width:80%; height:auto; margin:0 auto; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:40px; }

.addivTxtContainer { width:100%; }
.addivBox:nth-child(1) { text-align:right; }
.addivBox:nth-child(3) { text-align:left; }

.addivBox:nth-child(1) .addivTxt { font-size:2em; line-height:1em; color:var(--color-text-white); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.addivBox:nth-child(3) .addivTxt { font-family:'futurablack'; font-size:4em; line-height:.8em; color:var(--color-text-coloured); text-transform:uppercase;
-webkit-font-smoothing: antialiased;
}

.addivBg { position:relative; width:360px; height:360px; margin:0 auto; overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 8px 0px var(--color-text-coloured);
transition: box-shadow 0.1s linear;
    
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.addivBg img { position:absolute; width:100%; object-fit:cover; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/* TUTORS */
.tutorsContainer { width:80%; height:100%; margin:80px auto 100px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:40; }

.tutorsInfo { width:calc(20% - 40px); /*word-wrap:break-word;*/ text-align:center; }
.tutorsName { position:absolute; font-family:'futurablack'; font-size:3em; letter-spacing:-.04em; line-height:.8em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left; /*word-break:break-word;*/ white-space: wrap; margin:-78px 0 0 10px;

-webkit-font-smoothing: antialiased;
}

.tutorsImg { position:relative; width:100%; height:420px; margin:0 auto 40px auto; overflow:hidden; }
.tutorsImg img { position:absolute; object-fit:cover; height:100%; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/* HOW */
.howContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:0; }
.howClmn { width:50%; padding:120px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.howClmn:nth-child(2) { width:50%; display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:1; }
.ruleBGTitle { position:absolute; font-family:'futuralight'; font-size:3em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; z-index:2;

-webkit-font-smoothing: antialiased;
}
.howClmn:nth-child(2) img { height:100%; object-fit:cover; }

.ruleBG { width:100%; height:100%; overflow:hidden; }

.howRule { margin:0 0 60px 0; }
.howRule:last-child { margin:0; }

.ruleNr { position:absolute; font-size:.8em; color:var(--color-text); margin:-20px 0 0 -20px; text-align:center;

-webkit-font-smoothing: antialiased;
}
.ruleTitle { font-family:'futurablack'; font-size:3em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;

-webkit-font-smoothing: antialiased;
}
.ruleDesc { font-size:1em; color:var(--color-text); margin-top:10px; text-align:left;

-webkit-font-smoothing: antialiased;
}

/* NEWS */
.newsTitle { font-family: 'futuralight'; width:100%; margin:0 auto 60px auto; font-size:2.8em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase; 
-webkit-font-smoothing: antialiased;
}

.newsContainer { position:relative; width:40vw; margin:0 auto; }
.newsContainer .newsItem .newsInfo { display:flex; flex-flow:wrap; justify-content:flex-start; align-items:center; }
.newsContainer .newsItem .newsInfo .clmn.thumb { position:relative; width:100%; height:70vh; max-height:440px; }
.newsContainer .newsItem .newsInfo .clmn.thumb .newsThumbImg { position:absolute; top:0; left:0; width:100%; height:100%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.newsContainer .newsItem .newsInfo .clmn.info { flex:1; margin:0; text-align:left; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoTitle { font-size:1.8em; letter-spacing:-.02em; line-height:1em; color:var(--color-text-coloured); text-align:left; margin:20px 0 0 0; -webkit-font-smoothing: antialiased; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoDesc { font-size:1em; color:var(--color-text-white); text-align:left; margin:10px 0; -webkit-font-smoothing: antialiased; }
.newsContainer .newsItem .newsInfo .clmn.info .newsInfoDate { font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; -webkit-font-smoothing: antialiased; }

/* PARTNERS */
.partnersAboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto; font-size:2.8em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase; 
-webkit-font-smoothing: antialiased;
}
.partnersContainer { width:60%; margin:80px auto 0 auto; }
.partnersTitle { font-family:'futuralight'; font-size:1em; line-height:2em; color:var(--color-text); text-align:center; margin:40px 0 20px 0; text-transform:uppercase; -webkit-font-smoothing: antialiased; }

.partnersContainer_01,
.partnersContainer_02,
.partnersContainer_03 { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; margin:0 auto; gap:40px; }
.partnersContainer_04 { display:flex; flex-direction:row; justify-content:center; align-items:center; flex-flow: row-reverse wrap-reverse; margin:0 auto; gap:40px; }

.partnersContainer_01 .partnerItem,
.partnersContainer_02 .partnerItem,
.partnersContainer_03 .partnerItem { width: calc(50% - 80px); }
.partnersContainer_04 .partnerItem { width: calc(33.333333% - 80px); }

.partnersContainer_04 .partnerItem:nth-child(1) { order: 5; }
.partnersContainer_04 .partnerItem:nth-child(2) { order: 4; }
.partnersContainer_04 .partnerItem:nth-child(3) { order: 3; }
.partnersContainer_04 .partnerItem:nth-child(4) { order: 2; }
.partnersContainer_04 .partnerItem:nth-child(5) { order: 1; }

.partnerItem img { object-fit:contain; object-position:center; }
.partnerItem a { opacity:1;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.partnerItem a:hover { opacity:.4;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* REVIEWS */
.reviewsTitle { font-family:'futuralight'; width:100%; margin:0 auto; font-size:2.8em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase; 
-webkit-font-smoothing: antialiased;
}

.reviewsContainer { position:relative; width:50%; height:30vh; margin:40px auto 0 auto; }

.reviewDesc { font-size:1.8em; line-height:1.2em; color:var(--color-text-white); text-align:center; margin:40px 0; -webkit-font-smoothing: antialiased; }
.reviewAuthor { font-size:1em; font-weight:400; color:var(--color-text-coloured); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased; }

.reviewLink a { font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.reviewLink a:hover { color:var(--color-text-coloured);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.reviewsContainer .swiper-slide { opacity: .2;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.reviewsContainer .swiper-slide-active { opacity: 1;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* FOOTER */
#footer { display:flex; flex-wrap:wrap; justify-content:center; align-content:stretch; align-items:center; width:100%; height:200px; margin:0 auto; top:0; padding:0 80px; text-align:center;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.boxFooter { display:table; flex:1; padding:0; }

.boxFooter:nth-child(1) { text-align:left; }
.boxFooter:nth-child(2) { text-align:center; }
.boxFooter:nth-child(3) { text-align:right; }

.footerLogo { width:160px; height:50px; background:url('/images/logo_noborder.svg') center center no-repeat; background-size:100%; margin:0; overflow:hidden; }

.spacing { display:inline-block; color:var(--color-footer); margin:0 10px; }

.footerInfo { display:table-cell; vertical-align:middle; height:200px; font-size:.7em; letter-spacing:.05em; line-height:1.6em; color:var(--color-footer); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
.footerInfo a { color:var(--color-footer); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerInfo a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.footerInfo .far,
.footerInfo .fas { margin-right:5px; }

.footerSocial { margin:0; }
.footerSocial a { font-size:1em; color:var(--color-footer); margin-right:30px; cursor:pointer; text-transform:uppercase;

-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:last-child { margin-right:0;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* Mobile */
@media all and (max-width: 860px) {
    
    /* PRELOADER */
    .c-loader { position:fixed; width:100vw; height:100vh; min-height:100%; background-color:var(--color-bg-loader); flex-direction:column; top:0; left:0; visibility:visible; overflow:hidden; opacity:1; pointer-events:none; cursor:none; z-index:99999999; }
    .c-loader__mask { position:absolute; display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; background:var(--color-bgloader); overflow:hidden; pointer-events:none; z-index:9999999; }    
    .c-loader__logo img { width:80%; border:none; outline:none; margin:0; padding:0; }
    
    /* BODY */
    /*body { width:100%; height:100vh; min-height:100vh; margin:0; top:0px !important; overflow:auto; }*/
    #homepage { width:100%; height:100vh; top:0; margin:0 auto; overflow:hidden; }
    #claim { width:100%; height:100vh; top:0; margin:0 auto; padding:0; background:var(--color-bg-dark); }
    #about { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0; background:var(--color-bg); }
    #video { width:100%; height:540px; height:auto; margin:0 auto 80px auto; padding:0; }
    #goals { display:flex; align-items:center; width:100%; height:420px; padding:0; margin:80px auto; overflow:hidden; }
    #live { width:100%; height:auto; top:0; margin:0 auto; padding:40px 0; background:var(--color-bg); }
    #djsdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #djs { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #events { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #tutorsdiv { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #artdirector { width:100%; height:auto; top:0; margin:0 auto; padding:80px 0 20px 0; overflow:hidden; background-color:var(--color-bg-dark); }
    #tutors { width:100%; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; background:var(--color-bg-dark); }
    #how { width:100%; min-height:100vh; height:auto; top:0; margin:0 auto; padding:0; overflow:hidden; }
    #news { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:120px 0; background:var(--color-bg-dark); }
    #participate { width:100%; height:540px; height:auto; padding:0; margin:0 auto 80px auto; }
    #partners { width:100%; height:auto; top:0; margin:0 auto; padding:120px 0 60px 0; }
    #reviews { width:100%; height:auto; top:0; margin:80px auto 0 auto; padding:120px 0 80px 0; background:var(--color-bg-dark); }
    #bottom { width:100%; height:180px; margin:0 auto; }
    
	/* COOKIES */
    .cookies_alert { width:calc(100% - 20px); min-height:unset; height:auto; bottom:10px; margin:0 auto; padding:40px 20px; left:10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }	
    .cookies_content { min-height:unset; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0; text-align:left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
        
    /* BACK TO TOP */
    #back-to-top { bottom:5%; right:10%; }
	    
    /* HEADER */    
    .headerlogo { width:140px; height:50px; top:30px; margin:0 0 0 30px; }
    .headersocial { display:none; height:50px; top:30px; right:0px; margin:0 110px 0 0; }
    .hamburger { width:50px; height:50px; top:30px; right:30px; margin:0; }
    
    .boxTools { width:100px; height:50px; top:30px; right:0px; margin:0 100px 0 0; }
        
    /* OVERLAY NAV */
    .overlay-menu {  }
    .contentOverlay { margin:0 auto; padding:0 40px; }
    .overlayLogo { width:180px; height:50px; margin:0 auto; background-size:100%; }

    .navigationMobile { width:auto; list-style:none; margin:30px auto 0 auto; }
    .navigationMobile li a { font-size:1.6em; line-height:1.4em; margin:0; }

    .overlaySocial { width:100%; margin:40px auto 0 auto; }
    .overlaySocial .fab { font-size:1.1em; line-height:1em; }
    .overlaySocial a { margin-right:25px; }
        	
	/* HOMEPAGE */
    .container { position:relative; width:80%; height:auto; margin:0 auto; padding:0; top:50%; overflow:hidden; z-index:4;

    font-family: 'futuralight'; font-size:2.4em; font-weight:300; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase;
    -webkit-font-smoothing: antialiased;

    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

    .container img { width:100%; }

    .container .div#line1,
    .container .div#line2 { display:none; }

    .container .sentence { min-height:100px; height:auto; }
    .container #countdown { display:none; margin:40px 0 0 0; }
    .container #countdown ul { display:flex; justify-content:center; align-items:center; gap:20px; }
    .container #countdown li { font-family:'futuralight'; display:inline-block; font-size:.3em; list-style-type:none; padding:0; text-transform:uppercase; color:#fec455; }
    .container #countdown li span { font-family:'futurablack'; display:block; font-size:3.4em; }
    
    .scroll-down-circle { bottom:0px; width:160px; height:160px; left:50%; margin:0 0 0 -80px; }
    
    /* Scroll down circle icon */
    .scroll-down-circle .sdc-icon { font-size:18px; }

    /* Scroll down circle svg */
    .scroll-down-circle text { font-size:1.8em;	letter-spacing:30px; }

    /* CLAIM */
    .claimContainer { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
    .claimTxt { font-family:'futuralight'; font-size:3em; line-height:1em; color:var(--color-text-white); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
    
    /* ABOUT US */
    .abClmn { width:80%; margin:0 auto; }
    .aboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto 40px auto; font-size:2em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase; 
    -webkit-font-smoothing: antialiased;
    }
    .aboutTxt { width:100%; font-size:1em; line-height:1.6em; color:var(--color-text); text-align:center; margin:0 auto; -webkit-font-smoothing: antialiased; }
    
    /* VIDEO */
    .thumb-container { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden; aspect-ratio:3/4; background:#000; }
    .thumb-info { width:80%; opacity:1; z-index:3; }
    .thumb-desc { font-family: 'futuralight'; width:100%; margin:0 auto; padding:0; font-size:1.4em; color:var(--color-text-white); line-height:1em; text-align:center;
    -webkit-font-smoothing: antialiased;

    }
    .thumb-icon { width:100px; height:100px; margin:20px auto 0 auto; left:50%; top:50%; background:url(/images/icon_play.svg) center center no-repeat; background-size:80%; overflow:hidden; opacity:1; }
    
    .thumb-image { position:absolute; width:100%; height:100%; opacity:.6; z-index:1; overflow:hidden; }
    .thumb-image img { width:100%; height:100%; object-fit:cover; }
    
    /* GOALS */
    .goalsContainer { display:flex; flex-direction:column; align-items:center; justify-content:center; width:80%; height:100%; margin:40px auto 0 auto; }

    .itemGoal { width:100%; height:80px; margin-bottom:40px; align-self:center; }
    .itemGoalTitle { font-family:'futurablack'; font-size:5em; font-weight:900; text-transform:uppercase; margin-bottom:40px; color: var(--color-bg); background-color: var(--color-bg);
    text-shadow: -1px -1px 0 var(--color-text-coloured), 1px -1px 0 var(--color-text-coloured), -1px 1px 0 var(--color-text-coloured), 1px 1px 0 var(--color-text-coloured);
    -webkit-font-smoothing: antialiased
    }
    .itemGoalDesc { font-size:.8em; font-weight:400; letter-spacing:.05em; color:var(--color-text-coloured); text-transform:uppercase; -webkit-font-smoothing: antialiased }
    
    /* DJS DIV */
    .djsdivWrapper { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
    .djsdivContainer { width:100%; height:100%; }
    .djsdivBg { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; }
    .djsdivBg img { width:100%; height:100%; object-fit:cover; }
    
    .djsdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:2; }
    .djsdivTxt { display:inline; font-family:'futurablack'; font-size:2.4em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

    background: var(--color-bg-coloured) none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    -webkit-font-smoothing: antialiased;
    }

    .djsdivTxt img { width:260px; }
    
    /* DJS */
    .djsContainer { width:80%; height:100%; margin:120px auto 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }
    .djsInfo { text-align:center; margin:0 0 40px 0; }

    .djsName { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:center;
    -webkit-font-smoothing: antialiased;
    }
    .djsImg { position:relative; width:240px; height:240px; margin:0 auto 40px auto; overflow:hidden;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    }
    .djsImg img { position:absolute; object-fit:cover; top:50%; left:50%;

    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

    .djsSocial { display:flex; justify-content:center; align-items:center; gap:20px; margin:20px 0 0 0; }
    .djsIG a,
    .djsSC a { font-size:1.3em; color:var(--color-text); }
    
    /* EVENTS */
    .eventsContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }

    .eventInfo { width:240px; text-align:center; margin:0 0 40px 0; }
    .eventInfo:last-child { width:240px; text-align:center; margin:0; }

    .eventTitle { font-family:'futurablack'; font-size:2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;
    -webkit-font-smoothing: antialiased;
    }
    .eventDate { font-size:1.3em; color:var(--color-text); margin-top:20px; text-transform:uppercase; text-align:left;
    -webkit-font-smoothing: antialiased;
    }
    .eventLocation { font-size:1em; color:var(--color-text); margin-top:0; text-align:left;
    -webkit-font-smoothing: antialiased;
    }

    .eventImg { position:relative; width:240px; height:300px; margin:0 auto 40px auto; overflow:hidden;
    }
    .eventImg img { position:absolute; object-fit:cover; top:50%; left:50%; }
    
    /* TUTORS DIV */
    .tutorsdivContainer { width:100%; height:100vh; display:flex; justify-content:center; align-items:center; }
    .tutorsdivTxtContainer { position:absolute; width:80%; top:50%; left:50%; z-index:2; }

    .tutorsdivTxt { display:inline; font-family:'futurablack'; font-size:2.4em; line-height:1.3em; color:var(--color-text-white); padding:0 10px; text-transform:uppercase;

    background: var(--color-bg-coloured) none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    -webkit-font-smoothing: antialiased;
    }

    .tutorsdivBg {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
    }

    .tutorsdivBg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
    }

    /* ART DIRECTOR */
    .addivContainer { width:80%; height:auto; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px; }

    .addivTxtContainer { width:100%; }
    .addivBox:nth-child(1) { text-align:center; }
    .addivBox:nth-child(3) { text-align:center; }

    .addivBox:nth-child(1) .addivTxt { font-size:1.6em; line-height:1em; color:var(--color-text-white); text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .addivBox:nth-child(3) .addivTxt { font-family:'futurablack'; font-size:3.6em; line-height:.8em; color:var(--color-text-coloured); text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    }

    .addivBg { position:relative; width:300px; height:300px; margin:0 auto; overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 8px 0px var(--color-text-coloured);
    transition: box-shadow 0.1s linear;

    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    }
    .addivBg img { position:absolute; width:100%; object-fit:cover; top:50%; left:50%; }
    
    /* TUTORS */
    .tutorsContainer { width:60%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40; }

    .tutorsInfo { width:100%; /*word-wrap:break-word;*/ text-align:center; margin-bottom:40px; }
    .tutorsInfo:last-child { width:100%; /*word-wrap:break-word;*/ text-align:center; margin-bottom:0; }

    .tutorsName { position:absolute; font-family:'futurablack'; font-size:2.4em; letter-spacing:-.02em; line-height:.8em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left; /*word-break:break-word;*/ white-space: wrap; margin:-80px 0 0 30px;

    -webkit-font-smoothing: antialiased;
    }

    .tutorsImg { position:relative; width:100%; height:340px; margin:0 auto 40px auto; overflow:hidden; }
    .tutorsImg img { position:absolute; object-fit:cover; top:50%; left:50%; }
    
    /* HOW */
    .howContainer { width:100%; height:100%; margin:80px auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0; }
    .howClmn { width:50%; padding:0; }
    
    .howClmn:nth-child(1) { width:100%; padding:120px 40px 40px 40px; order:2;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
    .howClmn:nth-child(2) { order:1; }

    .howClmn:nth-child(2) { width:100%; display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:1; }
    .ruleBGTitle { position:absolute; font-family:'futuralight'; font-size:2.4em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; z-index:2;

    -webkit-font-smoothing: antialiased;
    }
    .howClmn:nth-child(2) img { height:100%; object-fit:cover; }

    .ruleBG { width:100%; height:100%; overflow:hidden; }

    .howRule { margin:0 0 80px 0; }
    .howRule:last-child { margin:0; }

    .ruleNr { position:absolute; font-size:.8em; color:var(--color-text); margin:-20px 0 0 -20px; text-align:center;

    -webkit-font-smoothing: antialiased;
    }
    .ruleTitle { font-family:'futurablack'; font-size:2.4em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:left;

    -webkit-font-smoothing: antialiased;
    }
    .ruleDesc { font-size:1em; color:var(--color-text); margin-top:10px; text-align:left;

    -webkit-font-smoothing: antialiased;
    }
    
    /* NEWS */
    .newsTitle { font-family: 'futuralight'; width:100%; margin:0 auto 60px auto; font-size:2em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase; 
    -webkit-font-smoothing: antialiased;
    }

    .newsContainer { position:relative; width:80%; margin:0 auto; }
    .newsContainer .newsItem .newsInfo { display:flex; flex-flow:wrap; justify-content:flex-start; align-items:center; }
    .newsContainer .newsItem .newsInfo .clmn.thumb { position:relative; width:100%; height:60vh; max-height:440px; }
    .newsContainer .newsItem .newsInfo .clmn.thumb .newsThumbImg { position:absolute; top:0; left:0; width:100%; height:100%;

    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    }

    .newsContainer .newsItem .newsInfo .clmn.info { flex:1; margin:0; text-align:left; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoTitle { font-size:1.8em; letter-spacing:-.02em; line-height:1em; color:var(--color-text-coloured); text-align:left; margin:20px 0 0 0; -webkit-font-smoothing: antialiased; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoDesc { font-size:1em; color:var(--color-text-white); text-align:left; margin:10px 0; -webkit-font-smoothing: antialiased; }
    .newsContainer .newsItem .newsInfo .clmn.info .newsInfoDate { font-size:.8em; font-weight:700; color:var(--color-text-grey); line-height:1.6em; -webkit-font-smoothing: antialiased; }
    
    /* PARTNERS */
    .partnersAboutTitle { font-family: 'futuralight'; width:100%; margin:0 auto 40px auto; font-size:2em; color:var(--color-text); line-height:1em; text-align:center; text-transform:uppercase; 
    -webkit-font-smoothing: antialiased;
    }   
    
    .partnersContainer { width:80%; margin:80px auto 0 auto; }
    .partnersTitle { font-family:'futuralight'; font-size:1em; line-height:2em; color:var(--color-text); text-align:center; margin:40px 0 20px 0; text-transform:uppercase; -webkit-font-smoothing: antialiased; }

    .partnersContainer_01,
    .partnersContainer_02,
    .partnersContainer_03 { display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; gap:60px; }
    .partnersContainer_04 { display:flex; flex-direction:column; justify-content:center; align-items:center; flex-flow: row-reverse wrap-reverse; gap:60px; }
    
    .partnersContainer_01,
    .partnersContainer_02,
    .partnersContainer_04 { margin:0 auto; }
    .partnersContainer_03 { margin:0 auto; }

    .partnersContainer_01 .partnerItem,
    .partnersContainer_02 .partnerItem,
    .partnersContainer_03 .partnerItem { width: 100%; }
    .partnersContainer_04 .partnerItem { width: 100%; }

    .partnersContainer_04 .partnerItem:nth-child(1) { order: 5; }
    .partnersContainer_04 .partnerItem:nth-child(2) { order: 4; }
    .partnersContainer_04 .partnerItem:nth-child(3) { order: 3; }
    .partnersContainer_04 .partnerItem:nth-child(4) { order: 2; }
    .partnersContainer_04 .partnerItem:nth-child(5) { order: 1; }

    /* REVIEWS */
    .reviewsTitle { font-family:'futuralight'; width:100%; margin:0 auto; font-size:2em; color:var(--color-text-white); line-height:1em; text-align:center; text-transform:uppercase; 
    -webkit-font-smoothing: antialiased;
    }

    .reviewsContainer { position:relative; width:80%; height:45vh; margin:40px auto 0 auto; }

    .reviewDesc { font-size:1.2em; line-height:1.2em; color:var(--color-text-white); text-align:center; margin:40px 0; -webkit-font-smoothing: antialiased; }
    .reviewAuthor { font-size:1em; font-weight:400; color:var(--color-text-coloured); line-height:1.6em; text-align:center; -webkit-font-smoothing: antialiased; }
    
	/* FOOTER */
	#footer { flex-direction:column; width:100%; height:auto; margin:0 auto; top:0; padding:0 0 10px 0; text-align:center; }
    .boxFooter { display:table; flex:1; padding:0; }

    .boxFooter:nth-child(1) { text-align:center; order:1; }
    .boxFooter:nth-child(2) { text-align:center; order:3; margin-bottom:10px; }
    .boxFooter:nth-child(3) { text-align:center; order:2; }

    .footerLogo { background-size:100%; margin:0; overflow:hidden; }

    .footerInfo { height:auto; font-size:.7em; letter-spacing:.05em; line-height:1.6em; }

    .footerInfo .far,
    .footerInfo .fas { margin-right:5px; }

    .footerSocial { margin:30px auto; }
    .footerSocial a { font-size:1.4em; margin-right:20px; }

}

/* RESPONSIVE */
@media all and (max-width: 860px) and (orientation: landscape) {
    
    .warning { display: block !important; }
    
}

/* VENOBOX */
.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#111111;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#111111;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}
.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}
.vbox-title{font-size:14px;font-weight:500;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:30px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;-webkit-font-smoothing: antialiased;}
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}
.vbox-share svg{z-index:10;vertical-align:middle}
.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:25px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}
.vbox-close:hover{opacity:1}
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}
.vbox-num{display:inline-block;padding:12px 15px}
.vbox-left{left:0}
.vbox-right{right:0}
.vbox-top{top:0}
.vbox-bottom{bottom:0}
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}
.vbox-next:hover,.vbox-prev:hover{opacity:1}
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}
.vbox-prev{left:15px}
.vbox-next{right:15px}
.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}
.venoratio-1x1{--vb-aspect-ratio:100%}
.venoratio-4x3{--vb-aspect-ratio:calc(3 / 4 * 100%)}
.venoratio-16x9{--vb-aspect-ratio:calc(9 / 16 * 100%)}
.venoratio-21x9{--vb-aspect-ratio:calc(9 / 21 * 100%)}
.venoratio-full{--vb-aspect-ratio:calc(100vh - 100px)}
.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%}
.vbox-open{overflow:hidden}
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:40px;}
.vbox-content{opacity:0}
.vbox-content{text-align:center;width:100%;position:relative;overflow:hidden;padding:20px 4%;display:flex;align-items:center;justify-content:center;min-height:100%}
.vbox-container img{max-width:100%;height:auto}
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial;padding:var(--vbox-padding)}
.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}
.vbox-grab .vbox-child img{cursor:grab}
.vbox-child>iframe{border:none!important}
.vbox-content.swipe-left{margin-left:-200px!important}
.vbox-content.swipe-right{margin-left:200px!important}
.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}
.vbox-hidden{display:none}
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}
.vbox-tooltip{position:relative;display:inline-block}
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}
.vbox-overlay{--sk-size:40px;--sk-color:#333}
.sk-center{margin:auto}
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}
@keyframes sk-plane{
0%{transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}
.sk-chase-dot:nth-child(1){animation-delay:-1.1s}
.sk-chase-dot:nth-child(2){animation-delay:-1s}
.sk-chase-dot:nth-child(3){animation-delay:-.9s}
.sk-chase-dot:nth-child(4){animation-delay:-.8s}
.sk-chase-dot:nth-child(5){animation-delay:-.7s}
.sk-chase-dot:nth-child(6){animation-delay:-.6s}
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-chase-dot:nth-child(2):before{animation-delay:-1s}
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}
@keyframes sk-chase{
100%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot{
100%,80%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot-before{
50%{transform:scale(.4)}
0%,100%{transform:scale(1)}
}
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}
.sk-bounce-dot:nth-child(2){animation-delay:-1s}
@keyframes sk-bounce{
0%,100%{transform:scale(0)}
45%,55%{transform:scale(1)}
}
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}
.sk-wave-rect:nth-child(1){animation-delay:-1.2s}
.sk-wave-rect:nth-child(2){animation-delay:-1.1s}
.sk-wave-rect:nth-child(3){animation-delay:-1s}
.sk-wave-rect:nth-child(4){animation-delay:-.9s}
.sk-wave-rect:nth-child(5){animation-delay:-.8s}
@keyframes sk-wave{
0%,100%,40%{transform:scaleY(.4)}
20%{transform:scaleY(1)}
}
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}
@keyframes sk-pulse{
0%{transform:scale(0)}
100%{transform:scale(1);opacity:0}
}
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}
.sk-flow-dot:nth-child(1){animation-delay:-.3s}
.sk-flow-dot:nth-child(2){animation-delay:-.15s}
@keyframes sk-flow{
0%,100%,80%{transform:scale(.3)}
40%{transform:scale(1)}
}
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}
@keyframes sk-swing{
100%{transform:rotate(360deg)}
}
@keyframes sk-swing-dot{
0%,100%{transform:scale(.2)}
50%{transform:scale(1)}
}
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}
.sk-circle-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle{
0%,100%,80%{transform:scale(0)}
40%{transform:scale(1)}
}
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle-fade{
0%,100%,39%{opacity:0;transform:scale(.6)}
40%{opacity:1;transform:scale(1)}
}
.sk-grid{width:var(--sk-size);height:var(--sk-size)}
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}
.sk-grid-cube:nth-child(1){animation-delay:.2s}
.sk-grid-cube:nth-child(2){animation-delay:.3s}
.sk-grid-cube:nth-child(3){animation-delay:.4s}
.sk-grid-cube:nth-child(4){animation-delay:.1s}
.sk-grid-cube:nth-child(5){animation-delay:.2s}
.sk-grid-cube:nth-child(6){animation-delay:.3s}
.sk-grid-cube:nth-child(7){animation-delay:0s}
.sk-grid-cube:nth-child(8){animation-delay:.1s}
.sk-grid-cube:nth-child(9){animation-delay:.2s}
@keyframes sk-grid{
0%,100%,70%{transform:scale3D(1,1,1)}
35%{transform:scale3D(0,0,1)}
}
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
@keyframes sk-fold{
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}
}
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}
.sk-wander-cube:nth-child(2){animation-delay:-.5s}
.sk-wander-cube:nth-child(3){animation-delay:-1s}
@keyframes sk-wander{
0%{transform:rotate(0)}
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}
100%{transform:rotate(-360deg)}
}