:root {    
	scroll-behavior: unset;
}
body {
	background-color :#000;
	font-family:"lato";
	line-height: 1.1;
	color: #000;
}
.bgtexture__main {
	color: #fff;
}

/*** LAYOUT ***/

main {
	width: 100%;
	padding: 0;
	position: relative; 
	min-height: 100vh;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 10;
}
footer {
	z-index: 5;
	background-color: #000;
	padding: 6rem 0;
	width:100%;
	
}
footer .row {
	margin: 0;
}
.placeholder {
	position: relative; 
	z-index: 1; /* same as footer height */
}

section .container,
section .container-fluid {
	position: relative;
	z-index:2;
}
section .container-fluid {
	max-width: 1652px;
}

.topbar {
	height: 5rem;
	background: #000;
	background:rgba(0, 0, 0, .9);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	top: -5rem;
	transition: ease 0.4s;
	z-index:11;
}
.topbar__show {
	top: 0;
}
.asscrollbar.heliumscrollbar > div > div {
	background-color: #8A8E8F;
}

/* for lazy load */
img {display:block;}

/* HELIUM LOGOOS */

.svg-container { 
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 17vw;
	vertical-align: middle; 
}
.section-header__intro .svg-container {
	visibility: hidden;
}
.svg-container__header { 
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0 7vw;
}
.svg-container__header__flavour {
	position:absolute;
	top:2.5vw;
	left:3vw;
    z-index:3;
}
.svg-container__header__flavour svg {
	width: 13vw;
}
.svg-logo { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: auto;
}
.shadow {
	-webkit-filter: drop-shadow( 13px 13px 12px rgba(0, 0, 0, .7));
	filter: drop-shadow( 13px 13px 12px rgba(0, 0, 0, .7));
  }
footer .svg-container { 
	margin: 0;
	padding: 0;
}
footer .svg-container a { 
	display: inline-block;
}
footer .svg-logo {
	position: relative;
	left: 0;
	width: 85%;
}
@media only screen and (orientation:portrait) {
	footer .svg-logo.svg-logo__music {
		width: 72%;
	}
}
@media only screen and (orientation:landscape) {
	footer__helium-identity {
		margin-top: 10vh;
	}
}
footer .row .col-lg-4 {
	padding: 0;
}
.footer__helium-identity p {
	margin-top: 2vh;
	margin-bottom: 3rem;
}
@media only screen and (orientation:landscape) {
	.footer__helium-identity p {
		margin-top: 5vh;
	}
}
@media only screen and (orientation:landscape) and (min-width:1350px) {
	.footer__helium-identity p {
		margin-bottom: 0;
	}
}
@media only screen and (orientation:landscape) and (min-width:1024px) {
	footer .svg-logo { 
		width: auto;
		height: 8vh;
		max-height: 80px;
	}

	footer .row:nth-child(1) .col-lg-4:nth-child(1) {
		padding: 0 4vw 0 0;
	}
	footer .row:nth-child(1) .col-lg-4:nth-child(2) {
		padding: 0 2vw;
	}
	footer .row:nth-child(1) .col-lg-4:nth-child(3),
	footer .row:nth-child(2) .col-lg-4:nth-child(2) {
		padding: 0 0 0 4vw;
	}
}

header .svg-container {
	position:relative;
	top:0;left:1.5rem;
	z-index:13;
	padding:0;
	width:200px;
	height:auto;
}
header .svg-container a {
	display: inline-block;
}

/* SECTION */

section {
	position: relative;
	height: auto;
	padding: 10vh 0;
	width: 100%;
	overflow: hidden;
	z-index: 12;
}
section.section-header__home {
	padding: 0;
}
section.section-team {
	padding-bottom: 0;
}
@media (orientation: landscape) {
	section {
		min-height: 75vh;
		overflow: hidden;
		padding: 10vh 0;
	}
	section.section-header__home {
		max-height:100vh;
		min-height: unset;
		padding:0;
	}
	
}
@media (orientation: portrait) and (min-width:768px) {
	section {
		padding: 15vh 0;
	}
	section.helium-identity {
		padding: 10vh 0;
	}
	section.section-header__home {
		padding:0;
	}

}
.section-header__logo, /* changed to intro, delete if works */
.section-header__intro,
.section-bg,
.section__showreel,
.section-100vh {
	height: 100vh;
}
@media only screen and (orientation:portrait) {
	.section-header__logo, /* changed to intro, delete if works */
	.section-header__intro,
	.section-bg,
	.section__showreel,
	.section-100vh {
		height: 100vh;
		min-height: 100vh;
	}
}
.section-50vh {
	height: 50vh;
}
.section-extended {
	height:auto;
	min-height: 100vh;
	padding: 2.5rem 0;
}
@media only screen and (orientation:landscape) {
	.section-extended {
		min-height: 75vh; 
	}
}
.section-extended > .row {
	margin: 2rem 0;
}
.section-nopadding {
	padding: 0;
}
.section-auto {
	height: auto;
	min-height:unset !important;
}
.section__carousel {
	padding: 0;
}
.section-header {
	background-color: #000;
}
.section-third {
	height: auto;
	min-height:33vh !important;
}
.section-last {
	padding-bottom: 12vh; 
}
.section-showpage__video {
	margin-top: 14.4vh;
	padding: 0;
}

/* section textures */

.bgtexture__main {
	background:linear-gradient(90deg,  rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.4) 100%), url('/assets/img/background02.png') repeat 0 0;
	background-color: #000;
	background-blend-mode: screen;
}
.bgtexture__pictures {
	background-color: #23B7EB;
	background-blend-mode: multiply;
}
@media (pointer: fine) and (hover: hover) {
	.bgtexture__pictures {
		background:linear-gradient(90deg,  rgba(255,255,255,0.2) 0%,rgba(0,132,185,0.5) 100%), url('/assets/img/whiteBG.png') repeat 0 0;
		background-color: #23B7EB;
		background-blend-mode: multiply;
	}
}
.bgtexture__records{
	background-color: #e62f32;
	background-blend-mode: multiply;
}
@media (pointer: fine) and (hover: hover) {
	.bgtexture__records {
		background:linear-gradient(90deg,  rgba(255,255,255,0.2) 60%,rgba(172,11,12,0.5) 100%), url('/assets/img/whiteBG.png') repeat 0 0;
		background-color: #e62f32;
		background-blend-mode: multiply;
	}
}
.bgtexture__music {
	background-color: #e62f32;
	background-blend-mode: multiply;
}
@media (pointer: fine) and (hover: hover) {
	.bgtexture__music {
		background:linear-gradient(90deg,  rgba(255,255,255,0.2) 60%,rgba(172,11,12,0.5) 100%), url('/assets/img/whiteBG.png') repeat 0 0;
		background-color: #e62f32;
		background-blend-mode: multiply;
	}
}
.bgtexture__studios{
	background-color: #fff;
	background-blend-mode: multiply;
}
@media (pointer: fine) and (hover: hover) {
	.bgtexture__studios {
		background:linear-gradient(90deg,  rgba(255,255,255,0.2) 0%,rgba(170,179,198,0.4) 100%), url('/assets/img/whiteBG5.png') repeat 0 0;
		background-color: #fff;
		background-blend-mode: multiply;
	}
}

