html {
	scroll-behavior: smooth;
}

body::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	background-color: #aaa; /* or add it to the track */
	transition: all 500ms ease;
}

body::-webkit-scrollbar-track {
	padding-left: 5px;
	padding-right: 5px;
}
  
/* Add a thumb */
body::-webkit-scrollbar-thumb {
	background: #000;
	cursor: pointer;
}

body.page-awards::-webkit-scrollbar,
body.page-members::-webkit-scrollbar  {
	background-color: #00ffff;
}

body.page-news::-webkit-scrollbar,
body.page-how-to-enter::-webkit-scrollbar {
	background-color: #faff00;
}

body.page-calendar::-webkit-scrollbar {
	background-color: #fa3859;
}

body.page-education::-webkit-scrollbar {
	background-color: #337ab7;
}

body::-webkit-scrollbar:hover {
	width: 10px;
}

body{
	background-color:#232321; /*url(../images/pattern.png) repeat top left;*/
	color:#000;
	font-family: 'Neue Kabel Light', sans-serif;
	font-size:12px;
	overflow:hidden;

	transition: 0.3s background-color ease;
	/* * /
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA81BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5eXnBwcHf39/Z2dna2trX19fa2trd3d3d3d3g4ODg4ODj4+Pj4+Pl5eXk5OTm5ubl5eXn5+fo6Ojp6enn5+fp6ens7Ozq6urr6+vr6+vt7e3s7Ozt7e3t7e3u7u7w8PDw8PDw8PDy8vLy8vLn5+f09PTn5+fy8vLn5+fp6enx8fHr6+vq6urs7Ozr6+vr6+vv7+/x8fHw8PDw8PDv7+/v7+/t7e3t7e3u7u7r6+vr6+vu7u7t7e3t7e3u7u7r6+vq6urq6urr6+vs7Ozr6+tWIAHaAAAAUXRSTlMAAQIDBAUGBwgJCgsVKVdYWVpaWltbZGRsbHFxdXV4foGBhIeJi4yQkJGUlpiZm5yenp+foKCnqaqqsbK0tba3w8TFxsbIydPU1dXb3N3d4uOSbqQHAAABdElEQVR42q2TbVOCQBSFg4UFAXtPJZVFQWRxUROj0jRR0UxL/v+vCQhdZ2zGL96vz86Ze885e3GuYfbzL2RZADgOAJY9fsCwgOOhEA/kOcAyR5QXREmORxIFPuOUclCU7/uLaBv2bmURcn+c0pwyXAYj3x9NVwMll3KqDHP5n8lT2yXEbXvBJp+DVJ8BvKh8v3eIg+0mdkhnvFFEHjB7aUEaTjotbJmGYVq41QneJCGWzzAvPiw9ght1HaFavYGJt7wW+R0GUHoO2o5VR1q1qqG65bTnPQmCHRbkxcjFpq49qqWyVjOxOwplIcNsjCOf2AaqqoWiWkVGk/jbGLOHuBnjUrGgVpBhEz9K8F48TMRrWllVy5q+E6er9afZapVstW68Gj3s7jM9rIaQnh72dZkcRm0ZBIe2zF4yW6ip49RUOzH1Y70zlUayCbwsktmaRkIDHazmSaDz1SsN9LAON70wisLuFa3DiTKdrOLpIh9/gzPNL7Z6NKvvS5JoAAAAAElFTkSuQmCC), auto;
	/**/
}

body.page-info,
body.page-info-exco {
	background: #FFFFFF;
}
body.page-members {
	background: #ff0099;
}
body.page-how-to-enter {
	background: #fa3859;
}
body.page-awards {
	background: #a10de3;
}
body.page-news {
	background: #3880e5;
}
body.page-calendar {
	background: #00ffff;
}
body.page-education {
	background: #faff00;
}

body.slide-already-open {
	overflow-y: auto;
}

body.ignore-mouse {
	pointer-events: none;
}

/**
 * ----------------------------------------
 * LOADING INTRO body:not(.slide-already-open) .va-slice:hover .va-title{
 * ----------------------------------------
 */

body.still-loading  {
	pointer-events: none;
}

/*
body.still-loading .va-title,
body.still-loading .navbar-default .container  {
	opacity: 0;
	
}
*/

[data-ui-app-container] {
	transition: all 500ms ease;
	overflow: hidden;
	min-height: 100vh;
}

body.still-loading [data-ui-app-container]  {
	opacity: 0;
}

body:not(.still-loading) .navbar-default .container {
	
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
			animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
body:not(.still-loading) .va-title {
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
			animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
			
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
		animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

}

body:not(.still-loading) #sidenav .va-title {
			
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 500ms;
		animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 500ms;

}

#preloader .loader {
	
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 0;
	width:100vw;
	height: 100vh;
	transition: width 0s 2s ease;
}

body:not(.still-loading) #preloader .loader {
	pointer-events: none;
	-webkit-animation:  fadeOut 1s ease forwards;
	animation:  fadeOut 1s ease forwards;
}

body.db-loading:not(.still-loading) #preloader .loader {
	-webkit-animation:  fadeIn 1s ease forwards;
	animation:  fadeIn 1s ease forwards;
}

body.db-loading:not(.still-loading) [data-ui-app-container] {
	pointer-events: none !important;
}

#preloader .loader .loader__icon {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 1;
	transition: opacity .5s ease;

	top: auto;
    left: auto;
    right: 1%;
    bottom: 0;
}
#preloader .loader .loader__icon svg {
	transform-origin: 0 0;
}
#preloader .loader .loader__tile {
	position: absolute;
	left: 0;
	width: 0;
	
	height: 20%;
	height: 12.5%;
	height: 12vh;
	background-color: #000;
	transition: width .7s ease;
}
#preloader .loader .loader__tile:nth-child(0) {
	top: calc(-1 * 20%);
	top: calc(-1 * 12.5%);
	transition-delay: -0.2s;
	background-color: #000000;
}
#preloader .loader .loader__tile:nth-child(1) {
	top: calc(0 * 20%);
	top: calc(0 * 12.5%);
	/*
	height:20%;
	background-color: #00ff6b;
	*/
	transition-delay: 0s;
	background-color: #000000;
}
#preloader .loader .loader__tile:nth-child(2) {
	top: calc(1 * 20%);
	/**/
	top: calc(1 * 12.5%);
	/**/
	top:16vh;
	transition-delay: 0.2s;
	background-color: #ffffff;
}
#preloader .loader .loader__tile:nth-child(3) {
	top: calc(2 * 20%);
	top: calc(2 * 12.5%);
	top: calc(2 * 14vh);
	transition-delay: 0.4s;
	background-color: #ff0099;
	
}
#preloader .loader .loader__tile:nth-child(4) {
	top: calc(3 * 20%);
	top: calc(3 * 12.5%);
	top: calc(3 * 13vh);
	transition-delay: 0.6s;
	background-color: #fa3859;
	
}
#preloader .loader .loader__tile:nth-child(5) {
	top: calc(4 * 20%);
	top: calc(4 * 12.5%);
	top: calc(4 * 12.7vh);
	transition-delay: 0.8s;
	background-color: #a10de3;
}

#preloader .loader .loader__tile:nth-child(6) {
	top: calc(5 * 20%);
	top: calc(5 * 12.5%);
	top: calc(5 * 12.5vh);
	transition-delay: 1s;
	background-color: #3880e5;
	
}

#preloader .loader .loader__tile:nth-child(7) {
	top: calc(6 * 20%);
	top: calc(6 * 12.5%);
	top: calc(6 * 12.4vh);
	transition-delay: 1.2s;
	background-color: #00ffff;
	
}

#preloader .loader .loader__tile:nth-child(8) {
	top: calc(7 * 20%);
	top: calc(7 * 12.5%);
	top: calc(7 * 12.3vh);
    height: 14vh;
	transition-delay: 1.4s;
	background-color: #faff00;
	
}

#preloader .loader--active {
	width: 100%;
	/**/
	transition-delay: 0s;
	/**/
}
#preloader .loader--active .loader__icon {
	opacity: 1;
	transition: opacity .5s 1.4s ease;
}

#preloader .loader.loader--active .loader__tile {
	width: 0%;
}
#preloader .loader:not(.loader--active) .loader__tile {
	width: 100%;
}

/**/

#preloader .loader--active .loader__tile:nth-child(0) {
	transition-delay: -0.2s;
}
#preloader .loader--active .loader__tile:nth-child(1) {
	transition-delay: 0s;
}
#preloader .loader--active .loader__tile:nth-child(2) {
	transition-delay: 0.2s;
}
#preloader .loader--active .loader__tile:nth-child(3) {
	transition-delay: 0.4s;
}
#preloader .loader--active .loader__tile:nth-child(4) {
	transition-delay: 0.6s;
}
#preloader .loader--active .loader__tile:nth-child(5) {
	transition-delay: 0.8s;
}
#preloader .loader--active .loader__tile:nth-child(6) {
	transition-delay: 1s;
}
#preloader .loader--active .loader__tile:nth-child(7) {
	transition-delay: 1.2s;
}
#preloader .loader--active .loader__tile:nth-child(8) {
	transition-delay: 1.4s;
}

/* SPACE INVADERS */
.space {
	position: absolute;
	width: auto;
	width:100%;
    height: 100%;
    display: block;
    text-align: center;
	left: 50%;
	top:20%;
	opacity: 1;
	transform: translateX(-50%);
	
	transition: opacity .5s ease 1s;
}
body.breakfast-is-stale #preloader .loader .space,
#preloader .loader--active .space{
	opacity: 0;
}
.space-invader { 
	border: 2px solid #fff;
	background-color: #fff;
	float: left;
	width: 0.25em; 
	height: 0.25em; 
	margin: 40px 40px;
}
.space-invader-defender {
	box-shadow: 
    0 0 0 .25em #fff,
    .625em 0 0 .25em #fff,
    -.625em 0 0 .25em #fff,
    1em .0625em 0 .1875em #fff,
    -1em .0625em 0 .1875em #fff,
    0 -.25em 0 .25em #fff,
    0 -.625em 0 0 #fff;
}
.space-invader-ufo {
	box-shadow: 
    /* Body */
    -.25em -.625em 0 .125em #fff,
    .25em -.625em 0 .125em #fff,
    -.25em -.375em 0 .125em #fff,
    -.75em -.375em 0 .125em #fff,
    -1em -.375em 0 .125em #fff,
    .25em -.375em 0 .125em #fff,
    .75em -.375em 0 .125em #fff,
    1em -.375em 0 .125em #fff,
    0 .125em 0 .125em #fff,
    -.75em .125em 0 .125em #fff,
    .75em .125em 0 .125em #fff,
    -.375em .25em 0 0 #fff,
    -1.125em .25em 0 0 #fff,
    .375em .25em 0 0 #fff,
    1.125em .25em 0 0 #fff,
    1.375em -.25em 0 0 #fff,
    1.5em .125em 0 .125em #fff,
    1.875em .25em 0 0 #fff,
    -1.375em -.25em 0 0 #fff,
    -1.5em .125em 0 .125em #fff,
    -1.875em .25em 0 0 #fff,
    0 .375em 0 .125em #fff,
    1.25em .375em 0 .125em #fff,
    1em .375em 0 .125em #fff,
    1.125em .75em 0 0 #fff,
    -1.25em .375em 0 .125em #fff,
    -1em .375em 0 .125em #fff,
    -1.125em .75em 0 0 #fff;
}
.space-invader-1 {
	box-shadow:
    0 0 0 .25em #fff,
    0 .25em 0 .25em #fff,
    -.625em .375em 0 .125em #fff,
    .625em .375em 0 .125em #fff,
    -.75em -.75em 0 0 #fff,
    .75em -.75em 0 0 #fff,
    -.5em -.5em 0 0 #fff,
    .5em -.5em 0 0 #fff,
    -.75em -.25em 0 0 #fff,
    -.5em -.25em 0 0 #fff,
    .5em -.25em 0 0 #fff,
    .75em -.25em 0 0 #fff,
    -1em 0 0 0 #fff,
    -.75em 0 0 0 #fff,
    .75em 0 0 0 #fff,
    1em 0 0 0 #fff,
    -1em .25em 0 0 #fff,
    1em .25em 0 0 #fff,
    -.75em .75em 0 0 #fff,
    .75em .75em 0 0 #fff,
    /* Left Arm */
    1.25em .25em 0 0 #fff,
    1.25em .5em 0 0 #fff,
    1.25em .75em 0 0 #fff,
    /* Right Arm */
    -1.25em .25em 0 0 #fff,
    -1.25em .5em 0 0 #fff,
    -1.25em .75em 0 0 #fff,
    /* Left Foot */
    -.25em 1em 0 0 #fff,
    -.5em 1em 0 0 #fff,
    /* Right Foot */
    .25em 1em 0 0 #fff,
    .5em 1em 0 0 #fff;
}
.space-invader-2 { 
	box-shadow: 
    /* Body */
    -.125em -.5em 0 .25em #fff,
    .125em -.5em 0 .25em #fff,
    -.75em -.375em 0 .125em #fff,
    -.875em -.375em 0 .125em #fff,
    .75em -.375em 0 .125em #fff,
    .875em -.375em 0 .125em #fff,
    -1em 0 0 .25em #fff,
    1em 0 0 .25em #fff,
    -.5em .25em 0 0 #fff,
    -.25em .25em 0 0 #fff,
    0 .25em 0 0 #fff,
    .25em .25em 0 0 #fff,
    .5em .25em 0 0 #fff,
    /* Crotch */
    .3125em .5em 0 0 #fff,
    .5em .5em 0 0 #fff,
    .5em .5em 0 0 #fff,
    -.3125em .5em 0 0 #fff,
    -.5em .5em 0 0 #fff,
    -.5em .5em 0 0 #fff,
    .0625em .75em 0 0 #fff,
    -.0625em .75em 0 0 #fff,
    /* Right Leg */
    -.625em .75em 0 0 #fff,
    -.8125em .75em 0 0 #fff,
    -1.0625em 1em 0 0 #fff,
    -1.25em 1em 0 0 #fff,
    /* Left Leg */
    .625em .75em 0 0 #fff,
    .8125em .75em 0 0 #fff,
    1.0625em 1em 0 0 #fff,
    1.25em 1em 0 0 #fff;
}
.space-invader-3 { 
	box-shadow: 
    /* Body */
    0 -.625em 0 .125em #fff,
    -.25em -.375em 0 .125em #fff,
    .25em -.375em 0 .125em #fff,
    .625em -.25em 0 0 #fff,
    -.625em -.25em 0 0 #fff,
    0 .125em 0 .125em #fff,
    -.75em .125em 0 .125em #fff,
    .75em .125em 0 .125em #fff,
    .375em .25em 0 0 #fff,
    -.375em .25em 0 0 #fff,
    /* Crotch */
    .125em .5em 0 0 #fff,
    -.125em .5em 0 0 #fff,
    /* Right Leg */
    -.625em .5em 0 0 #fff,
    -.875em .75em 0 0 #fff,
    -.625em 1em 0 0 #fff,
    -.625em 1em 0 0 #fff,
    /* Left Leg */
    .625em .5em 0 0 #fff,
    .875em .75em 0 0 #fff,
    .625em 1em 0 0 #fff,
    .625em 1em 0 0 #fff;
}

