@import "normalize.css";
@import "font-awesome.min.css";

:root {
	--color-red: #C60C30;
	--color-white: #FFF;
	--color-blue: #002244;
	--color-silver: #B0B7BCaa;

	--fontFamilyTitles: system-ui,-apple-system,-webkit-system-font,Helvetica,Arial,sans-serif;
	--fontFamilyCopy: system-ui,-apple-system,-webkit-system-font,Helvetica,Arial,sans-serif;
	--fontFamilyButton: system-ui,-apple-system,-webkit-system-font,Helvetica,Arial,sans-serif;

	--darkbase: 205, 70%, 5%;
	--darkfonts: 40, 66%, 90%;
	--darkbg: hsl(var(--darkbase));
	--darkbgalt: hsla(var(--darkfonts),0.05);
	--darkbgfooter: hsl(205, 70%, 3%);
	--darkheaderselect: hsla(var(--darkfonts),0.1);
	--darktitles: hsla(var(--darkfonts),1.0);
	--darktext: hsla(var(--darkfonts),0.65);
	--darkdiamonds: hsla(var(--darkfonts),1.0);
	--darkbutton: hsla(var(--darkfonts),1.0);
	--darkbuttontext: hsla(var(--darkbase));

	--lightbase: 40, 66%, 90%;
	--lightfonts: 205, 70%, 5%;
	--lightbg: hsl(var(--lightbase));
	--lightbgalt: hsla(var(--lightfonts),0.03);
	--lightbgfooter: hsl(40, 66%, 10%);
	--lightheaderselect: hsla(var(--lightfonts),0.1);
	--lighttitles: hsla(var(--lightfonts),1.0);
	--lighttext: hsla(var(--lightfonts),0.65);
	--lightdiamonds: hsla(var(--lightfonts),1.0);
	--lightbutton: hsla(var(--lightfonts),1.0);
	--lightbuttontext: hsla(var(--lightbase));
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	outline:none !important
}

span.nowrap {
	white-space: nowrap;
}

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.parallax__container .parallax {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}

.parallax__container .parallax video {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	object-fit: cover;
}

.p-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
}

.m-img-01 {
	/* background-image: url(); */
}

#page-loader {
	width: 100%;
	top: 0px;
	bottom: 0px;
	background-color: var(--lightbg);
	position: fixed;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	transition: all 0.8s;
}

#page-loader.inactive {
	opacity: 0;
}

#page-loader svg {
	width: 25px;
	margin: auto;
	fill: var(--lighttitles);
	position: fixed;
	opacity: 1;
	transition: opacity 0.3s;
}

#page-loader.inactive svg {
	opacity: 0;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	opacity: 1;
	transition: opacity 0.3s;
}

.loader.inactive,
.loader.inactive:after {
	opacity: 0;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 2px solid hsla(var(--lightfonts),0.2);
	border-right: 2px solid hsla(var(--lightfonts),0.2);
	border-bottom: 2px solid hsla(var(--lightfonts),0.2);
	border-left: 4px solid hsla(var(--lightfonts),1);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 .5s infinite linear;
	animation: load8 .5s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


html {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

input:focus, select:focus, textarea:focus, button:focus, .info:focus {
	outline: none;
}

*, *:before, *:after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	overflow-x: hidden;
	background-color: var(--lightbg);
}

html.locked, body.locked {
	height: 100% !important;
	overflow: hidden;
}

header {
	opacity: 0;
	transition: opacity .3s;
}

header.active {
	opacity: 1;
}

button.b-01,
a.b-01 {
	width: 200px;
	height: 50px;
	margin: 0px auto;
	outline: none;
	border: none;
	border-radius: 50px;
	font-family: sans-serif;
	font-family: var(--fontFamilyButton);
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	color: var(--lightbuttontext);
	background: var(--lightbutton);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	transform: scale(0.96, 0.96);
	will-change: transform;
}

button.b-01:hover,
a.b-01:hover {
	transform: scale(1,1);
	cursor: pointer;
}

button.b-01:active,
a.b-01:active {
	transform: scale(0.96, 0.96);
}

button.b-01.dark,
a.b-01.dark {
	color: var(--darkbuttontext);
	background-color: var(--darkbutton);
}

.color button.b-01,.color a.b-01 {
	color: var(--darkbuttontext);
	background: var(--darkbutton);
}

/* Tabbing class adds focus ring if user is tabbing through content */
.tabbing input:focus, .tabbing select:focus, .tabbing textarea:focus, .tabbing button:focus, .tabbing .info:focus, .tabbing .close_event_modal:focus {
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: -2px !important;
}

.tabbing a:active, .tabbing a:focus {
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: -2px !important;
}

.owl-stage {
	-webkit-backface-visibility: hidden;
}

.owl-nav {
	height: 0;
}

.arrow-right, .arrow-left {
	width: 60px;
	height: 120px;
	border-radius: 60px;
	transition: all .3s;
}

.arrow-right:hover, .arrow-left:hover {
	background: rgba(255, 255, 255, .1);
}

button.disabled>.arrow-right:hover, button.disabled>.arrow-left:hover {
	background: rgba(255, 255, 255, 0);
}

.owl-nav svg {
	height: 36px;
	width: 21px;
	top: 50%;
	left: 48%;
	position: absolute;
	fill: rgba(255, 255, 255, .6);
	transform: translate(-50%, -50%);
	transition: all .3s;
}

.owl-nav button>div:hover svg {
	fill: rgba(255, 255, 255, 1);
	transform: translate(-50%, -50%);
}

.owl-nav button.disabled>div:hover svg {
	fill: rgba(255, 255, 255, .2);
	transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled {
	cursor: default;
}
.owl-carousel {
	cursor: grab;
}

.owl-carousel:active {
	cursor: grabbing;
}
.owl-nav>button.disabled svg {
	fill: rgba(255, 255, 255, .2);
}

.owl-nav>button.disabled svg:hover {
	fill: rgba(255, 255, 255, .2);
}

.owl-nav .arrow-left {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.owl-nav .arrow-right {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
}

.event_modal.partnering{
	background-image: url(assets/images/partnering-bg.jpg);
}

#info-modal {
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 9999;
	background-image: url(assets/images/bg-blur.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#main-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: opacity 1s;
	opacity: 0;
	margin-left: -100%;
}

#main-container.active {
	margin-left: 0px;
}

#wrapper {
	z-index: 999;
	position: relative;
	top: 0px;
}

body.active {
	height: auto;
}

body.active #main-container {
	height: auto;
}