.section-bg .bg {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section-bg.section-bg__studios .bg,
.section-bg.section-bg__pictures .bg,
.section-bg.section-bg__records .bg,
.section-bg.section-bg__music .bg {
	opacity:0.2;
}
.section-header__splash__lkotx {
	background-image:url('/assets/img/home__splash_v__lkotx.jpg');
}
@media only screen and (min-width:768px) {
	.section-bg.section-bg__studios .bg {
		opacity:0.6;
	}
	.section-bg.section-bg__pictures .bg {
		opacity:0.4;
	}
	.section-bg.section-bg__records .bg {
		opacity:0.4;
	}
	.section-bg.section-bg__music .bg {
		opacity:0.4;
	}
	.section-bg__pictures__factual .bg {
		background-color:#000;
	}
	.section-header__splash__lkotx {
		background-image:url('/assets/img/home__splash_h__lkotx.jpg');
	}
}
.section__img-splash {
	min-height:unset;
	padding:0;
}
.section__img-splash img {
	object-fit:cover;
	object-position:bottom;
	width:100%;
}
.section-header__intro .svg-container {
	margin:0;
	padding: 0;
	position: absolute;
	top:50%;left:50%;
	text-align: center;
	transform: translate(-50%,-50%);
	z-index:99;
}
.section-header__intro .svg-container .svg-logo {
	position: unset;
}
/* Animated header image */

.section-header__animated-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	position: absolute;
	opacity: 0.4;
}
.section-header__animated-bg__scripted {
	background-image:url('/assets/img/img__header__premium-scripted.jpg');
}
.section-header__animated-bg__unscripted {
	background-image:url('/assets/img/img__header__premium-unscripted.jpg');
}
.section-header__animated-bg__factual {
	background-image:url('/assets/img/img__header__premium-factual.jpg');
}
.section-header__animated-bg__six-festivals {
	background-image: url('/assets/img/show-image__6-festivals_header.jpg');
}
.section-header__animated-bg__sex-and-thugs-and-rocknroll {
	background-image: url('/assets/img/show-image__sex-and-thugs-and-rocknroll_header.jpg');
}
.section-header__animated-bg__paper-dolls {
	background-image: url('/assets/img/show-image__paper-dolls_header.jpg');
}
.section-header__animated-bg__last-king-of-the-cross {
	background-image: url('/assets/img/show-image__last-king-of-the-cross_header.jpg');
}
.section-header__animated-bg__mystify {
	background-image: url('/assets/img/show-image__mystify_header.jpg');
}
.section-header__animated-bg__helium-records {
	background-image:url('/assets/img/img__header__helium-records.jpg');
}
.section-header__animated-bg__darlinghurst {
	background-image: url('/assets/img/show-image__darlinghurst_header.jpg');
}
.section-header__animated-bg__gaspar-sanz {
	background-image: url('/assets/img/show-image__gaspar-sanz_header.jpg');
}
.section-header__animated-bg__rogue-nation-publishing {
	background-image: url('/assets/img/show-image__rogue-nation-publishing_header.jpg');
}
.section-header__animated-bg__australias-most-identical {
	background-image: url('/assets/img/show-image__australias-most-identical_header.jpg');
}
.section-header__animated-bg__we-interrupt-this-broadcast {
	background-image: url('/assets/img/show-image__we-interrupt-this-broadcast_header.jpg');
}
.section-header__animated-bg__ultimate-escape {
	background-image: url('/assets/img/show-image__ultimate-escape_header.jpg');
}

/* Text Overlay */

.text_overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
}
.text_overlay::before {
	background: #000;
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
}

/* RESET BOOT BTN */
  
.btn {
	background-color:#8A8E8F;
	border-color:#8A8E8F;
	color:#fff;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	
}
.btn:hover {
	border-color:#fff;
	color:#fff;
	transition: opacity 0.5s ease-out;
}
.btn__studios {
	background-color:#8A8E8F;
	border-color:#8A8E8F;
}
.btn__pictures {
	background-color:#23B7EB;
	border-color:#23B7EB;
}
.btn__records {
	background-color:#EF3E41;
	border-color:#EF3E41;
}
.btn__music {
	background-color:#EF3E41;
	border-color:#EF3E41;
}
.btn.btn-primary {
    background: #3e64ff;
    border-color: #3e64ff
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: #3e64ff !important;
    border-color: #3e64ff !important
}

button.menu-toggle:hover,
button.menu-toggle:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.helium-identity__desc .btn {
	margin-bottom: 2rem;
}


/* TYPOGRAPHY */

h1 {
	color: #fff;
	font-size: 4rem;
	margin: 3rem;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
}