.space-invader.animate { 
	animation: 1s infinite;
}
.space-invader.classic { 
	animation: 1s step-end infinite, 2s cubic-bezier(.2,.64,.81,.23) infinite;
}
.space-invader-1.animate,
.space-invader-1.classic { 
	animation-name: space-invader-1, move;
	animation-duration: 1s, 2s;
	animation-delay: 0s, 0s;
	animation-iteration-count: infinite, forwards;
	animation-timing-function: step-end, cubic-bezier(.2,.64,.81,.23); 
}
.space-invader-2.animate,
.space-invader-2.classic { 
	animation-name: space-invader-2, move;
	animation-duration: 1s, 2s;
	animation-delay: 0s, 1.5s;
	animation-iteration-count: infinite, forwards;
	animation-timing-function: step-end, cubic-bezier(.2,.64,.81,.23); 
}
.space-invader-3.animate,
.space-invader-3.classic { 
	animation-name: space-invader-3, move;
	animation-duration: 1s, 2s;
	animation-delay: 0s, 3s;
	animation-iteration-count: infinite, forwards;
	animation-timing-function: step-end, cubic-bezier(.2,.64,.81,.23); 
}

.moveAlt .space-invader-1.classic { 
	animation-name: space-invader-3, moveAlt;
	animation-delay: 0s, 4.5s;
}
.moveAlt .space-invader-2.classic { 
	animation-name: space-invader-3, moveAlt;
	animation-delay: 0s, 6s;
}
.moveAlt .space-invader-3.classic { 
	animation-name: space-invader-3, moveAlt;
	animation-delay: 0s, 7.5s;
}	

@keyframes space-invader-1 {
  50% {
    box-shadow: 
      0 0 0 .25em #fff,
      0 .25em 0 .25em #fff,
      -.625em .375em 0 .125em #fff,
      .625em .375em 0 .125em #fff,
      -.75em -.75em 0 0 #fff,
      .75em -.75em 0 0 #fff,
      -.5em -.5em 0 0 #fff,
      .5em -.5em 0 0 #fff,
      -.75em -.25em 0 0 #fff,
      -.5em -.25em 0 0 #fff,
      .5em -.25em 0 0 #fff,
      .75em -.25em 0 0 #fff,
      -1em 0 0 0 #fff,
      -.75em 0 0 0 #fff,
      .75em 0 0 0 #fff,
      1em 0 0 0 #fff,
      -1em .25em 0 0 #fff,
      1em .25em 0 0 #fff,
      -.75em .75em 0 0 #fff,
      .75em .75em 0 0 #fff,
      /* Left Arm */
      1.25em 0 0 0 #fff,
      1.25em -.25em 0 0 #fff,
      1.25em -.5em 0 0 #fff,
      /* Right Arm */
      -1.25em 0 0 0 #fff, 
      -1.25em -.25em 0 0 #fff, 
      -1.25em -.5em 0 0 #fff, 
      /* Left Foot */
      -1em 1em 0 0 #fff, 
      -1em 1em 0 0 #fff, 
      /* Right Foot */
      1em 1em 0 0 #fff, 
      1em 1em 0 0 #fff;
  }
}

@keyframes space-invader-2 {
  50% {
    box-shadow: 
      /* Body */
      -.125em -.5em 0 .25em #fff,
      .125em -.5em 0 .25em #fff,
      -.75em -.375em 0 .125em #fff,
      -.875em -.375em 0 .125em #fff,
      .75em -.375em 0 .125em #fff,
      .875em -.375em 0 .125em #fff,
      -1em 0 0 .25em #fff,
      1em 0 0 .25em #fff,
      -.5em .25em 0 0 #fff,
      -.25em .25em 0 0 #fff,
      0 .25em 0 0 #fff,
      .25em .25em 0 0 #fff,
      .5em .25em 0 0 #fff,
      /* Crotch */
      .3125em .5em 0 0 #fff,
      .5em .5em 0 0 #fff,
      .625em .5em 0 0 #fff,
      -.3125em .5em 0 0 #fff,
      -.5em .5em 0 0 #fff,
      -.625em .5em 0 0 #fff,
      .0625em .75em 0 0 #fff,
      -.0625em .75em 0 0 #fff,
      /* Right Leg */
      -.75em .75em 0 0 #fff,
      -.9375em .75em 0 0 #fff,
      -.75em 1em 0 0 #fff,
      -.5em 1em 0 0 #fff,
      /* Left Leg */
      .75em .75em 0 0 #fff,
      .9375em .75em 0 0 #fff,
      .75em 1em 0 0 #fff,
      .5em 1em 0 0 #fff;
  }
}

@keyframes space-invader-3 {
  50% {
    box-shadow: 
    /* Body */
    0 -.625em 0 .125em #fff,
    -.25em -.375em 0 .125em #fff,
    .25em -.375em 0 .125em #fff,
    .625em -.25em 0 0 #fff,
    -.625em -.25em 0 0 #fff,
    0 .125em 0 .125em #fff,
    -.75em .125em 0 .125em #fff,
    .75em .125em 0 .125em #fff,
    .375em .25em 0 0 #fff,
    -.375em .25em 0 0 #fff,
      /* Crotch */
    .125em .5em 0 0 #fff,
    -.125em .5em 0 0 #fff,
      /* Right Leg */
      -.375em .5em 0 0 #fff,
      -.625em .75em 0 0 #fff,
      -.875em 1em 0 0 #fff,
      -.375em 1em 0 0 #fff,
      /* Left Leg */
      .375em .5em 0 0 #fff,
      .625em .75em 0 0 #fff,
      .875em 1em 0 0 #fff,
      .375em 1em 0 0 #fff;
  }
}

@keyframes move {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100vw);
	}
}

@keyframes moveAlt {
	0% {
		transform: translateX(100vw);
	}
	100% {
		transform: translateX(0);
	}
}

/** /
@keyframes move {
	0% {
		transform: translateX(0);
	}
	100% {
		left:100%;
		transform: translateX(0);
	}
}

/**/

/**
 * ----------------------------------------
 * GENERAL
 * ----------------------------------------
 */

.underline {
	text-decoration: underline;
}

b,
strong {
	font-family: 'Neue Kabel Bold', sans-serif;
}


/**
 * ----------------------------------------
 * BREADCRUMBS
 * ----------------------------------------
 */
.breadcrumbs-vertical {
	font-size: 14px;
	letter-spacing: 0.025rem;
	color: #fff;
	position: relative;
	/* * /
	position: absolute;
	bottom: 2rem;
	left: 2.5rem;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
	/**/
	color: rgba(255,255,255,0.5);
}
.breadcrumbs-vertical a,
.breadcrumbs-vertical button {
	color: inherit;
	text-decoration: none;
	text-transform: capitalize;
	border-bottom: 1px solid transparent;
	display: inline-block;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.25s;
			transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
			transition-timing-function: ease;
}
.breadcrumbs-vertical a:hover,
.breadcrumbs-vertical button:hover {
	color: #fc0;
	color: rgb(0,255,255);
}
.breadcrumbs-vertical a:hover:after ,
.breadcrumbs-vertical button:hover:after {
	color: rgba(255,255,255,0.5);
}
.breadcrumbs-vertical a:after,
.breadcrumbs-vertical button:after {
	content: '/';
	padding: 0 0.5rem;
	display: inline-block;
}
.breadcrumbs-vertical span.destination {
	color: #fff;
	text-transform: capitalize;
}

/**
 * ----------------------------------------
 * SOCIAL SHARE
 * ----------------------------------------
 */
[data-ui-social-share] {
	position: absolute;
	right: 0;
	display: block;
    z-index: 9;
}

.shareButton.main .share,
.shareButton.main .close,
.shareButton.main .check {
	position: absolute;
	top: 1rem;
	left: 1rem;
	-webkit-transition: all 150ms;
	-moz-transition: all 150ms;
	-ms-transition: all 150ms;
	-o-transition: all 150ms;
	transition: all 150ms;
}
.shareButton.main .share,
.shareButton.main.open .close,
.shareButton.main.sent .check {
	-webkit-transform: rotate(0) scale(1);
	-moz-transform: rotate(0) scale(1);
	-ms-transform: rotate(0) scale(1);
	-o-transform: rotate(0) scale(1);
			transform: rotate(0) scale(1);
	opacity: 1;
}
.shareButton.main .close,
.shareButton.main.open .share,
.shareButton.main .check,
.shareButton.main.sent .share {
	opacity: 0;
	-webkit-transform: rotate(90deg) scale(0);
	-moz-transform: rotate(90deg) scale(0);
	-ms-transform: rotate(90deg) scale(0);
	-o-transform: rotate(90deg) scale(0);
			transform: rotate(90deg) scale(0);
}

.shareButton,
.shareButton.open {
	border: none;
	border-radius: 50%;
	background: #fff;
	padding: 1rem;
	overflow: hidden;
	outline: none;
	margin: 0.5rem;
	width: 24px;
	height: 24px;
	box-sizing: content-box;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;

	position: relative;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
			transform: scale(1);

	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA81BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5eXnBwcHf39/Z2dna2trX19fa2trd3d3d3d3g4ODg4ODj4+Pj4+Pl5eXk5OTm5ubl5eXn5+fo6Ojp6enn5+fp6ens7Ozq6urr6+vr6+vt7e3s7Ozt7e3t7e3u7u7w8PDw8PDw8PDy8vLy8vLn5+f09PTn5+fy8vLn5+fp6enx8fHr6+vq6urs7Ozr6+vr6+vv7+/x8fHw8PDw8PDv7+/v7+/t7e3t7e3u7u7r6+vr6+vu7u7t7e3t7e3u7u7r6+vq6urq6urr6+vs7Ozr6+tWIAHaAAAAUXRSTlMAAQIDBAUGBwgJCgsVKVdYWVpaWltbZGRsbHFxdXV4foGBhIeJi4yQkJGUlpiZm5yenp+foKCnqaqqsbK0tba3w8TFxsbIydPU1dXb3N3d4uOSbqQHAAABdElEQVR42q2TbVOCQBSFg4UFAXtPJZVFQWRxUROj0jRR0UxL/v+vCQhdZ2zGL96vz86Ze885e3GuYfbzL2RZADgOAJY9fsCwgOOhEA/kOcAyR5QXREmORxIFPuOUclCU7/uLaBv2bmURcn+c0pwyXAYj3x9NVwMll3KqDHP5n8lT2yXEbXvBJp+DVJ8BvKh8v3eIg+0mdkhnvFFEHjB7aUEaTjotbJmGYVq41QneJCGWzzAvPiw9ght1HaFavYGJt7wW+R0GUHoO2o5VR1q1qqG65bTnPQmCHRbkxcjFpq49qqWyVjOxOwplIcNsjCOf2AaqqoWiWkVGk/jbGLOHuBnjUrGgVpBhEz9K8F48TMRrWllVy5q+E6er9afZapVstW68Gj3s7jM9rIaQnh72dZkcRm0ZBIe2zF4yW6ip49RUOzH1Y70zlUayCbwsktmaRkIDHazmSaDz1SsN9LAON70wisLuFa3DiTKdrOLpIh9/gzPNL7Z6NKvvS5JoAAAAAElFTkSuQmCC), auto;
}
.shareButton:hover,
.shareButton.open:hover {
	-webkit-transform: scale(1.1) translateY(-3px);
	-moz-transform: scale(1.1) translateY(-3px);
	-ms-transform: scale(1.1) translateY(-3px);
	-o-transform: scale(1.1) translateY(-3px);
			transform: scale(1.1) translateY(-3px);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
.shareButton:active,
.shareButton.open:active {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAABAlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmZma5ubm4uLi8vLy6urrT09PU1NTS0tLS0tLT09PZ2dnY2Njb29vc3Nzd3d3g4ODf39/f39/h4eHa2trh4eHY2Nja2trg4ODa2tri4uLj4+PX19fZ2dnX19fk5OTl5eXl5eXn5+fo6Ojo6Ojm5ubp6enq6urs7Ozo6Ojt7e3u7u7v7+/p6eno6Ojp6enr6+vq6urq6urc3Nzb29vc3Nzm5ubm5ubk5OTl5eXk5OTm5ubd3d3e3t7d3d3e3t7f39/e3t7f39/e3t7e3t7d3d2Z9AvaAAAAVnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBk+QUFDXV9gYWNscHB2eH2AgYaJiYqKiouLi4yMjY2Sk5WYmZqam52en6KisLGxsbKztre3v8DIyMnJ09PV1tfY4OXm50OBxC8AAAFqSURBVCjPjZPZSsNAFIY7WyZJXQpFLFpEn0IoxRbfW0VFUXwDwStRW6RKUUkyq2cmUxPXOJNcHL6c/6xBrb8O+mLaXygKhvXPZ4paCCFn2Za1dsEDBYQwXKAGrvugosAIJrikRhsdMFpAQmm/l1CVPdwppY3xGPkXA+PDzGQGJ4RcCMddbE8xpqw9mAmICLF59zSTCrzLOhCmNNmbaA3hvNE7EoBB21HQ5ePnXGorJWOIsKR9VoB2SQmJdjbnQonC+caMRp2bewFKvguEsl30UuhXr0yWCF+2l1I5y1EWjZ6EKHIoBGMS84h3ToSs6P5UirwAMQjD44itH9bphy9Q8I1Xa77f4q6oqxDX59zfhpxl7iiPIOfraci5rHc0z6p607RWL7SH8fFEufY4g2wcCLXoVdnndDgryj7H3eO86nOYERsYmWsaE3yu6jNy2o6vbaVUvd0+Agvj/8duNOxVw0427HPTv/DTeQcndQotgtF9KQAAAABJRU5ErkJggg==), auto;
}
.shareButton svg,
.shareButton.open svg {
	display: block;
	
	fill: #ff0099;
	fill: #FF7472;
	width: 24px;
	height: 24px;
	opacity: 1;
	-webkit-transition: all 150ms;
	-moz-transition: all 150ms;
	-ms-transition: all 150ms;
	-o-transition: all 150ms;
	transition: all 150ms;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
			transform: scale(1);
}

.fb,
.shareButton.open.ig {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
			transition-delay: 100ms;
}