#main-container.active {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity: 1;
}

.owl-dots {
	display: none;
}

#header {
	width: 100%;
	height: 60px;
	background-color: hsl(60, 14%, 97%, 80%); /*var(--lightbg);*/
	position: fixed;
	top: 0px;
	z-index: 7999;
	opacity: 1;
	transition: top 0.3s, opacity 0.3s;
	-webkit-transition: top 0.3s, opacity 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: saturate(180%) blur(20px) brightness(120%);
  backdrop-filter: saturate(180%) blur(20px) brightness(120%);
}

.header-wrapper {
	position: relative;
	width: 100%;
	margin: 10px auto 0px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 10px;
}

#header.active {
	top: 0px;
	opacity: 1;
}

#header-logo-container {
	width: 148px;
	height: 40px;
	cursor: pointer;
}

.header-wrapper ul {
	display: inline-flex;
	padding: 0;
	margin: 0;
}

.header-wrapper ul li {
	padding: 0px 10px;
	font-size: 16px;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 600;
	font-style: normal;
	color: var(--lighttitles);
	position: relative;
	cursor: pointer;
	transition: color 0.3s;
}

.header-wrapper ul:hover li {
	color: var(--lighttext);
}

.header-wrapper ul li:hover {
	color: var(--lighttitles);
}

.header-wrapper ul li::after {
	content: '';
	height: 40px;
	background-color: var(--lightheaderselect);
	position: absolute;
	bottom: -11px;
	left: 0px;
	right: 0px;
	opacity: 0;
	transform: scale(0.9);
	transition: all 0.2s ease-in-out 0.3s;
	border-radius: 10px;
}

.header-wrapper ul li.active {
	color: #000;
}

.header-wrapper ul li.active::after {
	opacity: 1;
	transform: scale(1);
}

.header-wrapper .hamburger-menu {
	height: 25px;
	margin: 0px 10px 0px 0px;
	display: none;
	cursor: pointer;
	transform: scale(0.96);
	transition: all 0.3s;
	opacity: .9;
}

.header-wrapper .hamburger-menu:hover {
	opacity: 1;
	transform: scale(1);
}

.header-wrapper .hamburger-menu:active {
	transform: scale(0.96);
}

@media only screen and (max-width: 850px) {
	.header-wrapper .hamburger-menu{
		display: block;
	}

	.header-wrapper ul {
		display: none;
	}
}

.mobile-nav{
	position: fixed;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: var(--lightbgalt);
	backdrop-filter: blur(20px);
	opacity: 0;
	display: none;
	transition: opacity 0.3s ease-in-out;
}

.mobile-nav.visible{
	opacity: 1;
}

.mobile-nav.active{
	display: initial;
}

.mobile-nav-container{
	position: absolute;
	bottom: 0;
	background: var(--lightbg);
	width: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	max-height: calc(100% - 10px);
	transform: translateY(101%);
	transition: transform 0.3s ease-in-out;
}

.mobile-nav.visible .mobile-nav-container{
	transform: translateY(0);
}

.mobile-nav-header{
	color: var(--lighttitles);
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--lightbgalt);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 20px;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 600;
	font-style: normal;
}

.mobile-nav-close-button{
	position: absolute;
	left: 15px;
	top: 28px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.mobile-nav-close-button::before, .mobile-nav-close-button::after{
	content: '';
	position: absolute;
	width: 25px;
	height: 4px;
	border-radius: 5px;
	background-color: var(--lighttitles);
	transition: transform 0.3s ease-in-out;
}

.mobile-nav-close-button::before{
	transform: rotateZ(-135deg);
}

.mobile-nav-close-button::after{
	transform: rotateZ(-45deg);
}

.mobile-nav-close-button:hover::before, .mobile-nav-close-button:hover::after{
	transform: rotateZ(0);
}

.mobile-nav-body{
	max-height: calc(100vh - 70px);
    overflow: auto;
}

.mobile-nav-body ul{
	padding: 0;
	margin: 0;
}

.mobile-nav-body ul li{
	padding: 15px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid var(--lightbgalt);
	font-size: 18px;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 400;
	font-style: normal;
	cursor: pointer;
	color: rgba(0,0,0,.8);
}

.mobile-nav-body ul li.active{
	background: var(--lightbgalt);
	color: var(--lighttitles);
}

.mobile-nav-body ul li:hover{
	background: var(--lightbgalt);
	color: var(--lighttitles);
}


.header-left {
	position: absolute;
	top: 0px;
	left: 10px;
}

.header-right {
	position: absolute;
	top: 0px;
	right: 10px;
}

#hero {
	width: 100%;
	padding-top: 60px;
	position: relative;
}