.section-header h2 {
	color: #fff;
	line-height:0.9;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	visibility: hidden;
}
.section-header.section-header__category h2 {
	font-size: calc(2rem + (7.375 - 2) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
}
@media only screen and (min-width:1920px) {
	.section-header.section-header__category h2 {
		font-size: 118px;
	}
}
.section-header.section-header__showpage h2 {
	font-size: calc(2rem + (7.375 - 2) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	
}
@media only screen and (orientation:landscape) {
	.section-header.section-header__showpage h2 {
		max-width: 75vw;
	}
}
@media only screen and (min-width:1920px) {
	.section-header.section-header__showpage h2 {
		font-size: 118px;
	}
}

h2.heading__contact  {
	font-size: calc(2rem + (4.375 - 2) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	margin-top: 5vh;
}
@media only screen and (min-width:1920px) {
	h2.heading__contact  {
		font-size: 70px;
		max-width: 75vw;
	}
}

h3 {
	text-transform: uppercase;
}
.headline {
	font-size: calc(1rem + (4.375 - 1) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	line-height:0.95;
}
@media only screen and (orientation:portrait) {
	.headline {
		font-size: calc(2rem + (4.375 - 2) * ((100vw - 20em) / (120 - 20)));
	}
}
@media only screen and (min-width:1920px) {
	.headline {
		font-size: 70px;
	}
}

sup {
	font-size:0.5em;
	top: -0.75em;
}

section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
section ul li {
	margin-bottom: 0.75rem;
}
.body-text-m {
	font-size: calc(1rem + (1.25 - 1) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	letter-spacing: 0.019rem; 
	line-height:1.3;
}
@media only screen and (min-width:1920px) {
	.body-text-m {
		font-size: 20px;
	}
}
.body-text-l {
	font-size: calc(1rem + (1.4375 - 1) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	letter-spacing: 0.019rem; 
	line-height:1.3;
}
@media only screen and (min-width:1920px) {
	.body-text-l {
		font-size: 23px;
	}
}
section .quote {
	font-size: calc(1rem + (1.875 - 1) * ((100vw - 20em) / (120 - 20)));
	font-style: italic;
	line-height: 1.1;
	margin-top: 2rem;
}
@media only screen and (min-width:1920px) {
	section .quote {
		font-size: 30px;
	}
}
.list-l {
	font-size: calc(1rem + (2.1875 - 1) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	letter-spacing: 0.019rem; 
	line-height:1.3;
}
@media only screen and (min-width:1920px) {
	.list-l {
		font-size: 35px;
	}
}
.list-l__black {
	font-weight: 700;
}
.list-bullets {
	margin:initial;
	padding: initial;
}
.list-bullets li::before {
	content: "\2022";  
	color: #EF3E41; 
	font-weight: bold; 
	display: inline-block; 
	width: 1em;
	margin-left: -1em; 
  }

.headline {color:#fff;}

.photo-credit {
	position:absolute;
	z-index:33;
	bottom:1rem;
	right:1rem;
	font-size:10px;
	color:#fff;
	margin-bottom:0;
	opacity:0.7;
}

/* UTIL */

.mw-0 {
	max-width: unset !important;
}

/* COLOUR */

.color__studios {
	color: #8A8E8F;
}
.color__pictures {
	color: #23B7EB;
}
.color__records {
	color: #EF3E41;
}
.color__music {
	color: #EF3E41;
}
.bg-color__studios {
	background-color: #8A8E8F;
}
.bg-color__pictures {
	background-color: #23B7EB;
}
.bg-color__records {
	background-color: #EF3E41;
}
.bg-color__music {
	background-color: #EF3E41;
}
.bgtexture__studios main .body-text-m,
.bgtexture__studios main .body-text-l {
	color: #000;
}
.bgtexture__pictures section,
.bgtexture__records section,
.bgtexture__music section {
	color: #fff;
}
section p > a {
	color: #fff;
	text-decoration: none;
}
section p > a:hover {
	color: #fff;
	text-decoration: underline;
}
.body__studios section p > a {
	color: #000;
	text-decoration: none;
}
.body__studios section p > a:hover {
	color: #000;
	text-decoration: underline;
}

.social-media {
	display: flex;
	flex-direction:column;
	align-items:center;
}
.social-media i {
	margin:0.5rem 0;
}

/* MENUS */

button.menu-toggle {
	opacity: 0.9;
	background-color: transparent;
	position: fixed;
	z-index:99;
	top: 31px;
	right: 24px;
	border: none;
	width: 24px;
	height: 18px;
	outline: none;
	transition: opacity 0.2s ease-out;
}
button.menu-toggle:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	right: auto;
	width: 100%;
	background: linear-gradient(to bottom, #fff, #fff 15%, transparent 15%, transparent 43%, #fff 43%, #fff 57%, transparent 57%, transparent 84%, #fff 84%, #fff 100%);
	transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;
}
button.menu-toggle:after {
	opacity: 0;
	content: "×";
	color: #fff;
	position: absolute;
	top: 6px;
	left: 2px;
	font-family:"lato";
	font-size: 36px;
	font-weight: 300;
	line-height: 0;
	transition: opacity 0.4s ease-out;
}
button.menu-toggle:active {
	transform: translateY(2px);
}
button.menu-toggle:hover {
	opacity: 1;
}
.body__main button.menu-toggle:before,
.body__pictures button.menu-toggle:before,
.body__records button.menu-toggle:before,
.body__music button.menu-toggle:before   {
	background: linear-gradient(to bottom, #fff, #fff 12%, transparent 12%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 88%, #fff 88%, #fff 100%);
}

.open button.menu-toggle {
	opacity: 1;
}
.open button.menu-toggle:before {
	opacity: 0;
	width: 0;
}
.open button.menu-toggle:after {
	opacity: 1;
	transform: translate3d(0, 0, 0) rotate(360deg);
	transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out;
}

nav {
	z-index: 98;
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	display: flex;
}
nav:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: rgba(0,0,0, 0.9);
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius: 100%;
	transform: scale(0.04), translateY(9999px);
	overflow: hidden;
}
.open nav {
	top: 0;
}
.open nav:before {
	-webkit-animation: menu-animation 0.8s ease-out forwards;
	animation: menu-animation 0.8s ease-out forwards;
}

ul.menu {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content:center;
	width: 70%;
	padding: 0;
	margin:10vh auto;

}
	ul.menu li {
		color: #fff;
		cursor: pointer;
		line-height: 1.1;
		margin-top: 1vh;
		opacity: 0;
		text-align: left;
		text-transform: uppercase;
		transform: translate3d(0, 36px, 0);
	}
	ul.menu > li {
		font-size: calc(1.25rem + (3 - 1.25) * ((100vw - 20em) / (120 - 20)));
	}
		ul.menu li a {
			color: #fff; 
			display: inline-block;
			padding: 1vh 0;
			text-decoration: none;
			transition: all 0.3s ease;
			opacity: 0.8;
		}
		@media (orientation: landscape) {
			ul.menu li a {
				padding: 0.1vh 0;
			}
		}
		ul.menu li[data-text="News"] a {
			font-weight: 100;
		}
		ul.menu .color__studios a {
			color: #8A8E8F;
		}
		ul.menu .color__pictures a {
			color: #23B7EB;
		}
		ul.menu .color__records a {
			color: #EF3E41;
		}
		ul.menu .color__music a {
			color: #EF3E41;
		}
		ul.menu li a:hover,
		footer li a:hover {
			/*color: #fff;*/
			opacity: 1;
		}
		ul.menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			margin-left: 1.5rem;
		}
		ul.menu .color__studios ul {
			border-left-style: solid;
			border-left-width: 1px;
			border-left-color: #8A8E8F;
		}
		ul.menu .color__pictures ul {
			border-left-style: solid;
			border-left-width: 1px;
			border-left-color: #23B7EB;
		}
		ul.menu .color__music ul {
			border-left-style: solid;
			border-left-width: 1px;
			border-left-color: #EF3E41;
		}
		ul.menu > li ul.menu__secondary > li {
			line-height: 1;
			font-size: unset;
			font-size: calc(1rem + (2 - 1) * ((100vw - 20em) / (120 - 20)));
			margin: 0 0 1vh 2vw;
		}
		ul.menu > li li a {
			padding: 0;
		}
		ul.menu > li ul.menu__secondary li:first-of-type {
			margin-top: 1vh;
		}
		ul.menu > li ul.menu__secondary li:last-of-type {
			margin-bottom: 0;
		}

	@media only screen and (min-width:768px) {
		ul.menu {
			width: auto;
		}
	}
	@media only screen and (min-width:1350px) {
		ul.menu > li ul.menu__secondary > li {
			line-height: 1;
		}
	}
	@media only screen and (min-width:1920px) {
		ul.menu > li {
			font-size: 48px;
		}
		ul.menu > li li {
			font-size: 24px;
		}
	}

/* MENU social */

ul.menu .menu__social ul,
.footer__social ul {
	border-left: 0;
	display:flex;
	flex-direction:row;
	margin-left: 0;
}
ul.menu .menu__social li,
.footer__social li {
	font-size: 1.5rem;
	padding: 0 1rem 0 0;
}
ul.menu .menu__social a i,
.footer__social a i {
	font-size:1.5rem;
	filter: grayscale(1);
	position: relative;
	transition: scale 0.3s ease;
}
ul.menu .menu__social a:hover i,
.footer__social a:hover i {
	transform: scale(1.05);
}

.footer__social a {
	color: #8a8e8f;
	padding: 0;
}
@media only screen and (max-width:1023px) {
	footer .row:nth-child(2) {
		margin: 0;
	}
	footer .row:nth-child(2) .col-lg-4 {
		padding: 0;
	}
}
@media only screen and (min-width:768px) {
	ul.menu .menu__social {
		margin-top: 4rem;
	}
	ul.menu .menu__social a i {
		font-size:1.75rem;
	}
}

/* MENU footer */

ul.menu .menu__footer,
footer .footer__footer {
	color: #8A8E8F;
	font-size: 1rem;
	margin-top:1rem;
}
ul.menu .menu__footer a,
footer .footer__footer a {
	color: #8A8E8F;
	display: inline;
	text-decoration: none;
}
ul.menu .menu__footer a:hover,
footer .footer__footer a:hover {
	color: #fff;
}
ul.menu.menu__footer span,
footer .footer__footer span {
	padding: 0 0.5rem;
}

/* MENU animation */

.open ul.menu li {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.open ul.menu li:nth-child(1) {
	transition-delay: 0.75s;
}
.open ul.menu li:nth-child(2) {
	transition-delay: 0.85s;
}
.open ul.menu li:nth-child(3) {
	transition-delay: 0.95s;
}
.open ul.menu li:nth-child(4) {
	transition-delay: 1.05s;
}
.open ul.menu li:nth-child(5) {
	transition-delay: 1.15s;
}
.open ul.menu li:nth-child(6) {
	transition-delay: 1.25s;
}
.open ul.menu li:nth-child(7) {
	transition-delay: 1.35s;
}

.open main section {
	transform: scale(0.92);
	transition: transform 0.2s 0.41s ease-out;
}

@-webkit-keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(0.04) translateY(300%);
	}
	40% {
		transform: scale(0.04) translateY(0);
		transition: ease-out;
	}
	40% {
		transform: scale(0.04) translateY(0);
	}
	60% {
		opacity: 1;
		transform: scale(0.02) translateY(0px);
	}
	61% {
		transform: scale(0.04);
	}
	99.9% {
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%;
	}
	100% {
		transform: scale(2);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0;
	}
}

@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(0.04) translateY(300%);
	}
	40% {
		transform: scale(0.04) translateY(0);
		transition: ease-out;
	}
	40% {
		transform: scale(0.04) translateY(0);
	}
	60% {
		opacity: 1;
		transform: scale(0.02) translateY(0px);
	}
	61% {
		transform: scale(0.04);
	}
	99.9% {
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%;
	}
	100% {
		transform: scale(2);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0;
	}
}

footer address {
	margin-bottom: 0;
}
footer p a,
footer li a {
	color: inherit;
	text-decoration: none;
}
footer p a:hover,
footer li a:hover {
	color: #fff;
}
footer ul {
	list-style: none;
	padding-left: 0;
}
footer h6 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0;
}
footer h6 sup {
	display: none;
}
footer h3 + h6 {
	text-transform: uppercase;
}
footer p {
	color: #fff;
}
footer h6 + p {
	color: #fff;
}
footer ul li,
footer ul li a {
	line-height: 1;
}
.footer__small-print {
	font-size:0.875rem;
	line-height:1.1;
}

/*** Video ***/ 

.video-wrapper video,
.section-header__intro video,
.section__showreel video {
	height: auto;
	max-height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
@media (orientation: landscape) {
	.video-wrapper video,
	.section-header__intro video,
	.section__showreel video  {
		object-fit: cover;
	}

}
.section-header__intro video {
	visibility: hidden;
}
.video__bw {
	filter: grayscale(1);
}

/* Bordered video */
		  
.video-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index:333;
	height: 100%;
	min-height: 33vh;
}
.video-wrapper__bordered {
	margin: 10%;
} 
.video-container__bordered video {
	min-height: unset;
	min-width: unset;
	max-height: 100vw;
	max-width: 90vw;
	object-fit:contain;
}
@media only screen and (orientation:landscape) {
	.video-container__bordered video {
		max-height: 80vh;
	}
}

/* play button with outer circular text */

.play-button-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	pointer-events: none;
}
.play-button-wrapper #circle-play-b {
	cursor: pointer;
	pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
	width: 100px;
	height: 100px;
	fill: #fff;
	stroke: #fff;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	opacity: 0.9;
}

@font-face {
	font-family: 'icomoon';
	src: url('/assets/fonts/icomoon.ddf3728.ttf') format('truetype');
}
@font-face {
	font-family: 'HeliumVideoIcons';
	src: url('/assets/fonts/HeliumVideoIcons.otf') format('opentype');
}
.play-button-wrap[data-vih-play] {
	height: 150px;
	width: 150px;
}
.circle-wrap[data-vih-play],
.circle-wrap-2[data-vih-play],
.play-button-wrap[data-vih-play] {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	z-index: 99; /*PC*/
}
.circle-wrap[data-vih-play],
.circle-wrap-2[data-vih-play] {
	height: 130px;
	width: 130px;
	transform-origin: 50.1% 51.8%;
}
@media (prefers-reduced-motion: no-preference) {
	.circle-wrap[data-vih-play],
	.circle-wrap-2[data-vih-play] {
		-webkit-animation-name: slow-spin-data-vih-play;
		animation-name: slow-spin-data-vih-play;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-duration: 40s;
		animation-duration: 40s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
}
.circle-wrap[data-vih-play] {
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.circle-wrap-2[data-vih-play] {
	animation-direction: reverse;
}
.no-touchevents .play-button-wrap:hover .circle-wrap-2[data-vih-play] {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.no-touchevents .play-button-wrap:hover .circle-wrap[data-vih-play] {
	-webkit-animation-play-state: running;
	animation-play-state: running;
}
.circle[data-vih-play] {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	height: 200px;
	width: 200px;
	color: #fff;
	transition: transform 1.6s cubic-bezier(0.23, 1, 0.32, 1);
	transform-origin: 50.1% 51.8%;
}
.circle[data-vih-play]:after {
	content: "\0037";
	font-family: "HeliumVideoIcons" !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 200px;
}
.circle[data-vih-play="trailer"]:after {
	content: "\0031";
}
.circle[data-vih-play="showreel"]:after {
	content: "\0032";
}
.circle[data-vih-play="videoreel"]:after {
	content: "\0033";
}
.circle[data-vih-play="promo"]:after {
	content: "\0034";
}
.circle[data-vih-play="demoreel"]:after {
	content: "\0035";
}
.circle[data-vih-play="sizzlereel"]:after {
	content: "\0036";
}
.circle[data-vih-play="promovideo"]:after {
	content: "\0037";
}
.circle[data-vih-play="video"]:after {
	content: "\0038";
}
@media (prefers-reduced-motion: no-preference) {
	.no-touchevents .play-button-wrap:hover .circle[data-vih-play] {
		transform: translate(50%, -50%) rotate(-85deg);
		transition-delay: 0.1s;
	}
}
.play[data-vih-play] {
	height: 125px;
	width: 125px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.play[data-vih-play]:after {
	content: "\0039";
	font-family: "HeliumVideoIcons" !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 125px;
}
.no-touchevents .play-button-wrap:hover .play[data-vih-play] {
	transform: translate(50%, -50%) scale(1.3);
}
.play-button-wrap.fg-black .circle[data-vih-play] {
	color: #000;
}
.play-button-wrap.fg-white .circle[data-vih-play] {
	color: #fff;
}
@-webkit-keyframes slow-spin-data-vih-play {
	0% {
		transform: translate(50%, -50%) rotate(0deg);
	}
	50% {
		transform: translate(50%, -50%) rotate(-180deg);
	}
	to {
		transform: translate(50%, -50%) rotate(-1turn);
	}
}
@keyframes slow-spin-data-vih-play {
	0% {
		transform: translate(50%, -50%) rotate(0deg);
	}
	50% {
		transform: translate(50%, -50%) rotate(-180deg);
	}
	to {
		transform: translate(50%, -50%) rotate(-1turn);
	}
}

/* play button colour */

#circle-play-b button {
	border:0;
	background:transparent;
}
.body__main #circle-play-b button,
.body__main #circle-play-b .circle {
	color:#fff;
}
.body__pictures #circle-play-b button,
.body__pictures #circle-play-b .circle {
	color:#23B7EB;
}
.body__records #circle-play-b button,
.body__records #circle-play-b .circle {
	color:#EF3E41;
}
.body__music #circle-play-b button,
.body__music #circle-play-b .circle {
	color:#EF3E41;
}