.tw,
.shareButton.open.tw {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
			transition-delay: 50ms;
}

.ig,
.shareButton.open.fb {
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-ms-transition-delay: 0ms;
	-o-transition-delay: 0ms;
			transition-delay: 0ms;
}

.fb,
.tw,
.ig {
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
			transform: scale(0);
}
.fb svg,
.tw svg,
.ig svg {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
			transform: scale(0);
}

@media screen and (max-width: 991px) {

	[data-ui-social-share] {
		position: relative;
		text-align: center;
	}
}

/**
 * ----------------------------------------
 * SCROLLING
 * ----------------------------------------
 */

.mCSB_scrollTools {
	right:10px;
}

.mCSB_inside > .mCSB_container {
	margin-right: 0;
	min-height: 50vh;
}

.mCustomScrollBox {
	height:auto !important;
}

.sticky-sidebar .sidebar__inner{
	/*
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
	will-change: position, transform;
	*/
	width: 80%;
    margin: 0 auto;
	margin-left: 0;
}

/**
 * ----------------------------------------
 *  GENERAL NAVIGATION SECTION
 * ----------------------------------------
 */

.navbar-default {
	background:#232321;
	border:none;
	box-shadow: none;

	margin-bottom:0;
	position: fixed;
	top: 0;
	right: 0;
	width:100%;
	height: 15dvh;
	height: clamp(120px, 15dvh, 150px);
	
	z-index: 3;
	
	border-radius: 0;

	box-shadow: 0 0 50px #000;

	transition: all 250ms ease-out 0s;
}

.navbar-default .container {
	/** /
	box-shadow: 0 0 50px #000;
	/**/
	width: calc(100vw - 10vh);
	margin: 0;
	height:100%;
	padding: 0 30px;
	transition: opacity 500ms ease-out 0s;
}

.menu-toggle {
	display: block;
	position: absolute;
    right: 0;
    top: 50%;
    color: #FFF;
	font-size: 1.5em;
	transform: translateX(30%) translateY(-50%) rotate(-90deg);
	font-family: 'Neue Kabel Bold', sans-serif;
	width: 15vh;
	width: clamp(118px, 15dvh, 148px);
    padding: 20px 0;
	background-color: #0994f6;

}

.navbar-nav>li {
	float:right;
	font-family: 'Neue Kabel Light', sans-serif;
	text-transform:uppercase;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>button {
	padding:0;
	margin: 15px;
	margin-bottom: 0;
	color: #FFFFFF;
	background: none;
	text-transform: uppercase;
	font-family: 'Neue Kabel Light', sans-serif;
	border-bottom: 1px solid transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>button:hover {
	color: #FAFF00;
	text-decoration:none;
	/*
	border-bottom:1px solid #faff00;
	*/
}

#top-logo,
#top-navigation {
	display:block;
	width:100%;
}
#top-logo {
	text-align: right;
}

#top-navigation .navbar-nav {
	/** /
	display:block;
	float:none !important;
	/**/
	display: flex;
    float: none !important;
    justify-content: flex-end;
}

/* SPONSORS SECTION */
#top-sponsors {
	transition: all 450ms ease-out;
}

#top-sponsors p,
#top-sponsors ul li p{
	color:#fff;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 20px;
	font-family: 'Neue Kabel Bold', sans-serif;
}

#top-sponsors ul li:first-child{
	margin-left:0;
	margin-right:50px;
	opacity: 1 !important;
}

#top-sponsors ul li:last-child{
	text-align: right;
	float:right;
	opacity: 1 !important;
}

ul.sponsors-list {
	margin:0 auto;
	padding:0;
	display: block;
	width: 100%;
	height: auto;
	transition: all 450ms ease-out;
}

ul.sponsors-list li {
	float:left;
	margin-left:50px;

	transition: all 500ms ease-out 0s;
}

ul.sponsors-list:hover > li:not(:hover){ 
	opacity: 0.3;
}

/* LOGO STYLES */
#creative-circle-logo {
	position: relative;
	right: 0;
	top: 10px;
	
	width: 100%;
	height: auto;
	max-width: 350px;
}

#creative-circle-logo path,
#creative-circle-logo polygon {
	fill:#fff;

	transition: fill 500ms ease-out 0s;
}

#creative-circle-logo:hover path,
#creative-circle-logo:hover polygon {
	fill:#ff0099;

	-webkit-animation: fill-change-5x 8s linear infinite alternate both;
			animation: fill-change-5x 8s linear infinite alternate both;
}

.scroll-active .navbar {
	position: fixed;
	z-index: 3;
}

.container {
	width: 100%;
}

#hero-holder {
	margin:0 auto;
	padding:0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	height: 85vh;
	height: clamp(calc(100vh - 120px), 85dvh, calc(100vh - 150px));
    overflow: hidden;
	top: 15vh;
	top: clamp(120px, 15dvh, 150px);
    position: relative;
	display:none; 
}

body.page-home #hero-holder {
	display: block;
}

#hero-feature {
	width: 100%;
	max-width: 72vw;
	max-width: 100%;
}

#hero-feature img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

#hero-feature .owl-carousel {
	position: relative;
	z-index: 0;
	/** /
	animation: content-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	/**/
}

#hero-feature .owl-carousel .owl-dots {
	top: 5%;
    width: 100%;
    position: absolute;
	padding-left: 28vw;
	padding-left: 0;
}
#hero-feature .owl-carousel .owl-dots button span {
	width: 20px;
	height: 20px;
	margin: 5px 1em;
	box-shadow: inset 0 1px 2px #000;
}

#hero-feature .owl-carousel .owl-item {
	width: 100%;
}
#hero-feature .owl-carousel .owl-item img {
	width: 100%;
	opacity: 0;
	height: auto;
    max-height: 85vh;
}

#hero-feature .page-default {
	background-size: cover;
	min-height: 85vh;
	/** /
	animation: content-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	/**/
	transition: all 450ms ease-out;
}

#hero-feature .owl-carousel .cntnt-hldr,
#hero-feature .page-default .cntnt-hldr {
	margin-left: 28vw;
	margin-left: 0;
    position: relative;
}

#hero-feature .switcharoo {
	transition: all 450ms ease-out;
}

.db-loading.slide-already-open #hero-feature .page-default {
	opacity: 0;
	/** /
	animation: fadeOut 500ms cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	/**/
}

.page-home #hero-feature .page-default.ng-leave {
	opacity: 0;
}

/**/
#hero-feature .switcharoo.ng-leave-active,
#hero-feature .switcharoo.ng-enter-active {
	top:0;
	left:0;
	opacity: 0;
	transition: all 250ms ease-out 0s;
	transition-delay: 0s;
}
/**/

#hero-feature .switcharoo.ng-enter{
	animation: .75s contentAppear 250ms forwards;
}
  
#hero-feature .switcharoo.ng-leave {
	animation: .5s fadeOut forwards;
}
#hero-feature .switcharoo[data-ng-switch-when="home"].ng-leave {
	animation: none;
}

/** /
.slide-already-open #hero-feature .switcharoo.page-default.ng-enter {
	opacity: 1;
	animation: none;
	animation: content-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-already-open #hero-feature .switcharoo.page-default.ng-leave {
	animation: none;
	opacity: 0;
	animation: content-focus-out 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/*
.slide-already-open #hero-feature .switcharoo.page-default.ng-animate.ng-leave {
	top: 0;
	width: 100%;
	position: absolute;
}

/**/

#hero-feature .slide-details {
	position: absolute;
	/* * /
	left: 50%;
	top: 50%;
	/**/
	padding: 40px;
	color: #232321;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	right: 0;
    bottom: 0;
    width: 70%;
    transform: translateX(-30%) translateY(-0%);
}

#hero-feature .page-default .slide-details {
	transform: translateX(-30%) translateY(-50%);
}

#hero-feature .page-default .item-video .slide-details {
	transform: translateX(-30%) translateY(-10%);
}

.page-calendar #hero-feature .page-default .slide-details {
	transform: translateX(-30%) translateY(-85%);
}

#hero-feature .slide-details:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
    filter: blur(80px);
    background-color: rgba(255,255,255,.9);
}
#hero-feature .slide-details h2 {
	font-weight: bold;
	font-family: 'Neue Kabel Bold', sans-serif;
}
#hero-feature .slide-details p {
    font-size: 2em;
}

#hero-feature .page-default .slide-details p {
    font-size: 1.2em;
}

#hero-feature .page-default img {
	opacity: 0;
}

#hero-feature .slide-details a,
#hero-feature .slide-details button {
	opacity: 1;
	background-color: transparent;
	display: block;
	width: auto;
	max-width: 200px;
	padding: 10px 50px;
	text-decoration: none;
	color: #000000;
	margin-top: 2em;
	border: 1px solid #000000;
	text-align: center;
	text-transform: uppercase;
}
#hero-feature .slide-details a:hover,
#hero-feature .slide-details button:hover {
	background-color: #000000;
	color: #FFFFFF;
}

#hero-feature .slide-details a[data-ui-fancybox],
#hero-feature .slide-details button[data-ui-fancybox] {
	background-color: transparent;
}

#hero-feature .owl-carousel .owl-video-wrapper {
	height: 80vh;
}

#hero-feature .owl-carousel .owl-video-wrapper .owl-video-tn {
	background-size: cover;
}

#content-holder {
	position: relative;
	top: 14.5vh;
}

body.show-mobile-menu #content-holder,
body.show-mobile-menu #content-holder [data-ui-accordion-content].va-slice,
body.show-mobile-menu [data-ui-accordion-content].va-slice.active {
	pointer-events: none !important;
}


#content-holder .main-sticky-content {
	padding: 50px 50px;
	padding-bottom: 100px;
}

#content-holder .inner-page-title-navigation {
	padding: 0 100px;
	max-width: 100%;
	transition: none;
	transform: perspective(1px) translate3d( 0, 0, 0);
	/** /
	transform: perspective(1px) translate3d( 0, 14vh, 0);
	transition: all 200ms ease;
	/**/
}

#sidenav {
	position: fixed;
    top: 15dvh;
	top: clamp(120px, 15dvh, 150px);
	left: 0;
    z-index: 2;
	width: 30dvw;
	width: clamp(60px, 10dvw, 60px);
	height: 85dvh;
	height: clamp(calc(100vh - 120px), 85dvh, calc(100vh - 150px));
    display: flex;
    flex-direction: column;
	transition: all 500ms ease;
	transform: translateX(-90%);
	
	/** /
	box-shadow: 1px 0 20px #0000008c;
	transition: all 500ms ease;
	/**/

	/** /
	transform: translateX(-90%);
	/**/
}

/** /
#sidenav:hover {
	transform: translateX(0%);
}
/**/

#sidenav .va-slice:after {
	/** /
	content: attr(data-title);
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 25%;
	font-size: 1em;
	pointer-events: none;
	transform: translateX(80%) rotate(-90deg);
	/**/

	display: flex;
	align-items: center;
	justify-content: center;

	content: attr(data-title);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    font-size: 1em;
    pointer-events: none;
	/** /
    transform: translateX(50%) translateY(50%) rotate(-90deg);
	/**/
	transform: rotate(-90deg);
    transition: all 250ms ease-out 0s;
}

#sidenav .va-slice:not(.active):focus:after,
#sidenav .va-slice:not(.active):hover:after {
	/** /
	transform: translateX(50%) translateY(50%) rotate(-90deg);
	/**/
	font-family: 'Neue Kabel Bold', sans-serif;
}

#sidenav .va-slice.active:after {
	transform: rotate(0deg);
	font-family: 'Neue Kabel Bold', sans-serif;
}

.scroll-active #content-holder #sidenav {
	position: fixed;
}
.scroll-active #sidenav {
	top: 15vh;
	height: 85vh;
}
.scroll-active.sidenav-hide #sidenav {
	transform: translateX(-90%);
}
.scroll-active.sidenav-hide #sidenav:hover {
	transform: translateX(0%);
}

/** /
body.show-mobile-menu {
	overflow: hidden !important;
}
/**/

body.show-mobile-menu #sidenav {
	box-shadow: none;
	transform: translateX(0) !important;
	width: 100dvw;
	pointer-events: all;
	transition: all 500ms ease-out;
}

body.show-mobile-menu #sidenav .inner-page-title-navigation {
	display: block;
	max-width: 100%;
	overflow: hidden;
}

body.show-mobile-menu #sidenav .va-slice:after {
	opacity: 0;
}

.scroll {
	cursor: pointer;
	width: 60px;
	height: 60px;
	
	border-radius: 50%;
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	opacity: 0;
	pointer-events: none;
	/** /
	border: 2px solid #fff;
	box-shadow: 0 0 10px #000;
	background: #232321;
	/**/
	z-index: 1;
	position: absolute;
    bottom: 5%;
    right: 6%;
    transform: translateX(100%);
}
.scroll::before {
	content: "";
	content: none;
	position: absolute;
	top: 15px;
	left: 18px;
	width: 18px;
	height: 18px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

.scroll a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.scroll a svg {
	transform: rotate(180deg);
}




.back-to-top-wrapper {
	position: fixed;
	top: 80vh;
	right: 2%;
	bottom: 28em;
	width: 55px;
	height: 55px;
    z-index: 9;
	opacity: 0;
	pointer-events: none;
	transition: all 500ms ease;
	display: none;
}

#scrolltotop {
	right: 20px;
	position: fixed;
	position: sticky;
	pointer-events: all;
	top: calc(100vh - 10rem);
	width: 55px;
	height: 55px;
	z-index: 1;
	display: inline-block;
}

.sidenav-hide .back-to-top-wrapper {
	opacity: 1;
	pointer-events: all;
}

body.slide-already-open .scroll {
	opacity: 1;
	pointer-events: auto;
}

body.scroll-active .scroll {
	opacity: 0;
	pointer-events: none;
}