#hero-frame {
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 0;
	display: none;
}

#hero-content {
	padding: 150px 20px;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

#hero-content svg {
	width: 100%;
	padding: 0px;
	max-width: 640px;
	margin: 0px auto;
	display: block;
	filter: invert(1);
}

#hero-logo-container {
	transition: all 0.8s;
	transform: translateY(20px);
	opacity: 0;
}

#hero-logo-container.active {
	transform: translateY(0px);
	opacity: 1;
}

button.btn-playpause {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

button.btn-playpause {
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.4);
  width: 36px;
  height: 36px;
  box-sizing: content-box;
	right: 20px;
	bottom: 30px;
	z-index: 20;
	cursor: pointer;
	transition: all .3s;
	-webikit-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
	backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
}

button.btn-playpause:hover {
	border: 2px solid rgba(255,255,255,1);
}

&::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.btn-playpause .inner {
  position: absolute;
  height: 14px;
  width: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity .3s;
  background-repeat: no-repeat;
  background-position: center;
}

button.btn-playpause .inner.play {
  opacity: 0;
  background-image: url(../images/play-btn.svg);
}

button.btn-playpause .inner.pause {
  opacity: 0;
  background-image: url(../images/pause-btn.svg);
}

button.btn-playpause:not(.playing) .inner.play {
  opacity: .4;
}
button.btn-playpause.playing .inner.pause {
  opacity: .4;
}

button.btn-playpause:not(.playing):hover .inner.play {
  opacity: 1;
}
button.btn-playpause.playing:hover .inner.pause {
  opacity: 1;
}

button.btn-playpause.video-loading {
  border: 2px solid rgba(255,255,255,.4);
}
button.btn-playpause.video-loading .inner {
  opacity: 0 !important;
}

button.btn-playpause.video-loading:after {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent transparent transparent;
  animation: animateRing 1.2s linear infinite;
}
@keyframes animateRing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

button.btn-playpause-carousel {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  position: relative;
  border-radius: 50%;
	background-color: var(--lighttext);
	color: #FFF;
	opacity: .2;
	margin: 10px 0;
  width: 36px;
  height: 36px;
  box-sizing: content-box;
	cursor: pointer;
	vertical-align: top;
	transition: all .3s;
	-webikit-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
	backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
}

button.btn-playpause-carousel:hover, button.btn-playpause-carousel:focus {
	opacity: 1;
}

&::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.btn-playpause-carousel .inner {
  position: absolute;
  height: 14px;
  width: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
  transition: all .3s;
  background-repeat: no-repeat;
  background-position: center;
}

button.btn-playpause-carousel .inner.play {
  opacity: 0;
  background-image: url(../images/play-btn.svg);
}

button.btn-playpause-carousel .inner.pause {
  opacity: 0;
  background-image: url(../images/pause-btn.svg);
}

button.btn-playpause-carousel:not(.playing) .inner.play {
  opacity: 1;
}
button.btn-playpause-carousel.playing .inner.pause {
  opacity: 1;
}

button.btn-playpause-carousel:not(.playing):hover .inner.play {
	transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
button.btn-playpause-carousel.playing:hover .inner.pause {
	transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

/*Top*/
button.btn-view-all {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

button.btn-view-all {
  position: relative;
  border-radius: 50%;
	background-color: var(--lighttext);
	opacity: .2;
	margin: 10px 0 0 10px;
  width: 36px;
  height: 36px;
  box-sizing: content-box;
	cursor: pointer;
	transition: all .3s;
	-webikit-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
	backdrop-filter: blur(50px) brightness(1.2) saturate(1.2);
}

button.btn-view-all:hover, button.btn-view-all:focus {
	opacity: 1;
}

&::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button.btn-view-all .inner {
  position: absolute;
  height: 14px;
  width: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.8);
  transition: all .3s;
  background-repeat: no-repeat;
  background-position: center;
}

button.btn-view-all .inner.list {
  opacity: 0;
  background-image: url(../../assets/images/list-ico.svg);
}

button.btn-view-all .inner.list {
  opacity: 1;
}

button.btn-view-all:not(.playing):hover .inner.list {
  opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#hero-background {
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: absolute;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

#hero-background-poster {
	width: 100%;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
	position: absolute;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

#hero-background-overlay {
	width: 100%;
	top: 0px;
	bottom: 0px;
	z-index: 10;
	position: absolute;
	background-color: rgba(0,0,0,0.0);
}

#hero-background video {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	object-fit: cover;
}

.section {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: var(--lightbg);
	position: relative;
	color: var(--lighttext);
}

.section.darker {
	background: var(--lightbgalt);
}

.section .container {
	width: 100%;
	max-width: 1160px;
	margin: 0px auto;
	padding: 80px 20px;
	text-align: center;
}

.section .container.full {
	padding: 75px 0px 85px 0px;
	max-width: none;
}

.section .title {
	position: relative;
	text-align: center;
	display: inline-block;
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}

.section.active .title {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.section .title h1 {
	margin: 0px auto 15px auto;
	padding: 0px;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	color: var(--lighttitles);
	font-weight: 800;
	font-style: normal;
	font-size: 40px;
	text-align: center;
	display: inline-block;
}

.section .container h2 {
	margin: 20px 0px 5px 0px;
	padding: 0px;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
}

.section.active .container h2 {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.section .container p {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 300;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5em;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	text-wrap: balance;
}

.section .container p span.bold {
	font-weight: 600;
	line-height: 1.2em;
}

.section.active .container p {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.section .container .button,
.section .container .button {
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
}

.section.active .container .button,
.section.active .container .button {
	margin: 30px 0 0 0;
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

.section .container p a {
	color: rgba(0,0,0,.65);
	transition: color 0.3s;
}

.section .container p a:hover {
	color: var(--color-red);
}

.section.color .container h1 {
	color: var(--darktitles);
}

.section.color .container p {
	color: var(--darktext);
}

.section.color .container p a {
	color: var(--darktext);
	transition: color 0.3s;
}

.section.color .container p a:hover {
	color: var(--darktext);
}

.section.color .container svg path {
	fill: var(--darkdiamonds);
}

.subText {
	font-size: 15px;
	color: rgba(0,0,0,0.5);
}

#intro .container a {
	margin-top: 20px;
}

#gallery {
	width: 100%;
	padding: 0px;
	background: #000000;
	overflow: hidden;
}

#gallery .container {
	width: 100%;
	max-width: 1640px;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#gallery .container .right {
	width: 25%;
	padding: 0 20px;
	z-index: 1;
}

#gallery .container .right .image {
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	position: relative;
	overflow: hidden;
}
#gallery .container .right .image ul{
	margin: 0 auto;
	overflow: hidden;
}