/*** INDIVIDUAL Pages and Components ***/

/* Home */

@media (orientation: landscape) and (max-width:1023px) {
.helium-identity {
	margin-bottom: 33vh
}
}
.helium-identity .svg-container {
	margin-top: 0.25rem;
}
.helium-identity img {
	position: relative;
	width: 75%;
	opacity: 0.875;
	
}
@media (orientation: portrait) {
	.helium-identity img {
		max-width:100%;
		height: auto;
	}
}
@media (orientation: portrait) and (min-width:768px) {
	.helium-identity img {
		width: 50%;
		max-width:unset;
	}
}
@media (orientation: portrait) and (min-width: 992px) {
	.helium-identity img {
		width: 100%;
	}
}
@media (orientation: landscape) {
	.helium-identity img {
		width: 50%;
	}
}
@media (orientation: landscape) {
	.helium-identity img {
		max-height: 40vw;
		width: auto;
	}
}
@media (orientation: landscape) and (min-width:1920px) {
	.helium-identity img {
		margin-left: 1vw;
		max-height: unset;
	}
}

.home__about ul {
	border-left: 0;
	display:flex;
	flex-direction:row;
	margin-left: 0;
	margin-top: 2rem;
}
.home__about li {
	font-size: 1rem;
	padding: 0 1rem 0 0;
}
.home__about li a {
	color: #fff;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
}
.home__about li a i {
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-size:1.5rem;
	filter: grayscale(1);
	position: relative;
	transition: scale 0.3s ease;
}
.home__about li a:hover {
	color: #fff;
}
.home__about li a:hover i {
	color: #fff;
	transform: scale(1.05);
}