@keyframes down {
	0% {
		transform: translateY(0) translateX(100%);
	}
	20% {
		transform: translateY(15px) translateX(100%);
	}
	40% {
		transform: translateY(0) translateX(100%);
	}
}
@-webkit-keyframes down {
	0% {
		transform: translateY(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translateY(0);
	}
}

/* Vertical Accordion Style */
.va-container{
	position:relative;
	margin:40px auto 0 auto;
	min-height: 100vh;
	width: 100%;
	max-width: 32vw;
	margin-left: 0;
	/* * /
	max-width: 22vw;
	transform: translateX(-28vw);
	/**/
	transition: transform 500ms ease-out 0s;
}

.va-container:before {
	content: '';
	top:0;
	left: 80%;
	position: absolute;
	display: block;
	height: 100%;
	width: 5vw;
	box-shadow: 0 0 35px 5px;
}

.va-wrapper{
	width:100%;
	height:100%;
	height:85vh;
	height:80vh;
	position:relative;
	overflow:hidden;
	margin: 0;

	display: flex;
	flex-direction: column;
	
	transition: transform 500ms ease-out 0s, height 500ms ease-out 0s;
}
.va-slice{
	position: relative;
	cursor:pointer;
	
	width:100%;
	left:0px;
	overflow:hidden;

	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;

	flex: 1 0 2em;

	display: block;
	max-height: initial;
	
	-webkit-transition: max-height 500ms ease-out, flex 500ms ease-in-out 0s;
	transition: max-height 500ms ease-out, flex 500ms ease-in-out 0s;

	/*
	display: flex;
	justify-content: center;
	flex-direction: column;
	*/
}
/*
.va-slice:last-child{
	display: none;
}
*/
#sidenav .sidenav.va-slice {
	overflow: hidden;
	/** /
	max-width: clamp(60px, 10vw, 60px);
	max-width: 60px;
	/**/
	max-width: initial;
	max-width: 60px;
	max-width: clamp(60px, 10dvw, 60px);
	padding: 0;
	box-shadow: 1px 0 20px #0000008c;
	transition: all 1000ms ease-out 500ms;

	
}

body.show-mobile-menu #sidenav .sidenav.va-slice {
	/*
	max-width: 100%;
	-webkit-animation: menuExpandIn 1s ease-out both 500ms;
	*/

	animation: menuExpandIn 1s ease-out both 500ms;
}
/**/
#sidenav .sidenav.va-slice:nth-child(1) {
	transition-delay: -0.2s;
	animation-delay: -0.2s;
}
#sidenav .sidenav.va-slice:nth-child(2) {
	transition-delay: 0s;
	animation-delay: 0s;
}
#sidenav .sidenav.va-slice:nth-child(3) {
	transition-delay: 0.2s;
	animation-delay: 0.2s;
}

#sidenav .sidenav.va-slice:nth-child(4) {
	transition-delay: 0.4s;
	animation-delay: 0.4s;
}
#sidenav .sidenav.va-slice:nth-child(5) {
	transition-delay: 0.6s;
	animation-delay: 0.6s;
}
#sidenav .sidenav.va-slice:nth-child(6) {
	transition-delay: 0.7s;
	animation-delay: 0.7s;
}
#sidenav .sidenav.va-slice:nth-child(7) {
	transition-delay: .8s;
	animation-delay: .8s;
}
/**/

/** /
#sidenav .sidenav.va-slice:nth-child(7) {
	transition-delay: 1.2s;
}
#sidenav .sidenav.va-slice:nth-child(8) {
	transition-delay: 1.4s;
}
/**/

#sidenav .sidenav.va-slice:hover {
	transition: all 500ms ease-out 0s;
}

/* INFO - COLOURS */    
.va-slice-info,
#content-holder .va-slice-info .inner-page-title-navigation{
	background-color:#faff00;
	background-color:#fff;
}
.va-slice-info .va-content{
	color: rgb(255,0,153);
	color:#000;
	
}
.va-slice-info .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:rgb(255,0,153);
}

.va-slice-members,
#content-holder .va-slice-members .inner-page-title-navigation {
	background-color:#ff0099;
}

.va-slice-how-to-enter,
#content-holder .va-slice-how-to-enter .inner-page-title-navigation {
	background-color:#fa3859;
}

/* AWARDS - COLOURS */
.va-slice-awards,
#content-holder .va-slice-awards .inner-page-title-navigation {
	background-color: #a10de3;
}
.va-slice-color-awards .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:rgb(0,255,255);
}

/* NEWS - COLOURS */
.va-slice-in-the-news,
#content-holder .va-slice-in-the-news .inner-page-title-navigation {
	background-color:#3880e5;
}

/* CALENDAR - COLOURS */
.va-slice-calendar,
#content-holder .va-slice-calendar .inner-page-title-navigation {
	background-color:#00ffff;
}
.va-slice-calendar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:rgb(250,56,89);
}

/* EDUCATION - COLOURS */
.va-slice-education,
#content-holder .va-slice-education .inner-page-title-navigation {
	background-color:#00ff6b;
	background-color:#faff00;
}
body.page-education {
	background-color:#faff00; 
}

/* GENERAL STYLES */
.content-container {}

.inner-page-title-navigation {
	position: relative;
	display: block;
	padding: 0 12px;
	z-index: 1;
	width: 100%;
	height: 10vh;
	max-width: 0;
	overflow: hidden;
	transform: perspective(1px) translate3d( 0, 0, 0);
	
	transition: all .5s ease-out;
}

#sidenav .inner-page-title-navigation {
	height: 100%;
	display: none;
}

.inner-page-title-navigation ul {
	margin:0 auto;
	opacity: 1;
	position: absolute;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
	
	left: 30%;
	/* * /
	top: 50%;
	left: 30%;
	transform: translateY(-50%) translateX(-10%);
	/**/
	transition: opacity 500ms ease-out 250ms, transform 650ms ease-out 250ms ;
}

.inner-page-title-navigation ul li {
	float:left;
	margin-right:50px;
	height: 100%;
	display: flex;
}

.inner-page-title-navigation ul li:first-child {
	margin-left:50px;
}

.inner-page-title-navigation ul li a {
	font-family: 'Neue Kabel Light', sans-serif;
	text-transform:uppercase;
	font-size: 16px;
	color:#000;

	height: 100%;
	position: relative;
	display: flex;
	align-items: center;

	background: transparent;
}
.inner-page-title-navigation ul li a:focus,
.inner-page-title-navigation ul li a:active {
	text-decoration: none;
	outline: none;
}

.va-slice.active .inner-page-title-navigation ul li.is-active a,
.inner-page-title-navigation ul li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.inner-page-title-navigation ul li a:target {
	border-bottom: 1px solid #000;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.va-title{
	display: inline-block;
	font-family: 'Neue Kabel Light', sans-serif;
	font-family: 'Neue Kabel Bold', sans-serif;
	text-transform:uppercase;
	font-size:60px;
	
	font-size: 4vh;
	line-height: 5vh;

	margin-left:20px;
	color:#000000;

	display: block;
	position: absolute;
	width:100%;
	height: auto;

	margin:0 auto;
	/* * /
	padding-top: 15px;
	padding-bottom: 15px;
	/**/

	top: 60%;
	transform: translateY(-50%);

	/*
	top: 50%;
	transform: translateY(-50%);
	
	display: flex;
	align-items: center;
	*/
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;

	transition: font-size 500ms ease-out 0s, transform 400ms ease 0s, padding 500ms ease 250ms;

}

/*
#content-holder .va-title
*/
#sidenav .va-title {
	top: 50%;
}

#sidenav .va-title {
	/** /
	position: absolute;
    top: 0;
    transform: none;
    height: 100%;
    width: 100%;
	/**/
}

#sidenav .va-title .main-squeeze {
	display: none !important;
}

/*
.va-slice-color-3 .va-title{
	color:#ffffff;
}
*/

.va-content{
	width: 100%;
	margin-left:5px;
	
	max-height: 0;
	overflow: hidden;
	
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.va-content h5 {
	font-size:18px;
	/*
	color:rgb(250,56,89);
	*/
	text-transform: uppercase;
	font-family: 'Neue Kabel Light', sans-serif;
}

.va-slice h4 {
	font-family: 'Neue Kabel Light', sans-serif;
	text-transform: uppercase;
}

.section-title {
	text-decoration:underline;
	margin-bottom:50px;
}

.va-slice p{
	font-size: 22px;
	font-family: 'Neue Kabel Light', sans-serif;
}

.va-slice.va-slice-color-3 p{
	font-size: 18px;
}

.va-slice .excerpt p {
	
	line-height: 1.2;
	font-weight: bold;

	
}

.va-slice .excerpt ul li {
	font-size:22px;
	line-height: 1.2;
	font-weight: bold;
	
}

.va-slice .excerpt p.side-address {
	font-size:14px;
	line-height: 20px;
}

.va-slice .excerpt p.side-address a {
	text-decoration:underline;
	color: rgb(255,0,153);
	color:#000;
}
.va-slice .excerpt p.side-address a:hover {
	color:#000;
}

.va-slice .tab-pane {
	padding: 0 50px;
}

[data-ui-accordion-content].active .tab-pane{
	display: block;
}

/**
 * ----------------------------------------
 * INFO SECTION
 * ----------------------------------------
 */
.section-info {
	padding:0 10px;
}

/* ABOUT */

/* PURPOSE */
[data-ng-switch-when="purpose"] h4 {
	text-decoration:underline;
}
/** /
[data-ng-switch-when="purpose"] p {
	font-size: 26px;
	line-height: 30px;
}
/**/
[data-ng-switch-when="purpose"] .content-summary p {
	font-size: 22px;
	line-height: 26px;
	font-family: 'Neue Kabel Light', sans-serif;
	font-weight: normal;
}

/* INFO EXCO */

.exco-container2 {
	display: block !important;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;

	-webkit-column-width: 360px;
	-moz-column-width: 360px;
	column-width: 360px;
	
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;

	margin-bottom: 25dvh;
}

.exco-member {
	display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.equal-height {
	display: flex;
	flex-flow: row wrap;
}

[data-ui-template-exco].image-loaded .tilter {
	opacity: 1;
}

a[data-ui-fancybox].tilter,
[data-ui-template-awards-halloffame].image-loaded .hall-of-famer .tilter {
	opacity: 1;
}

.tilter {
	opacity: 0;
	display: block;
	position: relative;
	width: 80%;
	height: auto;
	margin: 0 auto;
	color: #fff;
	flex: none;
	perspective: 1000px;

	margin-bottom: 30px;

	margin-bottom: 50px;
	margin-top: 50px;

	transition: all 0.5s ease-out;
}

.tilter * {
	pointer-events: none;
}

.tilter:hover,
.tilter:focus {
	color: #fff;
	outline: none;
}

/*
.tilter__figure,
.tilter__deco,
.tilter__caption {
	will-change: transform;
}*/

.tilter__figure,
.tilter__image {
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
	
}

.tilter__image {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.tilter__image.image-loaded {
	opacity: 1;
}

.tilter__figure > * {
	transform: translateZ(0px); /* Force correct stacking order */
}

.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption {
	transition: transform 0.2s ease-out;
}

.tilter__figure {
	position: relative;
}

.tilter__figure::before {
	content: '';
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	/*
	box-shadow: 0 30px 20px rgba(35,32,39,0.5);
	*/
}

.tilter__deco {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;

	display:none;
}

.tilter__deco--overlay {
	background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}

.tilter__deco--shine div {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}

.tilter__deco--lines {
	fill: none;
	stroke: #fff;
	stroke-width: 1.5px;
}

.tilter__caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	height:100%;
	padding: 4em;

	color: rgb(255,0,153);
}

.tilter__title,
.tilter__surname {
	font-size: 3em;
}

.tilter__title {
	position: absolute;
	top:-20px;
	left:0;
	width: 100%;
	margin: 0;

	font-weight: normal;
	
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Neue Kabel Light', sans-serif;
	text-align: center;
}

.tilter__surname {
	
	text-align: center;
	text-transform: uppercase;
	font-family: 'Neue Kabel Bold', sans-serif;

	position: absolute;
	left:0;
	bottom:-30px;
	width: 100%;
}

.tilter__description {
	left:-25px;
	bottom: 0;
	position: absolute;
	line-height: 30px !important;
	font-size: 16px !important;
	margin-bottom: 0 !important;

	margin: 1em 0 0 0;
	font-size: 0.85em;
	letter-spacing: 0.15em;

	text-align: right;

	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: sideways-right;
}

.tilter__organisation {
	position: absolute;
	right:-35px;
	top:0;

	text-align: left;

	font-size:20px !important;
	line-height: 30px !important;
	font-weight: bold;

	margin-bottom: 0 !important;

	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: sideways-right;
}

/* Individual styles */

.exco-member-title {
	font-size: 72px;
	font-family: 'Neue Kabel Bold', sans-serif;
	padding-left: 15px;
	color: rgb(255,0,153);
}

.va-slice .excerpt .exco-member-content p {
    font-size: 25px;
	line-height: 35px;
	color: rgb(255,0,153);
}

.exco-member-image {
	width:100%;
	max-width: 500px;

	width: auto;
	max-width: 25vw;
	
	position: relative;
}

.exco-member .tilter__caption {
	color: rgb(255,0,153);
}

/* Example 1 (Default) * /
.tilter--1 .tilter__figure::before {
	/*
	box-shadow: 0 30px 20px rgba(0,0,0,0.5);
	* /
}
*/

.va-slice-info .excerpt .ranking-description {
	font-size:20px;
	line-height: 25px;
	margin-bottom:10px;
}

.va-slice-info .excerpt .ranking-subection-heading {
	font-size:30px;
	line-height: 40px;
	margin-bottom:25px;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.ranking-calculations-list li {
	margin-bottom:50px;
}

.point-allocation {
	
	margin:0 auto;
	margin-right:30px;
}

.va-slice-info .excerpt .accordion-tab {
	border-bottom: 3px solid rgb(255,0,153);
	border-color:#000;
}

.va-slice-info .excerpt .accordion-tab .toggle-heading svg {
	fill: rgb(255,0,153);
	fill: #000;
}
.va-slice-info .excerpt .accordion-tab.active .toggle-heading svg.read-more.closed {
	fill: #000;
}
.va-slice-info .excerpt .accordion-tab .toggle-heading button {
	top:0;
	font-size: 20px;
	color: rgb(255,0,153);
	color:#000;
	font-family: 'Neue Kabel Bold', sans-serif;
}


/**
 * ----------------------------------------
 * MEMBERS SECTION
 * ----------------------------------------
 */

.section-members {
	color: #00ffff;
}
.section-members .members-sidebar-fixed {
	color: #00ffff;
}
.section-members .members-sidebar-fixed p {
	font-size: 16px;
	line-height:24px;
}

.section-members .members-sidebar-fixed p a {
	color: #00ffff;
	text-decoration:underline;
}

.section-members .members-sidebar-fixed p a:hover {
	color:#fff;
}

/* BENEFITS */
[data-ng-switch-when="benefits"] .section-members h3 {
	font-size: 36px;
	line-height:40px;

	font-family: 'Neue Kabel Bold', sans-serif;
}

[data-ng-switch-when="benefits"] .section-members .benefit-description p {
	font-size: 24px;
	line-height:30px;
}

/* TYPES OF MEMBERSHIPS */
.section-members table.calendar-table {
	color: #00ffff;
}

.section-members table.calendar-table thead tr,
.section-members table.calendar-table tbody tr {
	border-bottom:1px solid #00ffff;
}
.section-members table.calendar-table thead td,
.section-members table.calendar-table tbody td {
	padding: 15px 0;
}

.section-members table.calendar-table tbody td.annual-fee {
	font-family: 'Neue Kabel Bold', sans-serif;
}
.section-members table.calendar-table tbody td.monthly-fee {
	font-size: 16px;
	line-height: 24px;
	font-weight:bold;
}

/* CURRENT MEMBERS */
.section-members .members-logo {
	max-width: 150px;
	width:100%;
	margin:15px;
	position: relative; 
	opacity: 0;
	transition: all 0.5s ease-out;
}


.section-members.image-loaded .members-logo {
	opacity:1;
}

.member-no-logo {
	color:#000;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-family: 'Neue Kabel Bold', sans-serif !important;
}
/**
 * ----------------------------------------
 * ENTRIES SECTION
 * ----------------------------------------
 */
.va-slice-how-to-enter .excerpt {
	padding:0 40px;
}

[data-ng-switch-when="fees"],
[data-ng-switch-when="legal"],
[data-ng-switch-when="entry-tips"],
[data-ng-switch-when="categories"],
[data-ng-switch-when="sending-entries"],
/*
[data-ng-switch-when="ranking-calculations"],
*/
.va-slice-how-to-enter table,
.va-slice-how-to-enter .excerpt p,
.va-slice-how-to-enter .excerpt h5,
.va-slice-how-to-enter .excerpt h4,
.va-slice-how-to-enter ul li,
.va-slice-how-to-enter ol li,
.va-slice-how-to-enter ul li p,
.va-slice-how-to-enter ol li p,
[data-ng-switch-when="enter"],
[data-ng-switch-when="enter"] p,
[data-ng-switch-when="enter"] p a,
[data-ng-switch-when="enter"] h4,
[data-ng-switch-when="enter"] h5,
[data-ng-switch-when="enter"] ul li p,
[data-ng-switch-when="enter"] ol li p,
.va-slice-how-to-enter .excerpt .entry-rule-emphasis a,
.va-slice-how-to-enter .excerpt .entry-rule-description a {
	color: #faff00;
}

[data-ng-switch-when="how-to-enter"] p a,
.va-slice-how-to-enter .excerpt .entry-rule-emphasis a,
.va-slice-how-to-enter .excerpt .entry-rule-description a {
	text-decoration:underline;
	white-space: nowrap;
}

[data-ng-switch-when="how-to-enter"] hr {
	border-top: 1px solid #faff00;
	margin-bottom: 40px;
}

.va-slice-how-to-enter .excerpt .entry-rule {
	margin-bottom:20px;
}

.va-slice-how-to-enter .excerpt .entry-rule-description {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px;
}
.va-slice-how-to-enter .excerpt .entry-rule-emphasis {
	/** /
	font-size: 30px;
	line-height: 40px;
	/**/
}

.va-slice-how-to-enter .excerpt ol {
	list-style-type: decimal;
	margin-left: 20px;
	font-size: 18px;
}
.va-slice-how-to-enter .excerpt ol li p {
	margin-bottom:5px !important;
}

.va-slice-how-to-enter .excerpt ol.bwb li {
	width:50%;
	float: left;
}

.va-slice-how-to-enter .excerpt .entries-categories.row ol li {
	margin-bottom: 20px;
}

.va-slice-how-to-enter .excerpt .entries-categories.row p,
.va-slice-how-to-enter .excerpt .entries-categories.row ol li p {
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 0;
}

.va-slice-how-to-enter .excerpt .entries-categories.row ol li p.entry-rule-description {
	font-size: 24px;
	line-height: 1.3;
}

.va-slice-how-to-enter .excerpt .entries-categories.row hr {
	border-top-color: #d6324e;
	border-bottom: 1px solid #e08585;
}

.va-slice-how-to-enter .excerpt .entries-categories.row a,
.va-slice-how-to-enter .excerpt .entries-categories.row a:visited,
.va-slice-how-to-enter .excerpt .entries-categories.row p a,
.va-slice-how-to-enter .excerpt .entries-categories.row p a:visited {
	color:#fff;
}

/** /
.va-slice-how-to-enter .excerpt ol.rule-emphasis-counter {
	font-size:30px;
}
/**/
.va-slice-how-to-enter .excerpt ol.rule-emphasis-counter li {
	margin-bottom:30px;
}

.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter {
	counter-reset: my-awesome-counter;
	list-style: none;
}

.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter li {
	counter-increment: my-awesome-counter;
	padding-left: 50px;
	margin-bottom: 40px;
	position: relative;
}

.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter li:before {
	content:  "0" counter(my-awesome-counter);
	font-size:110px;
	font-family: 'Neue Kabel Bold', sans-serif;
	position: absolute;
	left: -95px;
	top: -30px;

	color: #faff00;
}

/* CATEGORIES */

/* FEES */

/* SENDING ENTRIES */

/* RANKING CALCULATIONS */

/* ENTRY TIPS */

/* LEGAL */

@media screen and (max-width: 1280px) {

	.va-slice-how-to-enter .excerpt .entry-rule-emphasis {
		font-size: 25px;
		line-height: 30px;
	}

}

/**
 * ----------------------------------------
 * AWARDS SECTION
 * ----------------------------------------
 */

 /* DATE FILTER */
.va-slice-awards [data-ui-accordion] {
	max-width: 97%;
	margin:0 auto;
}

.va-slice-awards .accordion-tab .toggle-heading svg {
	fill: rgb(0,255,255);
}
.va-slice-awards .accordion-tab.active .toggle-heading svg.read-more.closed {
	fill: rgb(0,255,255);
}

.va-slice-awards .accordion-tab.active .toggle-body {
	border-top:1px solid rgb(0,255,255);
    border-color: #fff;
}

/**/

#awards-results {
	padding: 0;
	overflow: hidden;
}

#awards-results.all-archive {
	max-height: 0;
}

#awards-results .section-title,
#awards-results .section-title-category{
	color: rgb(0,255,255);
	text-decoration: underline;
}
#awards-results .section-title-category small {
	color: rgb(0,255,255);
}