#gallery .container .right .image .image-element {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	-webkit-transition: opacity 2s ease-in-out, transform 7s ease-in-out;
	-moz-transition: opacity 2s ease-in-out, transform 7s ease-in-out;
	transition: opacity 2s ease-in-out, transform 7s ease-in-out;
}

#gallery .container .left {
	width: 60%;
	padding: 0px 20px;
	z-index: 1;
}

#gallery .container .content a {
	margin-top: 25px;
}

#gallery .right ul .image-element {
	opacity: 0;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

#gallery .right ul .image-element.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#lightgallery,
.lightgallery-multi-gallery {
	display: none;
}

.pag {
	padding: 5px 3px;
	background: rgba(255,255,255,.1);
	position: absolute;
	bottom: 20px;
	display: inline-flex;
	border-radius: 20px;
}

.pag-dot {
	width: 9px;
	height: 9px;
	margin: 0px 4px;
	background: #FFF;
	border-radius: 10px;
	opacity: .2;
	transform: scale(.55,.55);
	transition: all 0.3s;
	cursor: pointer;
}

.pag-dot.active {
	opacity: 1;
	transform: scale(1,1);
}

.background-images{
	position: absolute;
	width: 100%;
	height: calc(100% + 200px);
	top: 0px;
	left: 0px;
	z-index: 0;
}

.background-images > ul {
	height: 100%;
	width: 100%;
	top: -100px;
	position: absolute;
}

.background-images > ul > li{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

.background-images > ul > li{
	opacity: 0;
	transition: opacity 2s;
}
.background-images > ul > li.active{
	opacity: 1;
}

#event-videos {
	width: 100%;
	padding: 0px;
	position: relative;
	overflow: hidden !important;
}

#event-videos.brush::after {
	display: none;
}

#event-videos h2 {
	margin: 10px 0px 20px 0px;
	color: rgba(255, 255, 255, .65);
}

#event-videos .bg-loop {
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: absolute;
	background: #000;
}

#event-videos .bg-loop ul {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

#event-videos .bg-loop ul li {
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: absolute;
	background-size: cover;
	background-position: center top;
	-webkit-transition: opacity 2s ease-in-out, transform 7s ease-in-out;
	-moz-transition: opacity 2s ease-in-out, transform 7s ease-in-out;
	transition: opacity 2s ease-in-out, transform 7s ease-in-out;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

#event-videos .bg-loop ul li::before {
	content: '';
	width: 100%;
	top: 0px;
	bottom: 0px;
	background: rgba(113,12,43,.65);
	position: absolute;
}

#event-videos .bg-loop ul li.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#event-videos #event-videos-list {
	width: 100%;
	max-width: 1160px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#event-videos #event-videos-list li {
	flex: 0 0 33%;
	padding: 0px 25px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	opacity: 0;
}

#event-videos #event-videos-list li.active {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

#event-videos #event-videos-list li .image {
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	position: relative;
	overflow: hidden;
}

#event-videos #event-videos-list li .image .overlay {
	width: 100%;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,.65);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	overflow: hidden;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

#event-videos #event-videos-list li.hover .image .overlay {
	opacity: 1;
}

#event-videos #event-videos-list li .image .overlay .info {
	width: 76px;
	height: 76px;
	margin: -38px 0px 0px -38px;
	background: rgba(0, 0, 0, 0.20);
	border-radius: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 0;
	cursor: pointer;
}

#event-videos #event-videos-list li.hover .image .overlay .info {
	opacity: 1;
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
}

#event-videos #event-videos-list li.hover .image .overlay .info:hover {
	transform: scale(1,1);
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

#event-videos #event-videos-list li.hover .image .overlay .info:active {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
}

#event-videos #event-videos-list li .image .overlay .info img {
	width: 100%;
	display: block;
}

#event-videos #event-videos-list li .image .image-element {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

#event-videos #event-videos-list li .image .image-element {
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
}

#event-videos #event-videos-list li.hover .image .image-element {
	background: rgba(0, 0, 0, 0.10);
	background-size: cover;
	background-position: center;
	top: -20px;
	bottom: -20px;
	left: -20px;
	right: -20px;
	position: absolute;
}

#event-videos #event-videos-list li h1 {
	width: 100%;
	margin: 20px 0px 5px 0px;
	font-size: 20px;
	line-height: 1em;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	font-weight: 600;
	font-style: normal;
	text-align: center;
}

#event-videos #event-videos-list li h2 {
	width: 100%;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 1.5em;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	font-weight: 400;
	font-style: normal;
	color: rgba(255,255,255,.4);
	text-align: center;
}