/* Pictures */

.section-bg__link {
    border: 1px solid #fff;
	overflow: hidden;
	background-color: #000;
	/*padding: 2rem;*/
}
.section-bg__link a {
    color: #fff;
    display: inline-block;
    font-size: calc(1.4rem + (2.625 - 2) * ((100vw - 20em) / (120 - 20)));
    font-weight: 300;
	padding: 2rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
	width: 100%;
	transition: all 0.3s ease;
}
@media only screen and (min-width:1920px) {
    .section-bg__link a {
        font-size: 42px;
    }
}
.body__pictures .section-bg__link {
    background-color:#23B7EB;
	background-color:rgba(35,183,235,0.5);
}
.body__pictures .section-bg__link a:hover{
    background-color:#23B7EB;
	background-color:rgba(35,183,235,0.9);
}
.body__records .section-bg__link {
    background-color:#EF3E41;
	background-color: rgba(239,62,65,0.5);
}
.body__records .section-bg__link a:hover {
    background-color:#EF3E41;
	background-color: rgba(239,62,65,0.9);
}
.body__music .section-bg__link {
    background-color:#EF3E41;
	background-color: rgba(239,62,65,0.5);
}
.body__music .section-bg__link a:hover {
    background-color:#EF3E41;
	background-color: rgba(239,62,65,0.9);
}