#awards-results .section-title-month {
	color: rgb(0,255,255);
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	font-size:36px;
}
.award-date-filter {
	margin-top: 20px;
	display: block;
}
.award-date-filter li {
	display: inline-block;
	margin-right:50px;
}

/*
.award-date-filter li a:hover{
	text-decoration:none;
}
*/

.award-date-filter li.label {
	padding-left:0;
	color: rgb(0,255,255);
	font-family: 'Neue Kabel Light', sans-serif;
}

.award-date-filter li.label,
.award-date-filter li a .section-title-month {
	font-size: 20px;
}

.toggle-heading .award-date-filter li.label,
.toggle-heading .award-date-filter li a .section-title-month,
.toggle-heading .award-date-filter li button .section-title-month {
	font-size: 30px;
	
}

.toggle-heading .award-date-filter li a .section-title-month,
.toggle-heading .award-date-filter li button .section-title-month {
	text-decoration: line-through;
}

.toggle-heading .award-date-filter li a .section-title-month,
.toggle-heading .award-date-filter li button .section-title-month {
	text-decoration:line-through;
}

.award-date-filter li a,
.award-date-filter li a:hover,
.award-date-filter li button,
.award-date-filter li button:hover {
	color: rgb(0,255,255) !important; 
	text-decoration:none;
}

.empty-category p {
	color: rgb(0,255,255);
	font-size: 30px;
    line-height: 30px;
}

.award-date-filter li.active a h4.section-title-month,
.award-date-filter li.active button h4.section-title-month {
	font-family: 'Neue Kabel Bold', sans-serif;
	text-decoration: none;
}

/*
.award-date-filter li a:hover .section-title-month {
	border-bottom:1px solid rgb(0,255,255);
}
*/
/*
.award-date-filter li.active .section-title-month {
	border-bottom:1px solid rgb(0,255,255);
	border-bottom:4px solid rgb(0,255,255);
}
*/

#awards-results .section-title-category {
	text-decoration:none;
	font-family: 'Neue Kabel Bold', sans-serif;
	font-size: 50px;
}

.page-annual-awards #awards-results .section-title-category {
	margin-bottom: 50px;
}

#awards-results .award-category {
	width:99%;
	margin: 0 auto;
	padding-bottom: 50px;
	border-bottom:2px solid rgb(0,255,255); 
}

.section-title-category a,
.section-title-category button {
	color: rgb(0,255,255);
}
.section-title-category a:hover,
.section-title-category button:hover {
	text-decoration: none;
}

/**/
#awards-container {
	position: relative;
	padding:0 37px;
}
#awards-container .item .title,
#awards-container .item .agency,
#awards-container .item .ranking{
	color: rgb(0,255,255);
}

#awards-container .item .ranking-box {
	position:relative;
	width:100%;
	height:100%;
}

#awards-container .item .ranking-details {
	position:relative;
	margin-top:20px;
}

#awards-container .item .ranking{
	position: absolute;
	bottom:-30px;

	font-size:48px;
	font-family: 'Neue Kabel Bold', sans-serif;
}

#awards-container .item .title {
	display: inline-block;
	border-bottom: 1px solid rgb(0,255,255);
}


/**/
.award-title-category {
	font-size: 28px;
	font-size: 1.3vw;
	color: rgb(0,255,255);
    font-family: 'Neue Kabel Bold', sans-serif !important;
}
.award-category {
	position: relative;
	margin-bottom: 50px;
	opacity: 0;
	transition: all .9s ease;
}

[data-ui-template-awards].image-loaded .award-category {
	opacity: 1;
}

.active-category-holder {
	display: block;
	position: relative;
}

.active-category-holder:after {
	content: '';
	top:0;
	left:0;
	width:100%;
	height:5px;
	position: absolute;
	display: block;
	z-index: 0;
	background-color: rgb(0,255,255);
}

.active-category-holder:before {
	content: '';
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
	display: block;
	z-index: 0;
	transition: all .9s ease;
	background-color: rgba(161, 13, 227, 0.4);
}
.active-category-holder:hover:before {
	background-color: rgba(161, 13, 227, 0);
}

.active-category-holder:hover {
	text-decoration: none;
}

.owl-carousel .owl-item a,
.owl-carousel .owl-item button {
	position: relative;
	display: block;
	width:100%;
	height:100%;

	

	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color:#000;
}

.page-awards .owl-carousel .owl-item a,
.page-awards .owl-carousel .owl-item button {
	/** /
	background-image: none !important;
	/**/
	/**/
	height: 305px;
	/**/
}

.active-category-holder a,
.active-category-holder img,
.active-category-holder button {
	width:100%;
	position: relative;
}

.owl-carousel .owl-item img {
	opacity: 0;
	transition: all 0.5s ease-out;
	max-height: 445px;
	width: 100%;
    height: auto;
}

.owl-carousel .owl-item:hover img {
	filter: grayscale(1);
}

#awards-container .item .title,
#awards-container .item .ranking,
#awards-container .item .agency {
	transition: all 0.5s ease-out;
}

#awards-container .owl-item:hover .title,
#awards-container .owl-item:hover .ranking,
#awards-container .owl-item:hover .agency {
	color: #fff;
}

#awards-container .owl-item:hover .title {
	border-color:#fff;
}


/* AWARDS - RANKINGS SECTION */
#awards-rankings .section-title,
#awards-rankings .section-title-category {
	color: rgb(0,255,255);
	text-decoration: underline;
}

#awards-rankings .section-title-month {
	color: rgb(0,255,255);
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	font-size:36px;
	text-decoration: line-through;
	font-family: 'Neue Kabel Light', sans-serif;
}

#awards-rankings li.active .section-title-month {
	text-decoration:none;
	font-family: 'Neue Kabel Bold', sans-serif;
	text-decoration: none;
}

.award-rankings-filter {
	display: block;
}
.award-rankings-filter li {
	display: inline-block;
	margin-right:50px;
}

.award-rankings-filter li a:hover{
	text-decoration:none;
}

.award-rankings-filter li a:hover .section-title-month {
	border-bottom:1px solid rgb(0,255,255);
}

.award-rankings-filter li.active .section-title-month {
	border-bottom:1px solid rgb(0,255,255);
}

#award-rankings .award-date-filter li a:focus,
#award-rankings .award-date-filter li a:hover,
#award-rankings .award-date-filter li.active a {
	text-decoration:none;
}

#awards-rankings .section-title-category {
	text-decoration:none;
	color: rgb(0,255,255);
	font-size:40px;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
	background: rgb(0,255,255);
}


.table-rankings {
	color: rgb(0,255,255);
	margin-bottom: 50dvh;
}

.table-rankings tbody tr{
	border-bottom: 1px solid rgb(0,255,255);
}

.table-rankings tbody tr:first-child {
	border-width: 5px;
}
.table-rankings tbody tr:last-child {
	border-bottom:none;
}