#featured-chefs-slider {
	width: calc(100% + 200px);
	margin: 5px 0px 0px -100px;
	overflow: hidden;
}

#featured-chefs-slider .slide {
	margin: 0px 0px;
	padding: 10px 0px;
	position: relative;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 0;
}

#featured-chefs-slider .slide.active {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

#featured-chefs-slider .slide .content {
	width: 100%;
	padding-top: 100%;
	border-radius: 1000px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform: scale(.7);
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	will-change: transform;
	position: relative;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

#featured-chefs-slider .owl-item.dragging .slide .content {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

#featured-chefs-slider .owl-item.padded-right .content {
	margin-left: -7%;
}

#featured-chefs-slider .owl-item.padded-left .content {
	margin-left: 7%;
}

#featured-chefs-slider .owl-item.center .slide .content {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

#featured-chefs-slider .slide .content .overlay {
	width: 100%;
	top: 0px;
	bottom: 0px;
	background: rgba(113,12,43,.65);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	overflow: hidden;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

#featured-chefs-slider .slide .content .overlay .info {
	width: 76px;
	height: 76px;
	margin: -38px 0px 0px -38px;
	background: rgba(0, 0, 0, 0.20);
	border-radius: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 0;
}

#featured-chefs-slider .slide .content .overlay .info img {
	width: 100%;
	display: block;
}

#featured-chefs-slider .slide .content .overlay .info {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 1;
	cursor: pointer
}

#featured-chefs-slider .slide .content .overlay .info:hover {
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	opacity: 1;
}

#featured-chefs-slider .slide .content .overlay .info:active {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 1;
}

#featured-chefs-slider .owl-item.center .slide .content:hover .overlay .info {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
}

#featured-chefs-slider .owl-item.center .slide .content:hover .overlay .info:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

#featured-chefs-slider .owl-item.center .slide .content:hover .overlay .info:active {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
}

#featured-chefs-slider .slide .content .image {
	background: rgba(0, 0, 0, 0.10);
	background-size: cover;
	background-position: center;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

#featured-chefs-slider .slide .content.hover {
	/* cursor: pointer; */
}

#featured-chefs-slider .slide .content.hover .overlay {
	opacity: 1;
}

#featured-chefs-slider .slide .content.hover .image {
	background: rgba(0, 0, 0, 0.10);
	background-size: cover;
	background-position: center;
	top: -20px;
	bottom: -20px;
	left: -20px;
	right: -20px;
	position: absolute;
}

#featured-chef-name {
	margin: 0px;
	padding: 0px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 0;
}

#featured-chef-name.active {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

#testimonials .testimonial-wrapper h1 {
	margin: 20px 0px 0px 0px;
	font-size: 20px;
	line-height: 1em;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	font-weight: 600;
	font-style: normal;
	text-align: center;
}

#testimonials .testimonial-wrapper h1 {
	margin: 20px 0px 5px 0px;
}

#testimonials .testimonial-wrapper h2 {
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 1em;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: normal;
	color: rgba(0, 0, 0, .4);
	text-align: center;
}
ul.testimonial-list {
	text-align: center;
	padding: 0px;
	max-width: 1140px;
	margin: 0 auto;
}
ul.testimonial-list p{
	margin: 0px auto 10px auto;

}
ul.testimonial-list .name {
	margin: 10px 0px 0px 0px;
	font-size: 20px;
	line-height: 1em;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 600;
	color: var(--lighttitles);
	text-align: center;
}

ul.testimonial-list .role {
	margin: 0px 0px 50px 0px;
	font-size: 18px;
	line-height: 1em;
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 600;
	color: rgba(255, 255, 255, .4);
	text-align: center;
}

.section .container .testimonial-wrapper p{
	font-size: 16px;
}
.section .container .testimonial-wrapper h1, .section .container .testimonial-wrapper h2, .section .container .testimonial-wrapper p{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 0;
}
#testimonials-slider .owl-dots{
	display: block;
	margin-bottom: 10px;
}
#testimonials-slider.owl-carousel button.owl-dot {
	background: #000;
	opacity: .2;
}
#testimonials-slider.owl-carousel button.owl-dot.active {
	opacity: 1;
	transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
}
.section .container .testimonial-wrapper h1.in, .section .container .testimonial-wrapper h2.in, .section .container .testimonial-wrapper p.in{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 1;
}

#testimonials-slider.owl-carousel{
	cursor: initial;
}

#upcoming-events-full-view.section .title h1{
	color: #fff;
}

#upcoming-events-full-view.section h2{
	color: rgba(255,255,255,.8);
}

#event-sponsors-grid{
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
}

.content-grid {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
}

#event-sponsors-grid .sponsors-tier, .content-grid ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

#event-sponsors-grid .sponsors-tier li {
	width: 100%;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px 0px;
}

.content-grid ul li {
	width: 100%;
	overflow: hidden;
	margin: 10px 0px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	opacity: 0;
}

.content-grid ul li.active {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

.content-grid ul li h1 {
	margin: 20px 0px 0px 0px;
	font-size: 20px;
	line-height: 1.2em;
	font-family: sans-serif;
	font-family: var(--fontFamilyTitles);
	font-weight: 600;
	font-style: normal;
	text-align: center;
	color: var(--lighttitles);
}

.content-grid ul li {
	flex: 0 0 33%;
}

#event-sponsors-grid ul li {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	opacity: 0;
}

.section .container .content-grid ul li p {
	font-weight: 400;
}

#event-sponsors-grid ul li.active {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