.product-list {
	padding: 10vh 5vh;
}
.product-list__product {
	margin-bottom: 2rem;
}
@media only screen and (orientation:landscape) {
	.product-list {
		padding: 10vh 0;
	}
	.product-list__product {
		margin-bottom: 1rem;
	}
}
.product-list__product a {
	display: block;
	text-decoration: none;
}
.product-list__product .row {
	margin:0;
	overflow: hidden;
}
.product-list__product__img {
	overflow: hidden;
	padding: 0;
	width:100%;
}
	.product-list__product__img img {
		width:100%;
		object-fit: contain;
		transition: all 0.6s;
		transform: scale(1.05);
	}
	.product-list__product a:hover .product-list__product__img img {
		transform: scale(1);
	}

.product-list__product__title {
	margin-top: 1rem;
	padding: 0;
}
	.product-list__product__title div {
		display: flex;
		/*align-items: center;*/
		flex-direction: column;
		font-size: 1rem;
		height: 100%;
		padding: 0.5rem;
		text-transform: uppercase;
	}
		.product-list__product__title p {
			display: block;
			text-decoration: none;
		}
		.product-list__product__link {
			margin-bottom: 0;
		}
		.product-list__product__format {
			font-size: 1rem;
			margin-bottom: 0.5rem;
		}

.product-list__pictures .product-list__product__title {
	color: #23B7EB;
}
.product-list__pictures .product-list__product__title div {
	border: 1px solid #23B7EB;
	color: #23B7EB;
}
.product-list__pictures .product-list__product__title p {
	color: #23B7EB;
}
.product-list__music .product-list__product__title {
	color: #EF3E41;
}
.product-list__music .product-list__product__title div {
	border: 1px solid #EF3E41;
	color: #EF3E41;
}
.product-list__music .product-list__product__title p {
	color: #EF3E41;
}



.pictures__internal-navigation {
	background-color: #23B7EB;
	height: 170px;
	max-width: unset;
}
	.pictures__internal-navigation a {
		border: 1px solid #000;
		color: #000;
		display: inline-block;
		font-size: 2rem;
		margin: 0 0.5rem;
		padding: 0.5rem 2rem;
		text-decoration: none;
		text-transform: uppercase;
		width: auto;
	}
	@media (min-width:768px) {
		.product-list__product__img  {
			max-height: unset;
		}
	}
	@media (min-width:1024px) {
		.product-list__product {
			margin-bottom: 1rem;
			max-height: unset;
		}
			.product-list__product__title {
				font-size: 2rem;
				/*margin-top: 1rem;*/
				padding: 0;
			}
				.product-list__product__title div {
					font-size: 2rem;
				}
	}
	@media (min-width:1350px) {
		.product-list__product__title div {
			padding: 1rem;
		}
	}

.pictures__format-link {
	background-color: #000;
	margin-top: 2rem;
	max-height: 275px;
	overflow:hidden;
}
	.pictures__format-link > div {
		padding: 0;
	}
	.pictures__format-link a {
		color:#23B7EB;
		font-size: calc(1.5rem + (3.125 - 1.5) * ((100vw - 20em) / (120 - 20)));
		padding-left: 15%;
		text-decoration: none;
		text-transform: uppercase;
	}
	@media only screen and (min-width:1920px) {
		.pictures__format-link a {
			font-size: 50px;
		}
	}
	.pictures__format-link img {
		width:100%;
	}