.table-rankings tbody tr .ranking-position {
	width:20%;
	font-size:100px;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.table-rankings tbody tr .ranking-agency {
	font-size:20px;
	font-weight:bold;
	font-family: 'Neue Kabel Light', sans-serif;
}


/* AWARDS - HALL OF FAMER */
.hall-of-famer-title {
	font-size: 72px;
	font-family: 'Neue Kabel Bold', sans-serif;
	padding-left: 15px;
	color: #0ff;
}

.va-slice .excerpt .hall-of-famer-content p {
    font-size: 25px;
	line-height: 35px;
	color: #0ff;
}

.hall-of-famer-image {
	width:100%;
	max-width: 500px;

	width: auto;
	max-width: 25vw;
	
	position: relative;
}

.hall-of-famer .tilter__caption {
	color: #0ff;
}

/* AWARDS - SINGLE */
.award-entry-title {
	color: rgb(0,255,255);
	font-family: 'Neue Kabel Bold', sans-serif;
	margin-bottom:40px;
	padding-left: 8px;
}

.award-details .accordion-tab {
	border-color: rgb(0,255,255);
	border-color: transparent;
	margin: 0 auto;
	white-space: normal;
}

.award-details .accordion-tab .toggle-heading button{
	color: rgb(0,255,255);
	font-size:18px;
	line-height:20px;
}

.award-details h4 {
	color: rgb(0,255,255);
	margin-bottom: 20px;
    display: block;
}

.award-details h4 strong{
    font-family: 'Neue Kabel Bold', sans-serif;
}

.award-details h4 span{
	color: #fff;
	margin-top: 5px;
    display: block
}

.award-featured-image a {
	display: block;
	position: relative;
}

.award-featured-image img {
	max-width: 100%;
	width: 100%;
	border: 2px solid rgb(0,255,255);
}


.additional-videos {
	margin-bottom:50px;
}
.additional-images {
	margin-bottom:50px;
}

.additional-images .additional-image-holder {
	margin-bottom:10px;
}

.additional-images a img{
	position: relative;
	width:100%;
	border: 2px solid rgb(0,255,255);
}

a[data-ui-fancybox] {
	position: relative;
	display: block;
}

a[data-ui-fancybox]:hover [class^='overlay-media-'] {
	background-color: transparent;
}

[class^='overlay-media-'] {
	transition: all 500ms ease-out 0s;
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

	background-color: rgba(0,0,0,0.5);
	background-position: center center;
	background-repeat: no-repeat;

}

[class^='overlay-media-'] svg {
	transition: all 500ms ease-out 0s;
	display: block;
	position: absolute;
	left:50%;
	top:50%;
	width:100px;
	height:100px;

	width: 25%;
	height: 25%;
	
	opacity:1;
	transform:translateX(-50%) translateY(-50%);
}

[class^='overlay-media-'] svg path {
	fill:rgb(0,255,255);
	transition: all 500ms ease-out 0s;
}

a[data-ui-fancybox]:hover [class^='overlay-media-'] svg {
	opacity: .5;
}

/**
 * ----------------------------------------
 * NEWS SECTION
 * ----------------------------------------
 */
/*
.news-item:first-child {
	margin-top:50px;
}
*/
[data-ng-switch-when="in-the-news"] p{
	margin:0;
}
[data-ng-switch-when="in-the-news"] p a {
	color: #a10de3;
}
[data-ng-switch-when="in-the-news"] p a:hover {
	text-decoration:none;
	color:#000;
}

.news-item {
	position: relative;
	margin-bottom:50px;
}

.news-title {
	font-size: 60px;
	line-height: 60px;

	font-size: 3vw;
	line-height: 3vw;

	font-size: 2vw;
    line-height: 2.5vw;
	
	font-family: 'Neue Kabel Bold', sans-serif;
	padding-left: 15px;

	color: #fff;

	transition: all 500ms ease-out 0s;

	position: relative;
	top: 0;
	/*
	transform: translateY(-50%);
	*/
    display: block;
}

.news-title:focus {
	outline: none;
	color: #faff00;
	text-decoration: none;
}

.news-title:hover {
	color: #faff00;
	text-decoration: none;
}

.news-datetime {
	font-size: 30px;
	line-height: 40px;

	font-size: 1.5vw;
	line-height: 2vw;
	
	display: block;
	color: #faff00;
	margin-top:15px;
	font-family: 'Neue Kabel Light', sans-serif;
}

/* NEWS - SINGLE */

.va-slice .excerpt .news-content p {
    font-size: 25px;
	line-height: 35px;
	color: #fff;
}

.news-content-image {
	width:100%;
	max-width: 500px;
	position: relative;
}

/**
 * ----------------------------------------
 * EDUCATION SECTION
 * ----------------------------------------
 */
#education.excerpt p {
	font-size: 22px;
	line-height: 25px;
    margin: 1em auto;
}

#education.excerpt ul {
	list-style: disc;
	position: relative;
    display: block;
    left: 25px;
}
#education.excerpt ul li{
	font-size: 22px;
	line-height: 25px;
	color:#000;
}

#education .main-sticky-content .col-md-6 img {
	width: 100%;
	height: auto;
}

#education .main-sticky-content .col-md-6 video {
	width: 100%;
	height: auto;
}

#education .main-sticky-content .col-md-6 > div {
	width: 100% !important;
}

@media screen and (max-width: 769px) {

	#education .main-sticky-content .col-md-6 video {
		margin-top: 70px;
		padding-bottom: 150px;
	}
}
/**
 * ----------------------------------------
 * CALENDAR SECTION
 * ----------------------------------------
 */
.calendar-archive-switch {
	position: relative;
	font-family: 'Neue Kabel Light', sans-serif;
}

.calendar-archive-switch li {
	display:inline-block;
	margin-right:20px;
}

.calendar-archive-switch li:last-child {
	margin-right: 0;
}

.calendar-archive-switch li a {
	color:rgb(250,56,89);
}
.calendar-archive-switch li a.active {
	/*
	text-decoration: underline;
	*/
	border-bottom: 1px solid rgb(250,56,89);
}

.va-slice-calendar h5,
[data-ng-switch-when="calender"] h5 {
	color: rgb(250,56,89);
}

table {
	table-layout: fixed;
	width: 98% ;
	font-family: 'Neue Kabel Light', sans-serif;
	color:rgb(250,56,89);
}

.page-info table {
	color:#000;
}

table td {
  width: 25% ;
}

table thead tr,
table tbody tr {
	border-bottom:1px solid #fa3859;
}

.page-info table thead tr,
.page-info table tbody tr {
	border-color:#000;
}

table th,
table .address h5 {
	font-size:16px;
	text-transform: uppercase;
}

table.calendar-table .address p {
	font-size:12px;
	line-height:16px;
	margin-bottom: 10px;
}

table .large {
	font-size: 30px;
}
table .bold {
	font-weight:bold;
}
table .uppercase {
	text-transform: uppercase;
}

table .day,
table .address h5 {
	font-family: 'Neue Kabel Bold', sans-serif;
}

table .month,
table .address h5 {
	font-weight: bold;
}

table.calendar-table .text-align-top {
	vertical-align: text-top;
}

.superscript {
	vertical-align: super;
	top: -20px;
	position: relative;
}

@media screen and (max-width: 1280px) {

	table .large {
		font-size: 40px;
	}

}

/**
 * ----------------------------------------
 * ACCORDION
 * ----------------------------------------
 */
[data-ui-accordion] {
	position: relative;
}

.accordion-tab {
	position: relative;
	margin:2em auto;
	padding: 20px 0;
	padding-top:0;
	border-bottom:5px solid #faff00;
}

[data-ui-accordion] div .accordion-tab:last-child {
	border-bottom: none;
}

.accordion-tab .toggle-heading {
	position: relative;
}

.accordion-tab .toggle-heading button {
	font-size:40px;
	display:block;
	color: #faff00;
	width:100%;
	text-align:left;
	top:0;
	position: relative;
	font-weight:bold;
	font-family: 'Neue Kabel Light', sans-serif;
}

.member-table-accordion .accordion-tab .toggle-heading button {
	color: #00ffff;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.member-table-accordion .accordion-tab .toggle-heading button p {
	font-family: 'Neue Kabel Light', sans-serif;
}

.member-table-accordion  .accordion-tab {
	border-color: #00ffff;
}

.member-table-accordion .accordion-tab .toggle-heading svg {
	fill:#00ffff;
}

.member-table-accordion .accordion-tab.active .toggle-body {
	border-color:#00ffff;
}

.member-table-accordion .accordion-tab.active .toggle-body p {
	margin-bottom:0;
}

.accordion-tab.active .toggle-heading button,
.accordion-tab .toggle-heading:hover button {
	color:#ffffff;
}

.accordion-tab .toggle-heading span {
	float:right;
	color:#0064eb;
}

.accordion-tab .toggle-heading svg {
	width: 60px;
	height: 60px;
	position: absolute;
	top: -15px;
	right: -25px;
	fill:#faff00;
	transition: all 250ms ease-out 0s;
}
.accordion-tab .toggle-heading svg.read-more.closed {
	opacity: 1;
}
.accordion-tab .toggle-heading svg.read-more.open {
	opacity: 0;
	width: 30px;
	height: 30px;
	top: 0;
	right: -10px;
	display: none;
}
.accordion-tab .toggle-heading svg.read-more.open line {
	fill:none;
	stroke-width:5;
	stroke:#0064eb;
}

.accordion-tab.active .toggle-heading svg.read-more.closed {
	/*
	opacity: 0;
	*/
	fill: #fff;
	transform: rotate(45deg);
}
.accordion-tab.active .toggle-heading svg.read-more.open {
	opacity: 1;
}

.accordion-tab .toggle-body {
	position: relative;
	overflow: hidden;
	height:0;
	max-height: 0;
	padding: 0 6px;
	transition: all 250ms ease-out 0s;
}

.accordion-tab .toggle-body p{
	opacity: 0;
	margin-top: 15px;
	transition: opacity 250ms ease-out 150ms;
}

.award-details .accordion-tab.active .toggle-body p {
	color: #fff;
	margin-bottom: 0;
	margin-top:5px;
}

.accordion-tab.active .toggle-body {
	height: auto;
	max-height: 100%;
	margin: 1em auto;

	border-top: 1px solid #faff00;
}

.accordion-tab.active .toggle-body p{
	font-size:14px;
	line-height: 18px;
	opacity: 1;
}

.page-info .accordion-tab.active .toggle-body {
	border-color:#000;
}

/**
 * ----------------------------------------
 * ADMIN FORMS
 * ----------------------------------------
 */

#admin-forms {
	overflow: hidden;
	max-height: 0;

	transition: all 250ms ease-out 0s;
}
#inline-form-login,
#inline-form-register {
	display: block;
	opacity: 0;
	transition: opacity 250ms ease-out 250ms;
}

.admin-form-login-open .navbar-default,
.admin-form-register-open .navbar-default {
	min-height:100vh;
	overflow: hidden;
	overflow-y: scroll;
}

.admin-form-login-open .navbar-default .container,
.admin-form-register-open .navbar-default .container {
	width: 100%;
	transition: all 250ms ease-out 0s;
}

.admin-form-login-open #admin-forms,
.admin-form-register-open #admin-forms {
	overflow: visible;
	max-height: 100%;

	width: 100%;
    height: 80vh;
    top: 20vh;
    position: fixed; 
}

.admin-form-login-open #inline-form-login,
.admin-form-register-open #inline-form-register {
	display: block;
	opacity: 1;
	transition-delay:0s;
}

.admin-form-login-open #inline-form-register,
.admin-form-register-open #inline-form-login {
	position: absolute;
	visibility: hidden;
	width: 100%;
	display: none;
}

.simform {
	top:10vh;
	position: relative;
	display: block;
	margin-bottom: 15vh;
	max-width: 90%;
}

.simform h4.form-section-title {
	color: #fff;
	text-transform: uppercase;
	font-size:2.5em;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.simform p {
	color: #fff;
	display:block;
	width:80%;
	margin:1em auto;
}

.simform p.form-feedback {
	color: #fff;
	display:block;
	text-align:left;
	font-size: 1.5em;
	margin-left:0;
	margin-right:0;
	font-family: 'Neue Kabel Bold', sans-serif;
}

.simform p.form-feedback.error {
	color: #ff5722;
}
.simform p.form-feedback.success {
	color: #4caf50;
}

.simform .simform-inner {
	width:100%;
	margin:1em auto;
}

.simform input,
.simform select {
	display:block;
	padding: 10px 50px;
	padding-left:0;
	width:100%;
	margin:1em auto;
	margin-top: 0;
	color: #fff;
	border:none;
	font-size:3vh;
	border-radius: 0;
	background-color: transparent;
	border-bottom: 1px solid #333;

	transition: all 250ms ease-out 0s;
}

.simform select {
	color:#666;
}
.simform select {
	color:#666;
}
.simform select.ng-not-empty {
	color:#fff;
}

.simform select option {
	font-size:1em;
}

.simform input:focus,
.simform select:focus {
	outline:none;
	border-color:#fff;
}

.simform button {
	color:#fff;
	border:1px solid #fff;
	font-size:2vh;
	width:auto;
	text-align: center;
	padding:10px 50px;
	margin-top:1em;
	text-transform: uppercase;

	font-family: 'Neue Kabel Bold', sans-serif;

	transition: all 250ms ease-out 0s;
}

.simform button:focus,
.simform button:hover {
	color:#000;
	background:#fff;
}

.simform button.reset {
	margin-left:1em;
}

.simform label {
	color: #fff;
	font-size: 1em;
	font-family: 'Neue Kabel Bold', sans-serif;
	text-transform: uppercase;
    letter-spacing: 2px;
}

.simform input[type="radio"] {
	margin: 0;
	display:inline-block;
	width: auto;
}
.radio-group {
	display: inline-block;
	margin-right: 2em;
	margin-bottom: 2em;
}

.radio-opt {
	color: #fff;
	display:inline-block;
	margin: 0;
	margin-left: 1em;
    margin-right: 2em;
	font-family: 'Neue Kabel Bold', sans-serif;
	font-size: 1.5em;
}

.simform input[type="checkbox"] {
    margin: 0;
    top: 5px;
	position: relative;
	display:inline-block;
	width: auto;
	margin-right:10px;
}

#g-recaptcha {
	top: 17px;
	left:-5px;
    position: relative;
}

#theForm-payfast.simform,
#theForm-payfast-login.simform {
	top:2dvh;
}

#theForm-payfast-login.simform input[type="number"]::placeholder,
#theForm-payfast-login.simform input[type="text"]::placeholder,
#theForm-payfast-login.simform input[type="email"]::placeholder,
#theForm-payfast-login.simform input[type="password"]::placeholder,
#theForm-payfast.simform input[type="text"]::placeholder,
#theForm-payfast.simform input[type="email"]::placeholder,
#theForm-payfast.simform input[type="password"]::placeholder {
	color: #dddddd;
}

#theForm-payfast-login.simform input,
#theForm-payfast-login.simform select,
#theForm-payfast.simform input,
#theForm-payfast.simform select {
	border-bottom-color: #FFFFFF;
}

#theForm-payfast.simform p.form-feedback,
#theForm-payfast-login.simform p.form-feedback {
	width: 100%;
    text-align: center;
    background: #0e212973;
    padding: 2em 1em;

	transition: all .5s ease-out;
}


#theForm-payfast p.access-code-redirection-message,
#theForm-payfast-login p.access-code-redirection-message {
	text-align:left;
	font-size:clamp(24px, 2em, 36px);
	line-height: 1.2;
	width: 100%;
}

#theForm-payfast-login p.access-code-redirection-message a,
#theForm-payfast p.access-code-redirection-message a {
	color: #FFFFFF;
	text-decoration: underline;
}

@media screen and (max-width: 640px) {

	.simform {
		margin-bottom: 15vh;
	}

	.simform p.form-feedback {
		font-size: 1em;
	}

	.simform input,
	.simform select {
		font-size:3vh;
		margin-top: 0;
	}

	.simform button {
		font-size:2vh;
		padding: 15px 20px;
	}

	.simform button.reset {
		margin-left: 0;
		padding: 15px 20px;
	}

}


.payfast_compact_payment_modal {
	z-index: 999 !important;
}
/**
 * ----------------------------------------
 * TABS FOR PROTECTED CONTENT
 * ----------------------------------------
 */