#event-sponsors-grid .sponsors-tier.one li {
	flex: 0 0 33%;
}

#event-sponsors-grid .sponsors-tier.two li {
	flex: 0 0 25%;
}

#event-sponsors-grid .sponsors-tier.three li {
	flex: 0 0 20%;
}

#event-sponsors-grid .sponsors-tier li .sponsor{
	width: calc(100% - 20px);
	margin: 0 auto;
	padding-top: calc(100% - 20px);
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.content-grid ul li .event {
	width: calc(100% - 50px);
	padding-top: calc(100% - 50px);
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

#event-sponsors-grid .sponsors-tier li .sponsor .overlay, .content-grid .event .overlay {
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.65);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

#event-sponsors-grid .sponsors-tier li .sponsor:hover .overlay, .content-grid .event:hover .overlay, #event-sponsors-grid .sponsors-tier li .sponsor.hover .overlay, .content-grid .event.hover .overlay {
	opacity: 1;
}

#event-sponsors-grid .sponsors-tier li .sponsor .overlay .info, .content-grid .event .overlay .info {
	width: 76px;
	height: 76px;
	margin: -38px 0px 0px -38px;
	background: rgba(0, 0, 0, 0.20);
	border-radius: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 0;
}

#event-sponsors-grid .sponsors-tier li .sponsor .overlay .info img, .content-grid .overlay .info img {
	width: 100%;
	display: block;
}

#event-sponsors-grid .sponsors-tier li .sponsor:hover .overlay .info, .content-grid .event:hover .overlay .info, #event-sponsors-grid .sponsors-tier li .sponsor.hover .overlay .info, .content-grid .event.hover .overlay .info {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	opacity: 1;
}

#event-sponsors-grid .sponsors-tier li .sponsor:hover .overlay .info:hover, .content-grid .event:hover .overlay .info:hover, #event-sponsors-grid .sponsors-tier li .sponsor.hover .overlay .info:hover, .content-grid .event.hover .overlay .info:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

#event-sponsors-grid .sponsors-tier li .sponsor:hover .overlay .info:active, .content-grid .event:hover .overlay .info:active {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
}

#event-sponsors-grid .sponsors-tier li .sponsor .image, .content-grid ul li .event .image {
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(197,185,172,.1);
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	will-change: transform;
}

#event-sponsors-grid .sponsors-tier li .sponsor .image img {
	padding: 15px;
	width: 80%;
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	-moz-transform: scale(1) translate(-50%, -50%);
	will-change: transform;
	object-fit: cover;
}

#event-sponsors-grid .sponsors-tier li .sponsor .image img, .content-grid ul li .event .image img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform: scale(1) translate(-50%, -50%);
	-webkit-transform: scale(1) translate(-50%, -50%);
	-moz-transform: scale(1) translate(-50%, -50%);
	will-change: transform;
	object-fit: cover;
}

#event-sponsors-grid .sponsors-tier li .sponsor .image img {
	padding: 20px;
}

#event-sponsors-grid .sponsors-tier li .sponsor:hover .image img, .content-grid ul li .event:not(.no-hover):hover .image img{
	transform: translate(-50%, -50%) scale(1.2);
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-transform: translate(-50%, -50%) scale(1.2);
}

.content-grid ul li .event:not(.no-hover),
.content-grid ul li .event:not(.no-hover):hover {
	cursor: pointer;
}

.owl-dot:first-of-type{
	margin: 26px 0px 0px 0px;
}
.owl-dot {
	width: 9px;
	height: 9px;
	margin: 26px 0px 0px 12px;
	padding: 0px;
	border: none;
	background: rgba(255, 255, 255, 0.20);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transform: scale(0.55, 0.55);
	-webkit-transform: scale(0.55, 0.55);
	-moz-transform: scale(0.55, 0.55);
	cursor: pointer;
}

button.owl-dot:after {
	content: "";
	width: 20px;
	height: 20px;
	/* border: solid 2px rgba(255, 255, 255, 0.40); */
	position: absolute;
	z-index: 99;
	top: -3px;
	left: -3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	transition: transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
}

.owl-dot.active {
	background: rgba(255, 255, 255, 1);
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}

button.owl-dot.active::after {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}

#map {
	width: 100%;
	background-color: rgba(255,255,255,1);
}

#map-container {
	width: 100%;
	max-width: 1120px;
	min-height: 320px;
	margin: 10px auto;
	padding: 18% 0px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	transition: all 1.5s;
	border-radius: 20px;
	overflow: hidden;
	opacity: 0;
	will-change: transform;
}

#map.active #map-container {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}

#footer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: var(--lightbgfooter);
}

#footer.reveal {
	opacity: 1;
}

#footer .container {
	width: 100%;
	max-width: 1064px;
	margin: 0px auto;
	padding: 30px 20px 30px 20px;
}

#footer .container p {
	margin: 0px;
	padding: 0px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

#footer .container p:first-of-type{
	max-width: 640px;
	margin: 0 auto;
}

#footer .container p svg {
	padding: 0 0 10px 0;
	width: 280px;
	box-sizing: border-box;
	filter: invert(1);
}

#footer .container p.disclaimer {
	margin: 0px;
	padding: 0px;
	color: rgba(255, 255, 255, 0.4);
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 300;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

#footer.reveal .container p {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

#footer .container p a {
	color: rgba(255,255,255,0.4);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#footer .container p a:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.8);
}

#footer .container .social-links {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}

#footer .container .social-links li {
	margin: 0px 5px;
	opacity: 0;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

#footer .container .social-links li.active {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}