@media only screen and (orientation:landscape) and (min-width:1024px) {
	.showpage__section .showpage__container-imgleft {
		max-width: unset;
	}
}
.showpage__container {
	padding: 4.4vh 0;
}
@media only screen and (orientation:landscape) and (min-width:1024px) {
	.showpage__info {
		padding-left: 4vw;
	}
}
.showpage__info h4 {
	margin-bottom: 1em;
}
.showpage__linkback {
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 2rem;
}
.body__pictures .showpage__linkback {
	border-top-color: #23B7EB;
}
.body__records .showpage__linkback {
	border-top-color: #EF3E41;
}
.body__music .showpage__linkback {
	border-top-color: #EF3E41;
}
.showpage__linkback a {	
	font-size: calc(1.25rem + (2.5 - 1.25) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width:100%;
}
.body__pictures .showpage__linkback a {	
	color: #23B7EB;
}
.body__records .showpage__linkback a {	
	color: #EF3E41;
}
.body__music .showpage__linkback a {	
	color: #EF3E41;
}
@media only screen and (min-width:1024px) {
	.showpage__linkback a  {
		font-size: 40px;
	}
}
/* Carousel */

.flickity-viewport {height:76vh;}
	.carousel {
	}
	.carousel-cell {
		height: 76vh;
	}
	.carousel img {
		height:100%;
	}
@media screen and ( min-width: 768px ) {
	.carousel img {
		max-height: 76vh;
	}
}
@media (pointer: fine) and (hover: hover) {
	.flickity-page-dots {
		bottom: -2vw;
	}
}
.flickity-page-dots .dot {
	height: 0.375rem;
	width: 8vw;
	margin: 0 3px 0 0;
	border-radius: 0;
	opacity:0.25;
	transition: all .3s;
}
@media screen and ( orientation: landscape ) {
	.flickity-page-dots .dot {
		width: 4vw;
	}
}
.body__pictures .flickity-page-dots .dot,
.body__pictures .flickity-page-dots .dot.is-selected {
	background-color:#23B7EB;
}
.body__studios .flickity-page-dots .dot,
.body__studios .flickity-page-dots .dot.is-selected {
	background-color:#8a8e8f;
}
	.flickity-prev-next-button.previous {
		left: 4vw;
	}
	.flickity-prev-next-button.next {
		right: 4vw;
	}
	.flickity-button {
		background: hsla(0,0%,100%,.10);
		border: 2px solid #fffe;
		color: #fff;
		transition: all .3s;

	}
	.flickity-button:hover {
		background:hsla(0,0%,100%,.75);
		color:#000;
	}
	.flickity-button:hover .flickity-button-icon {
		fill: #000;
	}
	
/* About */

.accordion {
	padding: 0 3rem;
}
@media only screen and (min-width:1024px) {
	.accordion {
		padding: 0;
	}
}
.accordion-header span:first-of-type {	
	font-size: calc(1.5rem + (4.375 - 1.5) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	text-transform: uppercase;
	width:100%;
}
@media only screen and (min-width:1024px) {
	.accordion-header span:first-of-type  {
		width:51%;
	}
}
@media only screen and (min-width:1920px) {
	.accordion-header span:first-of-type  {
		font-size: 70px;
	}
}
.accordion-header span:last-of-type {	
	font-size: calc(1.25rem + (2 - 1.25) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
}
@media only screen and (min-width:1920px) {
	.accordion-header span:last-of-type  {
		font-size: 33px;
	}
}
.accordion-item,
.accordion-button {
	background: none;
	padding-left: 0;
}

.accordion-button {
	flex-direction:column;
	align-items: flex-start;
}
@media only screen and (min-width:1024px) {
	.accordion-button  {
		flex-direction:row;
		align-items: center;
	}
}

.accordion-button:not(.collapsed) {
	color: #000;
	background:none;
	box-shadow: none;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-button:focus {
	border: 0;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-body {
	padding-left: 0;
}
.accordion-body p {
	font-size: calc(1rem + (1.5 - 1) * ((100vw - 20em) / (120 - 20)));
}
@media only screen and (min-width:1024px) {
	.accordion-body p {
		max-width: 85%;
	}
}
@media only screen and (min-width:1920px) {
	.accordion-body p {
		font-size: 23px;
	}
}
.accordion-body .container {
	padding:0;
}

.logo-partners_2 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3rem;
	padding: 0;
}
.logo-partners_2 img {
	margin: 5vh auto;
	width: auto;
	max-height: 150px;
	max-width: 40vw;
}
@media only screen and (orientation:landscape) and (min-width:1024px) {
	.logo-partners_2 img {
		max-height: 300px;
	}
}
.logo-partner_long {
	max-height: 100px;
}

.logo-partners {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.logo-partners img {
	margin-bottom: 2vh;
	width: 100%;
	max-width: 50vw;
}
@media only screen and (orientation:landscape) {
	.logo-partners img {
		/*max-width: 25vw;*/
	}
}
@media only screen and (min-width:768px) {
	.logo-partners {
		display: flex;
		flex-direction: column;
		padding-left: 7vw;
		align-items: center;
		justify-content: space-between;
	}	
	.logo-partners img {
		margin-bottom: 7vh;
		/*max-width: 18vw;*/
	}
}

.logo-partners img:last-of-type {margin-bottom:0;}
	
.form-group label {
	padding: 1rem 0;
}

/* Contact */

#helium-map {
	width:100%;
	height:100%;
	min-height: 80vh;
	object-fit: cover;
}

/* GSAP playground */

h1.svg-container__header {
	visibility:hidden;
}
.lineParent {
	overflow: hidden;
}

/* PRIVACY */

.section-privacy ol {
	counter-reset: item
}

.section-privacy ol > li {
	display: block;
	margin: 3rem 0 1rem;
}
.section-privacy ol > li > ol > li {
	margin: 1rem 0;
}
.section-privacy ol > li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	font-weight: 700;
}
.section-privacy ol > li p {margin-left: 1rem;}
.section-privacy ol > li p:first-of-type {display: inline-block;font-weight: 700;margin-left: 0;}
.section-privacy ul {
	list-style: disc;
	margin: 0;
	padding-left: 2rem;
	list-style-position: inside;
}
.section-privacy ul li {
	list-style-type: disc;
}

.section-news {
	margin-top: 2rem;
}
@media only screen and (orientation:landscape) and (min-width:1350px) {
	.section-news {
	}
}
.section--media-release {padding-top:5rem;}
.section--media-release h2 {
	font-size: calc(2rem + (4.375 - 2) * ((100vw - 20em) / (120 - 20)));
	font-weight: 300;
	line-height: 0.95;
	margin-bottom: 0.75em;
	text-transform: uppercase;
}
@media only screen and (min-width:1920px) {
	.section--media-release h2 {
		font-size: 70px;
	}
}
.section--media-release a.section--media-release--close {color:#8A8E8F;font-size: 1.4rem;}
.section--media-release a.section--media-release--close:hover {color:#373157;}

/* TEAM */

.main--team {min-height: initial;}



.section-team .headline {
	margin-bottom: 4rem;
}
@media only screen and (orientation:landscape) and (max-width:767px) {
	.section-team .headline {
		margin-bottom: 2rem;
	}
}
@media only screen and (min-width:768px) {
	.section-team .headline {
		margin-bottom: 10vh;
	}
}
@media only screen and (min-width:768px) and (orientation:portrait) {
	.section-team .headline {
		margin-bottom: 15vh;
	}
}



/*fltr*/

.section-team__select {
	display:flex;
	justify-content:center;
	margin: 4rem 0;
	display:none;
}
.section-team__select .btn {
	border:0;
	background-color:transparent;
	border-radius:0;
}
.section-team__select .btn.btn--all {
	color:#000;
}
.section-team__select .btn.btn--studio {
	color:#8A8E8F;
}
.section-team__select .btn.btn--pictures {
	color:#23B7EB;
}
.section-team__select .btn.btn--music {
	color:#e62f32;
}
.section-team__select .btn:focus {
	border:0;
	box-shadow:none;
	border-bottom:1px solid #000;
}


/* TEAM CSS-GRID */

.section-team__grid-container {
	display: grid;
    grid-template-columns: repeat(auto-fill, 75%);
    /*grid-auto-rows: 390px;*/
    grid-gap: 10px;
    justify-content: center;
	margin-bottom: 5rem;
}
.section-team__grid-item {
	/*padding-top:0.75rem;padding-bottom:0.75rem;*/
	/*display:none;*/
}
.section-team__grid-item--show {
	display: block;
  }

.section-team__grid-item .team-member--image {max-height:50vh;overflow:hidden;position:relative;}
.section-team__grid-item .team-member--image img {width:100%;}
.section-team__grid-item .team-member--image .team-member--email {position:absolute;bottom:1rem;left:1rem;color:#fff;text-decoration:none;}
.section-team__grid-item .team-member--image .team-member--info {position:absolute;bottom:1rem;right:1rem;color:#fff;text-decoration:none;}
.section-team__grid-item .team-member--details {border:1px solid #8A8E8F;margin-top:0;padding:0.5rem;}
.section-team__grid-item .team-member--details--title {color: #8A8E8F;font-size:0.875rem;text-align:left;margin-bottom:0.25rem;}
.section-team__grid-item .team-member--details--name { color: #8A8E8F;font-size:1.25rem;font-weight:400;text-transform: uppercase;white-space:pre;margin-bottom:0;text-align:left;}
.section-team__grid-item .team-member--details--title {text-transform: uppercase;margin-bottom:0.5rem;}


.section--team-member {padding-top:7rem;}
.section--team-member [class*="col-"] {padding:2vh;}
.section--team-member a.team--close {color:#8A8E8F;font-size: 1.4rem;}
.section--team-member a.team--close:hover {color:#000;}


@media only screen and (orientation:portrait) and (min-width:768px) {
	.section-team__grid-container {
		grid-template-columns: repeat(auto-fill, 30%);
	}
	.section-team__grid-item .team-member--image {max-height:40vh;}
	.section-team__grid-item .team-member--image img {max-width:none;}
}


@media only screen and (orientation:landscape) and (max-width:767px) {
	.section-team__grid-container {
		grid-template-columns: repeat(auto-fill, 45%);
	}
	.section-team__grid-item .team-member--image {
		max-height:85vh;
	}
	.section-team__grid-item .team-member--image img {
		max-width:none;
	}
}
@media only screen and (orientation:landscape) and (min-width:768px) {
	.section-team__grid-container {
		grid-template-columns: repeat(auto-fill, 22%);
	}
	.section-team__grid-item .team-member--image img {
		max-width:none;
	}
}
@media only screen and (orientation:landscape) and (min-width:1350px) {
	.section-team__grid-item .team-member--image {
		max-height:450px;
	}
	.section-team__grid-item .team-member--details--title {
		font-size:1rem;
	}
	.section-team__grid-item .team-member--details--name {
		font-size:2rem;
	}
}

.section-team__grid-item.clrd-square-grey {
	background-color:#8A8E8F;
}
.section-team__grid-item.clrd-square-red {
	background-color:#EF3E41;
}
.section-team__grid-item.clrd-square-blue {
	background-color:#23B7EB;
}

/* .modal-dialog {
	max-width: 75vw;
	margin: 30px auto;
}

.modal-body {
position:relative;
padding:0px;
}
.btn-close {
position:absolute;
right:-30px;
top:0;
} */


.mpopup {
    display: none;
    position: absolute;
    z-index: 1;
    /* padding-top: 100px; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
}
.modal-content {
    position: relative;
    background-color: transparent;
    margin: auto;
    padding: 0;
    width: 75vw;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 0.3rem;
}
.modal-header {
    padding: 2px 12px;
    background-color: #ffffff;
    color: #333;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header h2{
    font-size: 1.25rem;
    margin-top: 14px;
    margin-bottom: 14px;
}
.modal-body {
    padding: 2px 12px;
}
.modal-footer {
    padding: 1rem;
    background-color: #ffffff;
    color: #333;
    border-top: 1px solid #e9ecef;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    text-align: right;
}

.close {
    color: #fff;
    /* float: right; */
    font-size: 28px;
    font-weight: bold;
	position:absolute;
	top:18px;right:24px;
	z-index: 99;
	line-height: 0.5;
	opacity:0.7;
}
.close:hover, .close:focus {
    /* color: #000; */
    text-decoration: none;
    cursor: pointer;
	transform: scale(1.1);
	opacity:1;
}

/* add animation effects */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.section__img-splash .video-wrapper {
	margin-top: -40vh;
}
@media only screen and (min-height:1080px) {
	.section__img-splash .video-wrapper {
		margin-top: -17.5vh;
	}
}
.section__img-splash .video-wrapper video {
	width: 100%;
	height: unset;
	max-height: unset;
	min-width: unset;
	min-height: unset;
	position: relative;
	-webkit-transform: none;
	transform: none;
	top: unset;
	left:unset;
}
.section__img-splash .btn-wrapper {
	position:absolute;
	bottom:15vw;
	left:0;
	width:100%;
}
@media only screen and (orientation:landscape) {
	.section__img-splash .btn-wrapper {
		bottom: auto;
		top:75%;
		left:2%;
	}
} 

.section__img-splash .btn-wrapper .btn {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.section__img-splash .btn-wrapper .btn__pictures_main-link {
	background-color:rgba(35,183,235,0.8);
}
.section__img-splash .btn-wrapper .btn__pictures_secondary-link {
	background-color:rgba(35,183,235,0.3);
}

.section__img-splash .btn-wrapper .btn:hover {
	transform: scale(1.025);
}
.section__img-splash .btn-wrapper .btn__pictures_main-link:hover {
	background-color:rgba(35,183,235,1);
}
.section__img-splash .btn-wrapper .btn__pictures_secondary-link:hover {
	background-color:rgba(35,183,235,0.6);
}
@media only screen and (orientation:landscape) and (max-height:800px) {
	.section__img-splash .btn-wrapper {
		/* bottom:35vh; */
	}
} 
@media only screen and (orientation:landscape) and (min-width:1350px) {
	.section__img-splash .video-btn {
		font-size:1.4rem;
		/* padding: 2rem; */
	}
}
@media only screen and (orientation:landscape) and (min-width:1600px) {
	.section__img-splash .btn-wrapper {
		top:65%
	}
}
@media only screen and (orientation:landscape) and (min-width:1920px) {
	.section__img-splash .btn-wrapper {
		top:75%
	}
}
@media only screen and (orientation:landscape) and (min-width:2200px) {
	.section__img-splash .btn-wrapper {
		top:65%
	}
}