.tab-wrap {
	transition: 0.3s box-shadow ease;
	border-radius: 6px;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	list-style: none;
	background-color: #3980E5;
	margin: 40px 0;
	z-index: 1;
	/*
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	/**/
}
/** /
.tab-wrap:hover {
  	box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
/**/
.tab {
  	display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
	opacity: 1;
	transition: 0.5s opacity ease-in, 0.8s transform ease;
	position: relative;
	top: 0;
	z-index: 100;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  	border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tab:checked + label {
	background-color: #3980E5;
	background-color: #f2f2f2;
	box-shadow: 0 -1px 0 #fff inset;
	cursor: default;
	color: #000000;
	font-weight: bold;
}
.tab:checked + label:hover {
	box-shadow: 0 -1px 0 #fff inset;
	background-color: #3980E5;
}
.tab + label {
	box-shadow: 0 -1px 0 #eee inset;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	display: none !important;
	text-decoration: none;
	color: #FFFFFF;
	flex-grow: 3;
	text-align: center;
	background-color: #3980E5;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	text-align: center;
	transition: 0.3s background-color ease, 0.3s box-shadow ease;
	height: 65px;
	font-size: 2em;
	box-sizing: border-box;
	padding: 15px;
}
.tab + label:hover {
	/*
	background-color: #f9f9f9;
	box-shadow: 0 1px 0 #f4f4f4 inset;
	/**/
}
.tab__content {
	padding: 10px 25px;
	background-color: transparent;
	position: absolute;
	width: 100%;
	z-index: -1;
	opacity: 0;
	left: 0;
	transform: translateY(-3px);
	border-radius: 6px;
}
/**
 * ----------------------------------------
 * GALLERY CONTENT
 * ----------------------------------------
 */

.gallery-content {
	position:relative;
}

.gallery-content .tilter__image{ 
	opacity:1;
}

/**
 * ----------------------------------------
 * ANIMATIONS SECTION
 * ----------------------------------------
 */

.main-squeeze {
	display:block;
	position: absolute;
	right: 0;
    z-index: 9;
    width: 100px;
	height: 100px;

	right: -25px;
	top: -15%;
	top: 50%;
	
	opacity: 0;

	background: none;
    border: none;
}

.va-slice.active .main-squeeze {
	opacity: 1;
	display: none;
	transform: rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

/* ANIMATIONS SECTION * /
.va-wrapper:hover > .va-slice:not(:hover)
body:not(.slide-already-open) .va-slice:hover ,
*/
/* * /
body:not(.slide-already-open) .va-slice:hover {
	flex-basis: 5em;
	
}
/**/

/* OPEN STATES */
body:not(.slide-already-open) .va-wrapper:hover > .va-slice:not(:hover) {
	/*
	padding-top:20px;
	padding-bottom:20px;
	/*
	transition: padding 500ms ease 250ms;
	* /
	transition: padding 500ms ease;
	flex-basis: 2em;
	*/
	flex-grow: 2em;
	
}
.va-slice.active,
.page-info .va-slice.va-slice-info,
.page-members .va-slice.va-slice-members,
.page-how-to-enter .va-slice.va-slice-how-to-enter,
.page-news .va-slice.va-slice-in-the-news,
.page-calendar .va-slice.va-slice-calendar,
.page-education .va-slice.va-slice-education {
	cursor: default;
	/** /
	max-height: 100%;
	flex-basis: 60vh;
	/**/
}

/* FULLSCREEN FLEX */
.slide-already-open.all-money-in .va-slice:not(.active) {
	flex:0;
}

body.show-mobile-menu #sidenav .va-slice:not(.active):hover {
	/** /
	flex-basis: 5em;
	/**/
	letter-spacing: 5px;
}

.va-slice.active .va-content {
	position: relative;
	/*
	height:300vh;
	height:80vh;
	
	max-height:200vh;
	max-height:80vh;

	padding-bottom: 40vh;
	*/
	margin:0 auto;
	min-height: 100vh;
	height: 100%;
	/*
	max-height: 50vh;
	*/
	max-height: 100%;
	padding-bottom:5em;
	overflow-y: hidden;
}

[data-ui-accordion-content].va-slice {
	max-height: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 250ms ease-out;
}
[data-ui-accordion-content].va-slice.active {
	max-height: initial;
	pointer-events: all;
	opacity: 1;
    padding-top: 50px;
	/**/
	animation: .75s SmallcontentAppear;
	/*
	animation: .75s SmallcontentAppear 250ms;
	animation-delay: 500ms;
	/**/
}

/* Animating in */
#content-holder .va-slice.ng-enter-prepare {
	/** /
	position: absolute;
	top: 0;
	/**/
}

#content-holder .va-slice.ng-enter-prepare.active {

} 
#content-holder .va-slice.ng-enter-prepare.active.ng-animate {
	
} 
#content-holder .va-slice.active.ng-animate {

}
#content-holder .va-slice.ng-animate.active-add .content-container {
	opacity: 0;
	/** /
	position: absolute;
	
	/** /
	opacity: 1;
	max-height: initial;
	-webkit-animation: content-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: content-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	/**/
}
#content-holder .va-slice.ng-animate.active-add.active {
	/** /
	position: relative;
	/**/
}

/* Animating out */
/*start of removal*/
#content-holder .va-slice.active.ng-animate {
	
	/** /
	-webkit-animation: content-focus-out 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: content-focus-out 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	/**/
}
#content-holder .va-slice.active.ng-animate.active-remove {
	
}

/* INNER CONTENT SECTION */
.content-container.ng-leave-active,
.content-container.ng-enter-active {
	top:0;
	left:0;
	opacity: 0;
	/*
	position: absolute;
	*/
	transition: all 250ms ease-out 0s;

	transition-delay: 0s;
}

.content-container.ng-enter{
	animation: .75s contentAppear 250ms;
}
  
.content-container.ng-leave {
	animation: .5s contentDisappear;
}

@keyframes stickyAppear {
	from {
		
		opacity: 0;
	}
	to {
		
		opacity: 1;
	}
}

@keyframes SmallcontentAppear {
	from {
	  opacity: 0;
	  transform: translateY(-20%);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
}

@keyframes contentAppear {
	from {
	  opacity: 0;
	  transform: translateY(-50%);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
}

@keyframes contentDisappear {
	from {
	  opacity: 1;
	  transform: 0;
	}
	to {
	  opacity: 0;
	  transform: translateY(-50%);
	}
}

/**
 * ----------------------------------------
 * RESPONSIVE
 * ----------------------------------------
 */

@media screen and (max-width: 1440px) and (min-height: 900px) {

	.va-title {
		font-size: 5vh;
	}
	
}
@media screen and (max-width: 1281px) {

	#creative-circle-logo {
		top:15px;
		max-width: 250px;
	}

	.va-title {
		font-size: 5vh;
	}

	#awards-results .section-title-month {
		font-size: 30px;	
	}

}

@media screen and (max-width: 1085px) {

	.va-title {
		font-size: 3vh;
        line-height: 1.2;
        top: 0;
        position: relative;
        transform: none;
	}

	ul.sponsors-list li {
		margin-left:20px;
	}
}

@media screen and (min-width: 767px) {

	.menu-toggle {
		padding-bottom: 35px;
	}
}

@media screen and (max-width: 991px) {

	body {
		overflow-x: hidden;
		overflow-y: scroll;
	}

	#top-navigation {
		z-index: 5;
	}

	#top-navigation .navbar-nav {
		margin: 0;
	}

	#btn-register {
		margin-right: 0;
	}

	.sticky-sidebar,
	.sticky-sidebar.left,
	.sticky-sidebar.right {
		position: relative;
		top:0;
		left:0;
		right:auto;
	}

	.sticky-sidebar .sidebar__inner {
		width:100%;
		margin-bottom:50px;
		text-align: left;
	}

	.navbar-default {
		background-color: #0994f6;
	}

	.page-members .navbar-default {
		background-color: #ff0099;
	}

	.page-calendar .navbar-default {
		background-color: #00ffff;
	}

	.page-awards .navbar-default {
		background-color: #a10de3;
	}

	.page-education .navbar-default {
		background-color: #faff00;
	}

	.page-how-to-enter .navbar-default {
		background-color: #fa3859;
	}

	.navbar-default .container {
		width: 90%;
		margin: 0;
		background:  #232321;
		animation: none !important;
	}

	.menu-toggle {
		display: block;
		background-color: transparent;
	}

	.admin-form-login-open .menu-toggle,
	.admin-form-register-open .menu-toggle {
		display: none;
	}

	.admin-form-login-open #top-sponsors,
	.admin-form-register-open #top-sponsors {
		display: none;
	}

	#hero-holder {
		flex-direction: column-reverse;
		height: 100%;
	}

	#hero-feature{
		max-width: 100%;
	}

	#hero-feature .owl-carousel .owl-item .slide-details {
		width: 100%;
		transform: none;
	}

	#hero-feature .page-default .slide-details,
	#hero-feature .owl-carousel .owl-item .slide-details {
		padding: 20px 60px;
		text-align: center;
		bottom: 20px;
	}

	#hero-feature .slide-details p,
	#hero-feature .page-default .slide-details p {
		font-size: 1.5em;
	}

	

	.scroll {
		display: none !important;
	}

	.va-container {
		max-width: 100%;
		min-height: initial;
	}

	#content-holder [data-ui-accordion-content].va-slice {
		padding-left: 10%;
	}

	.page-news #content-holder [data-ui-accordion-content].va-slice,
	.page-info #content-holder [data-ui-accordion-content].va-slice,
	.page-awards #content-holder [data-ui-accordion-content].va-slice,
	.page-education #content-holder [data-ui-accordion-content].va-slice,
	.page-calendar #content-holder [data-ui-accordion-content].va-slice,
	.page-how-to-enter #content-holder [data-ui-accordion-content].va-slice {
		padding-left: 5%;
    	padding-right: 10%;
	}

/**/
}

@media screen and (max-width: 989px) {
/**/
	
	#top-sponsors .sponsors-list li {
		display: none;
	}

	#top-sponsors .sponsors-list li:first-child,
	#top-sponsors .sponsors-list li:last-child {
		display: block;
	}

	#hero-feature .page-default .slide-details,
	#hero-feature .page-default .item-video .slide-details,
	.page-calendar #hero-feature .page-default .slide-details {
		width: 100%;
		transform: none;
		transform: translateY(80%);
	}

	#hero-feature .page-default .item-video .slide-details {
		transform: translateY(100%);
	}

	/**/
	#hero-feature .owl-carousel .cntnt-hldr,
	#hero-feature .page-default .cntnt-hldr {
		
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		width: 100%;
		height: calc(100dvh - 15dvh);
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;	
	}
	/**/

	#sidenav {
		
		transform: translateX(-90%);
	}

	/** /
	#sidenav .va-slice:after {
		content: attr(data-title);
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 10%;
		font-size: 1em;
		pointer-events: none;
		/** /
		font-weight: bold;
		font-family: 'Neue Kabel Bold', sans-serif;
		
		transform: rotate(-90deg);
		transition: all 250ms ease-out 0s;
	}
	/**/

	#sidenav .va-slice:not(.active):focus:after,
	#sidenav .va-slice:not(.active):hover:after {
		transform: translateX(120%) rotate(-90deg);
		font-family: 'Neue Kabel Bold', sans-serif;
	}

	#sidenav .va-slice.active:after {
		font-family: 'Neue Kabel Bold', sans-serif;
	}

	#sidenav .va-slice .main-squeeze {
		pointer-events: none;
	}

	.show-mobile-menu #sidenav {
		transform: translateX(0);
	}

	.show-mobile-menu #sidenav .va-slice:after {
		opacity: 0;
	}

	.show-mobile-menu #sidenav .va-slice .main-squeeze {
		pointer-events: all;
		transform: translateY(20%) rotate(45deg); 
	}

	.show-mobile-menu .navbar-default {
		background-color: #FFFFFF;
	}

	.show-mobile-menu .menu-toggle {
		color: #000000;
	}

	.back-to-top-wrapper {
		display:none;
	}

	#content-holder .va-slice.active .va-content {
		padding-top: 0;
	}

	#content-holder .inner-page-title-navigation {
		padding: 0 50px;
		height: auto;
	}
	#content-holder .main-sticky-content {
		padding: 0;
        margin-top: 50px;
	}

	.section-title {
		margin-bottom: 0;
	}

	/** /
	.inner-page-title-navigation {
		max-height: 150px !important;
	}
	/**/

	.inner-page-title-navigation ul {
		position:relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		
		left: 0;
		height:auto;
		transform: none;
	}

	.inner-page-title-navigation ul li {
		margin-right: 0;
	}

	.inner-page-title-navigation ul li:first-child {
		margin-left:0;
		margin-bottom:10px;
	}

	.va-slice:hover .inner-page-title-navigation ul {
		opacity: 0;
	}

	.va-slice.active .inner-page-title-navigation ul {
		opacity: 1;
	}

	.va-slice:not(.active):hover .va-title {
		font-size:6vh;
	}

	.main-squeeze {
		top: -8px;
	}

	body:not(.slide-already-open) .va-slice:hover {
		flex-basis: auto;
		flex-basis: 2em;
	}
	body:not(.slide-already-open) .va-slice:hover .va-title {
		transform: none;
	}

	/** /
	.va-title {
		top:23px;
		position:relative;
		display:block;
		font-size: 5vh; 
	}
	/**/

	.slide-already-open .va-slice:not(.active) .va-title {
		font-size: 3vh;
		line-height: 2vh;
		padding-top: 0px;
		transition-delay: 0s;
	}

	.va-slice .excerpt p {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	

	/* INFO */
	.tilter__figure, .tilter__image {
		width:auto;
		margin:0 auto;

		width: auto;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.exco-container2 {
		column-width: 260px;
	}

	/* CALENDAR */
  
	table.calendar-table .large {
		font-size:24px;
	}

	/* ENTRIES */
	.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter li:before {
		left: -25px;
		top: -15px;
		font-size: 55px;
	}

	.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter li:last-child {
		margin-bottom:0;
	}

	/* AWARDS */
	#awards-results .section-title-category {
		font-size: 4.5vw;
	}
	.toggle-heading .award-date-filter li.label, .toggle-heading .award-date-filter li a .section-title-month {
		font-size: 25px;
	}
	#awards-container {
		padding:0;
	}

	#awards .accordion-tab {
		margin-bottom: 0;
	}

	.hall-of-famer-image {
		max-width: 100%;
	}

}