#footer .container .social-links li a,
#footer .container .social-links li button {
	width: 50px;
	height: 50px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: .4;
	font-size: 25px;
	color: rgba(255, 255, 255, 1);
	transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	background: none;
	border: none;
	cursor: pointer;
}

#footer .container .social-links li a:hover,
#footer .container .social-links li button:hover {
	opacity: 1;
}

#footer .container .social-links li a::after,
#footer .container .social-links li button::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0px;
	left: 0px;
	border-radius: 60px;
	background-color: rgba(255, 255, 255, 0);
	border: solid 1px rgba(255, 255, 255, 1);
}

#footer .container p.copyright {
	font-family: sans-serif;
	font-family: var(--fontFamilyCopy);
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: rgba(255,255,255,.4);
}

@media only screen and (max-width: 1600px) {
	.content-grid ul li{
		flex: 0 0 25%;
	}
}

@media only screen and (max-width: 1120px) {
	.owl-nav {
		display: none;
	}
	.content-grid ul li{
		flex: 0 0 33%;
	}
}

@media only screen and (max-width: 1024px) {
	#hero-content {
		padding: 120px 20px;
	}

	#hero-content svg {
		max-width: 360px;
	}

	#gallery .container{
		flex-direction: column-reverse;
	}
	#gallery .container .right {
		width: 100%;
	}
	#gallery .container .left{
		width: 100%;
	}
	#gallery .container .right .image {
		width: 360px;
		height: 360px;
		padding-top: 0px;
		margin: 0px auto 30px auto;
	}

	#primary-chef .container {
		display: block;
	}

	#primary-chef .container .left {
		width: 100%;
		padding: 0px 20px;
	}

	#primary-chef .container .left .image {
		width: 360px;
		height: 360px;
		margin: 0px auto 30px auto;
		padding-top: 0px;
	}

	#primary-chef .container .right {
		width: 100%;
		padding: 0px;
	}
}

@media only screen and (max-width: 768px) {
	#header {
		width: 100%;
		height: 60px;
		position: fixed;
		top: 0px;
		z-index: 7999;
		opacity: 1;
		transition: top 0.3s, opacity 0.3s;
		-webkit-transition: top 0.3s, opacity 0.3s;
		-moz-transition: top 0.3s, opacity 0.3s;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	}

	#header.active {
		top: 0px;
		opacity: 1;
	}

	.section .container {
		padding: 50px 20px;
	}

	#gallery {
		padding-bottom: 10px;
	}

	.showcase-gallery {
		padding: 30px 20px 20px 20px;
	}

	.section .container.full {
		padding: 30px 0px 20px 0px;
	}

	#gallery .container .right .image {
		width: 280px;
		height: 280px;
		margin: 0px auto 30px auto;
		padding-top: 0px;
	}

	.section .title h1 {
		margin: 0px 0px 20px 0px;
		font-size: 30px;
		line-height: .7em;
	}
	.section h2.subheader {
		font-size: 14px;
	}
	.section .container p {
		font-size: 1.25em;
		line-height: 1.5em;
	}

	#featured-dining-content li .featured-dining-image-container {
		border-radius: 10px;
	}

	#featured-dining-content li .featured-dining-image-container .featured-dining-image {
		padding-top: calc(100% * (9/16));
	}

	#featured-dining-content li .featured-dining-copy-container .featured-dining-copy {
		width: calc(100% - 40px);
	}

	#featured-dining-content li .featured-dining-copy-container .featured-dining-copy p {
		font-size: 18px;
		padding: 0px 0px 10px 0px;
	}

	#featured-dining-content li .featured-dining-copy-container {
		bottom: 10px;
	}

	#primary-chef {
		padding: 70px 0px 50px 0px;
	}

	#primary-chef .container .left .image {
		width: 280px;
		height: 280px;
		margin: 0px auto 30px auto;
		padding-top: 0px;
	}

	#featured-food{
		padding: 35px 0px;
	}

	.content-grid ul li .event {
		width: 100%;
		padding-top: 100%;
	}

	#event-videos #event-videos-list li {
		flex: 0 0 50%;
		padding: 5px;
	}

	#primary-chefs .container {
		padding: 0px 20px;
	}

	#primary-chefs #primary-chefs-list {
		margin: 20px auto 0px auto;
		padding: 0px 10px;
	}

	#primary-chefs #primary-chefs-list li, #event-sponsors-grid .sponsors-tier li, .content-grid ul li {
		padding: 5px;
	}

	#event-sponsors-grid .sponsors-tier li .sponsor {
		width: 100%;
		padding-top: 100%;
	}

	#event-sponsors-grid .sponsors-tier li .sponsor .image img {
		padding: 5px;
	}

	#event-sponsors-grid .sponsors-tier.one li {
		flex: 0 0 100%;
	}

	#event-sponsors-grid .sponsors-tier.two li {
		flex: 0 0 50%;
	}

	#event-sponsors-grid .sponsors-tier.three li {
		flex: 0 0 33%;
	}

	.content-grid ul li{
		flex: 0 0 50%;
	}
}