@media screen and (max-width: 640px) {

	.navbar-default .container {
		padding: 0 10px;
	}

	#creative-circle-logo {
		right: 22px;
		max-width: 150px;
	}

	#top-navigation {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	#top-sponsors {
		width: 90%;
		margin: 0 auto;
		position: absolute;
	}

	#top-sponsors p, #top-sponsors ul li p {
		text-align: left !important;
		font-size: 18px;
	}

	#top-sponsors .sponsors-list li,
	#top-sponsors .sponsors-list li:first-child {
		/*
		display:none;
		display:block;
		*/
		display:block;
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 0;
		opacity: 0 !important;

		transition: all 250ms ease-out 0s;
	}

	#top-sponsors .sponsors-list li.active {
		opacity: 1 !important;
	}

	#top-sponsors .sponsors-list li:last-child {
		margin-top:10px;
		/*
		float:left;
		margin-right: 38px;
		*/
		margin-left: 0;
		display:block;
		position: relative;
	}

	#top-sponsors .sponsors-list li a img {
		max-width: 150px;
		margin: 0 auto;
		display: inline-block;
	}

	#hero-feature .owl-carousel .owl-item .slide-details,
	#hero-feature .page-default .slide-details {
		padding: 20px 60px;
		text-align: center;
	}

	#hero-feature .owl-carousel .cntnt-hldr,
	#hero-feature .page-default .cntnt-hldr {
		margin-left: 2vw;
	}

	.page-calendar #hero-feature .page-default .slide-details {}

	#hero-feature .slide-details p,
	#hero-feature .page-default .slide-details p {
		font-size: 1.1em;
	}

	.va-slice.active .va-content {
		padding-top: 20px;
	}


	.slide-already-open .va-slice:not(.active) .va-title {
		transition-delay:0s;
	}
	.slide-already-open .va-title {
		transition-delay:0s;
	}

	.inner-page-title-navigation ul li {
		margin-right: 10px; 
		position:relative;
		display:inline-block;
		text-align: left;
	}


	.inner-page-title-navigation ul li:last-child:after {
		content:'';
		padding-left:0;
	}

	.inner-page-title-navigation ul li a {
		font-size: 13px;
	}

	.va-slice .tab-pane,
	#content-holder .inner-page-title-navigation {
		padding: 0 20px;
		
	}

	.va-slice .excerpt p {
		font-size: 22px;
		line-height: 30px;
	}

	/* INFO */
	.page-info-exco .tilter__organisation {
		right:-20px;
	}
	.page-info-exco .tilter__description {
		left:-15px;
	}
	.page-info-exco .exco-member {
		padding: 0 20px;
	} 

	/* AWARDS */
	.slide-already-open.award-show-open .va-slice:not(.active) .va-title {
		margin: 0;
		/** /
		padding-top: .8vh;
    	font-size: 1.2vh;
		/**/
	}

	#awards-results .section-title-category {
		font-size:30px;
	}
	.award-date-filter li {
		margin-right:10px;
	}
	.toggle-heading .award-date-filter li.label, 
	.toggle-heading .award-date-filter li a .section-title-month {
		font-size: 15px;
	}

	.award-date-filter li.label, .award-date-filter li a .section-title-month {
		font-size:12px;
	}

	.section-awards .accordion-tab {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#awards .section-awards .award-details .accordion-tab {
		margin-bottom: 15px;
	}

	.award-details > div {
		padding:0;
	}

	.award-entry-title {
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 30px;
	}

	.award-details[data-ui-accordion] > .col-xs-12 {
		padding:0;
	}

	.award-details .accordion-tab.active .toggle-body p {
		margin-bottom:10px;
	}
	
	/* NEWS */
	.va-slice.va-slice-in-the-news .tab-pane {
		padding-left:0;
	}

	.va-slice .excerpt .news-content p {
		font-size: 12px;
		line-height: 20px;
		margin-bottom:20px;
	}

	.news-item {
		text-align: left;
		margin-bottom: 0;
		padding: 20px 0;
		border-top: 1px solid #27a2a2;
		border-bottom: 1px solid #1e6ddc;
	}

	.news-item:first-child {
		border-top: none;
	}

	.news-item:last-child {
		border-bottom: none;
	}

	.news-datetime {
		margin-top:0;
	}

	/* INFO */
	

	.tilter {
		width:90%;
	}

	/* MEMBER BENEFITS*/
	[data-ng-switch-when="benefits"] .section-members .benefit-description p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	/* MEMBER */
	.va-content .section-members h5 {
		margin-bottom: 15px;
	}
	.section-members .members-logo {
		margin: 15px 0;
	}

	.section-members .members-sidebar-fixed p {
		font-size: 16px;
		line-height: 24px;
	}

	/* MEMBERSHIP TYPES */
	.member-table-accordion .accordion-tab {
		border-bottom: 5px solid #00ffff;
	}
	.member-table-accordion .accordion-tab .toggle-heading button {
		color:#00ffff;
	}

	.member-table-accordion .accordion-tab .toggle-heading svg {
		fill: #00ffff;
	}

	.member-table-accordion .accordion-tab.active .toggle-body {
		border-top:1px solid #00ffff;
	}

	.member-table-accordion .accordion-tab.active .toggle-body p{
		margin-bottom:5px;
	}
	.member-table-accordion .accordion-tab.active .toggle-body p strong{
		color:#00ffff;
		font-family: 'Neue Kabel Bold', sans-serif;
	}

	/* ENTRIES */
	.va-slice-how-to-enter .excerpt .entry-rule-emphasis {
		font-size: 20px;
		line-height: 26px;
	}

	.va-slice-how-to-enter .excerpt .entry-rule-description {
		font-size: 16px;
		line-height: 20px;
	}

	[data-ng-switch-when="how-to-enter"] p a, 
	.va-slice-how-to-enter .excerpt .entry-rule-emphasis a, 
	.va-slice-how-to-enter .excerpt .entry-rule-description a {
		white-space: nowrap;
	}

	.accordion-tab .toggle-heading button {
		font-size: 25px;
	}

	/* AWARDS */
	#awards-container {
		padding:0;
	}
	#awards-rankings .section-title-month {
		font-size: 12px;
	}
	#awards-rankings .section-title-category {
		font-size:20px;
	}

	/* CALENDAR */
	.calendar-table-accordion .accordion-tab {
		border-bottom: 5px solid #fa3859;
	}
	.calendar-table-accordion .accordion-tab .toggle-heading button {
		color:#fa3859;
	}

	.calendar-table-accordion .accordion-tab .toggle-heading svg {
		fill: #fa3859;
	}

	.calendar-table-accordion .accordion-tab.active .toggle-body {
		border-top:1px solid #fa3859;
	}

	.calendar-table-accordion .accordion-tab.active .toggle-body p{
		margin-bottom:5px;
	}
	.calendar-table-accordion .accordion-tab.active .toggle-body p strong{
		color:#fa3859;
		font-family: 'Neue Kabel Bold', sans-serif;
	}

	/* EDUCATION */
	#education.excerpt p {
		font-size: 14px;
		line-height: 20px;
	}

}

/** /
@media screen and (max-width: 480px) and (max-height: 640px) {

	.navbar-default {
		height: 18vh;
	}

	.va-wrapper {
		height: 82vh;
	}

	.slide-already-open .navbar-default, .slide-already-open .va-container {
		transform: translateY(-22vh);
		transform: translateY(-15vh);
	}

}
/**/

/* * /
@media screen and (min-width: 1280px) and (max-height: 800px) {

	.va-slice.active .va-content {
		max-height: 45vh;
	}

}
/**/

@media screen and (max-width: 1280px) and (max-height: 768px) {

	.main-squeeze {
		top:-25px;
	}

	.superscript {
		top:-11px;
	}

	/** /
	.va-slice.active .inner-page-title-navigation {
		max-height:50px !important;
	}

	
	.va-slice.va-slice-awards.active .va-content {
		max-height: 70vh;
		max-height: 85vh;
	}
	/**/

	.section-title {
		margin-bottom:10px;
	}

	.page-how-to-enter .section-title {
		margin-bottom:20px;
	}

	.orientation-landscape .award-title-category {
		font-size: 14px;
	}

	.va-slice-info .excerpt .ranking-subection-heading {
		font-size: 25px;
		line-height: 30px;
	}

	.va-slice .excerpt p,
	.news-title,
	.va-slice .excerpt .hall-of-famer-content p,
	.va-slice-how-to-enter .excerpt .entry-rule-emphasis {
		font-size: 20px;
		line-height: 25px;
	}
	
	.news-datetime,
	#education.excerpt p,
	.section-members .members-sidebar-fixed p,
	.va-slice-info .excerpt .ranking-description,
	[data-ng-switch-when="purpose"] .content-summary p,
	.va-slice-how-to-enter .excerpt .entry-rule-description,
	.va-slice-how-to-enter .excerpt ol li p {
		font-size: 16px;
		line-height: 20px;
	}

	.exco-container2 {
		column-width: 260px;
	}

	.page-calendar table .large,
	.page-members table .large {
		font-size: 30px;
	}

	.accordion-tab .toggle-heading button {
		font-size: 25px;
		line-height: 30px;
	}

	.accordion-tab {
		border-width: 2px;
	}

	.va-slice-how-to-enter .excerpt ol.tips-emphasis-counter li:before {
		font-size: 50px;
		left: -24px;
		top: -13px;
	}

	.award-details .accordion-tab .toggle-heading button {
		font-size: 13px;
		line-height: 18px;
		font-size: 11px;
    	line-height: 15px;
		padding: 0;
	}

	.award-details h4 {
		font-size: 12px;
	}

	#awards-results .section-title-category {
		font-size: 35px;
	}
	.toggle-heading .award-date-filter li.label, .toggle-heading .award-date-filter li a .section-title-month {
		font-size: 20px;
	}
	.award-date-filter li.label, .award-date-filter li a .section-title-month {
		font-size: 14px;
	}
	
	#awards-rankings .section-title-month {
		font-size: 20px;
	}

	#awards-rankings .section-title-category {
		font-size: 20px;
	}

	.table-rankings tbody tr .ranking-position {
		font-size: 50px;
		width: 10%;
	}

	.hall-of-famer-title {
		font-size: 50px;
	}

	.va-slice .excerpt .news-content p {
		font-size: 16px;
		line-height: 20px;
	}

}

@media screen and (max-width: 480px) {

	#top-sponsors .sponsors-list li a img {
		max-width: 100px;
	}

	.va-slice.active .inner-page-title-navigation {
		margin-top: 20px;
		margin: 0 auto;
	}

	.va-slice.active .va-title {
		/*
		top: -10px;
		top: 3vh;
		font-size: 2.5vh;
		*/
		
		
		padding:11px 0;
	}

	.award-date-filter {
		margin-top:0;
	}

	.award-title-category {
		font-size: 3vw;
	}

	[data-ui-template-awards-single] .accordion-tab .toggle-heading svg {
		top:-25px;
	}

	[data-ui-template-awards-single] .accordion-tab .toggle-body {
		padding: 0;
	}
	
}

@media screen and (max-width: 320px) {

	/** /
	#top-navigation {
		top:-10px;
	}
	/**/

	#top-sponsors .sponsors-list li,
	#top-sponsors .sponsors-list li:first-child {
		top:-15px;
	}

	#creative-circle-logo {
		right: 26px;
		max-width: 100px;
	}

	.simform p {
		width: 80% !important;
		margin-left: 0;
	}

	.main-squeeze {
		top: -25px;
	}

	.inner-page-title-navigation ul li a {
		font-size: 9px;
	}

	.va-wrapper {
		height: 88vh;
	}
}


/*
@media screen and (min-height: 768px) {
	
	.navbar-default {
		height: 16vh;
	}

	.va-wrapper {
		height: 84vh;
	}

	.slide-already-open .navbar-default, .slide-already-open .va-container {
		transform: translateY(-16vh);
	}
}

/* * /
@media screen and (min-height: 992px) {
	
	.navbar-default {
		height: 12vh;
	}

	.va-wrapper {
		height: 88vh;
	}

	.slide-already-open .navbar-default, .slide-already-open .va-container {
		transform: translateY(-12vh);
	}
}
/**/
/* ----------------------------------------------
 * Generated by Animista on 2019-3-1 13:47:32
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		display: none;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		display: none;
	}
}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
		display: block;
	}

	to {
		opacity: 1;
		display: block;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		display: block;
	}

	to {
		opacity: 1;
		display: block;
	}
}

@-webkit-keyframes menuExpandIn {
	from {
		max-width: 60px;
		max-width: clamp(60px, 10dvw, 60px);
		transform: translateX(-90%);
	}

	to {
		max-width: 100%;
		transform: translateX(0%);
	}
}

@keyframes menuExpandIn {
	from {
		max-width: 60px;
		max-width: clamp(60px, 10dvw, 60px);
		transform: translateX(-90%);
	}

	to {
		max-width: 100%;
		transform: translateX(0%);
	}
}

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
	0% {
	  letter-spacing: 1em;
	  opacity: 0;
	}
	40% {
	  opacity: 0.6;
	}
	100% {
	  letter-spacing: normal;
	  opacity: 1;
	}
}
@keyframes tracking-in-contract {
	0% {
	  letter-spacing: 1em;
	  opacity: 0;
	}
	40% {
	  opacity: 0.6;
	}
	100% {
	  letter-spacing: normal;
	  opacity: 1;
	}
}


/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 0;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
}
@keyframes text-focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 0;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
}

@-webkit-keyframes content-focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 1;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
}
@keyframes content-focus-in {
	0% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 1;
	}
	100% {
	  -webkit-filter: blur(0px);
			  filter: blur(0px);
	  opacity: 1;
	}
}

@-webkit-keyframes content-focus-out {
	0% {
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
	100% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 1;
	}
}
@keyframes content-focus-out {
	0% {
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
	100% {
	  -webkit-filter: blur(12px);
			  filter: blur(12px);
	  opacity: 1;
	}
}
/**
 * ----------------------------------------
 * animation color-change-5x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-5x {
	0% {
	  background: #19dcea;
	}
	25% {
	  background: #b22cff;
	}
	50% {
	  background: #ea2222;
	}
	75% {
	  background: #f5be10;
	}
	100% {
	  background: #3bd80d;
	}
}
@keyframes color-change-5x {
	0% {
	  background: #19dcea;
	}
	25% {
	  background: #b22cff;
	}
	50% {
	  background: #ea2222;
	}
	75% {
	  background: #f5be10;
	}
	100% {
	  background: #3bd80d;
	}
}

@-webkit-keyframes fill-change-5x {
	0% {
	  fill: #19dcea;
	}
	25% {
	  fill: #b22cff;
	}
	50% {
	  fill: #ea2222;
	}
	75% {
	  fill: #f5be10;
	}
	100% {
	  fill: #3bd80d;
	}
}
@keyframes fill-change-5x {
	0% {
	  fill: #19dcea;
	}
	25% {
	  fill: #b22cff;
	}
	50% {
	  fill: #ea2222;
	}
	75% {
	  fill: #f5be10;
	}
	100% {
	  fill: #3bd80d;
	}
}
  

/** /
.va-wrapper:hover > .va-slice:not(:hover) {
	flex-basis: 1.5em !important;
}
/**/

.ytp-title,
.ytp-suggestions,
.ytp-show-cards-title,
.ytp-title-text,
.ytp-title-enable-channel-logo .ytp-title-channel,
.ytp-chrome-top-buttons,
.ytp-button.ytp-expand {
	display:none !important;
}