@media only screen and (max-width: 540px) {
	#header .button-wrapper {
		display: none;
	}

	#header .mobile-icon {
		position: absolute;
		display: block;
		top: 14px;
		width: 30px;
		height: 30px;
	}

	#header .header-left .mobile-icon {
		left: 0;
		top: 16px;
		width: 30px;
	}

	#header .header-right .mobile-icon {
		right: 0;
	}
}

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

	#gallery, #event-videos {
		padding: 0px;
	}

	#event-videos #event-videos-list {
		margin: 0px auto;
	}

	button.btn-playpause {
		bottom: 10px;
		right: 10px;
	}

	#hero-content {
		padding: 140px 50px;
	}

	#primary-chef .container .left {
		padding: 0px;
	}

	#primary-chef .container .right {
		padding: 0px;
	}

	.section .title h1 {
		font-size: 30px;
	}

	.section .title svg.detail-vector:first-child {
		left: -90px;
		top: 7px;
	}

	.section .title svg.detail-vector:last-child {
		right: -90px;
		top: 7px;
	}

	.diamonds {
		/* display: none !important; */
		scale: 60% !important;
	}

	#footer .container p svg {
		width: 180px; 
	}
}


.diamonds {
	position: absolute;
  top: 15px;
	display: flex;
	gap: 10px;
	fill: var(--lightdiamonds);
}

.diamonds.left-diamonds {
  left: -95px;
}

.diamonds.right-diamonds {
	right: -95px;
}

.diamonds svg {
	width: 20px;
	opacity: 0;
	transition: 0.3s all ease-in-out;
}

.diamonds.left-diamonds svg:nth-child(3), .diamonds.right-diamonds svg:nth-child(1){
	transition-delay: 0.3s;
}

.diamonds.left-diamonds svg:nth-child(2), .diamonds.right-diamonds svg:nth-child(2){
	transition-delay: 0.4s;
}

.diamonds.left-diamonds svg:nth-child(1), .diamonds.right-diamonds svg:nth-child(3){
	transition-delay: 0.5s;
}

.diamonds.left-diamonds svg {
	transform: translateX(5px) rotate(45deg);
}

.diamonds.right-diamonds svg {
	transform: translateX(-5px) rotate(-45deg);
}

.section.active .diamonds svg {
	transform: translateX(0px) rotate(0deg);
	opacity: 1;
}

@media only screen and (max-width: 350px) {
	#gallery .container .right .image {
		width: 230px;
		height: 230px;
	}
}

@media only screen and (max-width: 768px) {
	.diamonds {
		position: absolute;
		top: 4px;
		display: flex;
		gap: 10px;
		scale: 80%;
	}
	
	.diamonds.left-diamonds {
		left: -95px;
	}
	
	.diamonds.right-diamonds {
		right: -95px;
	}
	
	.diamonds svg {
		width: 20px;
		opacity: 0;
		transition: 0.3s all ease-in-out;
	}
}

@media (prefers-color-scheme: dark) {

	body {
		background-color: var(--darkbg);
	}

	.mobile-nav{
		background: var(--darkbgalt);
	}

	.mobile-nav-close-button::before, .mobile-nav-close-button::after {
		background-color: var(--darktitles);
	}

	.mobile-nav-container {
		background: var(--darkbg);
	}

	.mobile-nav-header {
		background: var(--darkbgalt);
		color: var(--darktitles);
	}

	.mobile-nav-body ul li {
		color: rgba(255,255,255,.8);
		border-bottom: solid 1px rgba(255,255,255,.05);
	}

	.mobile-nav-body ul li:hover {
		background-color: rgba(255,255,255,.02);
		color: rgba(255,255,255,1);
	}

	.mobile-nav-body ul li.active{
	background: var(--darkbgalt);
	color: var(--darktitles);
	}

	#header {
		background-color: hsl(60, 14%, 10%, 50%); /*var(--darkbg);*/
	}

	#header #header-logo-container svg {
		fill: #FFF;
	}

	.header-wrapper ul li {
		color: var(--darktitles);
	}

	.header-wrapper ul:hover li {
		color: var(--darktext);
	}
	
	.header-wrapper ul li:hover {
		color: var(--darktitles);
	}

	.header-wrapper ul li.active {
		color: var(--darktitles);
	}

	.header-wrapper ul li::after {
		background-color: var(--darkheaderselect);
	}

	.hamburger-menu {
		filter: invert(1);
	}

	.section {
		background-color: var(--darkbg);
	}

	.section h1 {
		color: var(--darktitles);
	}
	.section p {
		color: var(--darktext);
	}
	.section .title h1 {
		color: var(--darktitles);
	}

	.section .title p {
		color: var(--darktext);
	}
	
	.section .diamonds * {
		fill: var(--darkdiamonds);
	}
	.section.darker {
		background-color: var(--darkbgalt);
	}

	.section.darker h1 {
		color: var(--darktitles);
	}

	.section.darker p {
		color: var(--darktext);
	}

	.section.darker .diamonds * {
		fill: var(--darkdiamonds);
	}

	#footer {
		background-color: var(--darkbgfooter);
	}
	
	button.b-01, a.b-01 {
		color: var(--darkbuttontext);
		background: var(--darkbutton);
	}

	#testimonials-slider.owl-carousel button.owl-dot {
		background: var(--darkbutton);
		opacity: 0.5;
	}
	
	ul.testimonial-list .name {
		color: var(--darktitles);
	}
	
	button.btn-playpause-carousel, button.btn-view-all {
		background-color: var(--darktext);
		opacity: 0.5;
	}
	
	#hero-background-overlay {
		background-color: rgba(0,0,0,0.0);
	}

	.content-grid ul li h1 {
		color: var(--darktitles);
	}
	
	#page-loader {
		background-color: var(--darkbg);
	}
	
	#page-loader svg {
		fill: var(--darktitles);
	}
	
	.loader {
		border-top: 2px solid hsla(var(--darkfonts),0.2);
		border-right: 2px solid hsla(var(--darkfonts),0.2);
		border-bottom: 2px solid hsla(var(--darkfonts),0.2);
		border-left: 4px solid hsla(var(--darkfonts),1);
	}
}