/* Fonts CSS */
@font-face {
	font-family: 'MADE TOMMY Regular';
	src: url('content/Fonts/MADE%20TOMMY%20Regular.eot');
	src: url('content/Fonts/MADE%20TOMMY%20Regular.woff') format('woff'),
		 url('content/Fonts/MADE%20TOMMY%20Regular.ttf') format('truetype'),
		 url('content/Fonts/MADE%20TOMMY%20Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MADE TOMMY Bold';
	src: url('content/Fonts/MADE%20TOMMY%20Bold.eot');
	src: url('content/Fonts/MADE%20TOMMY%20Bold.woff') format('woff'),
		 url('content/Fonts/MADE%20TOMMY%20Bold.ttf') format('truetype'),
		 url('content/Fonts/MADE%20TOMMY%20Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Generic CSS */
::-moz-selection {
	color: #444;
	background: #ccc;
}
::selection {
	color: #444;
	background: #ccc;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: #fff;
}
::-webkit-scrollbar-thumb {
	background: #444;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	color: #fff;
	background: #000;
	font-family: 'MADE TOMMY Regular';
}
body.menu-mode {
	overflow: hidden;
}
body.menu-mode > *:not(#mobile-header) {
	opacity: 0.3;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
body.menu-mode .container-fluid {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	opacity: 0.5;
}
section {
	overflow: hidden;
	padding: 5rem 10%;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
section + section {
	border-top: 0.4rem solid #00f500;
}
section h2 {
	height: 4rem;
	display: table;
	font-size: 3.5rem;
	line-height: 4rem;
	position: relative;
	white-space: nowrap;
	margin: 0 auto 2.5rem;
	font-family: 'MADE TOMMY Bold';
}
section h2:before,
section h2:after {
	content: '';
	top: 50%;
	width: 20rem;
	height: 3.5rem;
	position: absolute;
	display: inline-block;
	margin: 0 2rem -0.5rem;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('content/Elements/Title%20Aesthetics.png');
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
section h2:before {
	right: 100%;
}
section h2:after {
	left: 100%;
}
section .subtitle {
	font-size: 1.5rem;
	font-weight: bold;
	margin: -1rem auto 2.5rem;
	font-family: 'MADE TOMMY Bold';
}
section .subtitle span {
	color: #00f500;
	display: block;
	font-style: italic;
}
section .subtitle + p {
	margin: -1.5rem auto 1.5rem;
}
section.white-section {
	color: #4f555d;
	background-color: #fff;
}
section.white-section h2 {
	color: #06b601;
}
section.white-section h2:before,
section.white-section h2:after {
	opacity: 0.1;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
color {
	color: #06b601;
}
a {
	color: #06b601;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a:hover,
a:focus {
	color: #00ff00;
}

/* Buttons CSS */
.btn {
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.btn-primary {
	margin: 0 0.25rem;
	padding: 0.5rem 1rem;
	display: inline-block;
	vertical-align: middle;
	background-color: #08b101;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: #00ff00;
}
.btn-secondary {
	margin: 0 auto 1rem;
	padding: 0.75rem 4rem;
	display: inline-block;
	background-color: #025500;
}
.btn-secondary + .btn-secondary {
	margin-left: 0.5rem;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #05be00;
}
.btn-action {
	color: #fff;
	font-weight: 600;
	overflow: hidden;
	font-size: 1.25rem;
	padding: 1rem 2rem;
	position: relative;
	border-radius: 0.2rem;
	box-shadow: 0 0 5px -1px transparent;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-animation: buttonglow 5s linear 0s infinite;
	animation: buttonglow 5s linear 0s infinite;
}
@keyframes buttonglow {
	0%, 100% {
		box-shadow: 0 0 1rem 1px #5f5;
	}
	50% {
		box-shadow: 0 0 5px -1px #030;
	}
}
.btn-action:hover,
.btn-action:focus {
	color: #fff;
	box-shadow: 0 0 5px -1px hsla(0,0%,0%,0.5);
}
.btn-action:before {
	content: '';
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-action:before {
	background: rgba(0,123,91,1);
	background: linear-gradient(90deg, rgba(0,204,0,1) 0%, rgba(0,123,91,1) 25%, rgba(0,70,0,1) 50%, rgba(0,123,91,1) 75%, rgba(0,204,0,1) 100%);
	background-size: 500%;
	background-position: left;
}
.btn-action:hover:before {
	background-position: right;
}
.btn-action span {
	z-index: 5;
	position: relative;
}
.new-link-icon {
	opacity: 0.6;
	-webkit-transform: scale(0.75) translate(0,-10%);
	transform: scale(0.75) translate(0,-10%);
}

/* Slideshow CSS */
.splide__slide h2 {
	margin: 0;
}
.splide__slide h2:before,
.splide__slide h2:after {
	content: none;
	display: none;
}
.splide__slide img {
	width: 100%;
}
.splide__arrows {
	z-index: 2;
	display: none;
}
.splide__pagination {
	left: 4rem;
	right: auto;
	bottom: 2rem;
}
.splide__pagination li + li {
	margin-left: 0.25rem;
}
.splide__pagination__page.is-active {
	background: #00ff00;
}

/* Features CSS */
.feature-container {
	width: 100%;
	display: block;
	position: relative;
}
.feature-container .feature-box {
	width: 10rem;
	position: relative;
	margin: 0 1rem 2rem;
	vertical-align: top;
	display: inline-block;
}
.feature-container .feature-box .feature-box-image {
	width: 10rem;
	height: 10rem;
	display: block;
	position: relative;
}
.feature-container .feature-box .feature-box-image img {
	top: 50%;
	left: 50%;
	max-width: 70%;
	max-height: 70%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.feature-container .feature-box .feature-box-text {
	height: 3rem;
	display: block;
	font-weight: bold;
	margin-top: 0.5rem;
	line-height: 1.2rem;
}

/* Header CSS */
#header {
	top: 3rem;
	left: 3rem;
	z-index: 1000;
	position: fixed;
}
#header .logo-container {
	z-index: 10;
	height: 3rem;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .logo-container h1 {
	top: -99999px;
	left: -99999px;
	position: absolute;
}
#header .logo-container img {
	height: 3rem;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header.dark-mode .logo-container img {
	opacity: 0;
}
#header .logo-container img + img {
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
}
#header.dark-mode .logo-container img + img {
	opacity: 1;
}
#header .menu-container {
	top: 0;
	right: 0;
	z-index: 5;
	width: 100%;
	position: fixed;
	text-align: right;
	background: transparent;
}
#header .menu-container:before,
#header .menu-container:after {
	content: '';
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .menu-container:before {
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,1) 100%);
}
#header .menu-container:after {
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,1) 100%);
}
#header.dark-mode .menu-container:before,
#header .menu-container:after {
	opacity: 0;
}
#header .menu-container:before,
#header.dark-mode .menu-container:after {
	opacity: 1;
}
#header .menu-container .menu-items {
	z-index: 5;
	padding: 3rem;
	position: relative;
}
#header .menu-container .menu-items a {
	color: #fff;
	height: 2rem;
	padding: 0 10px;
	line-height: 2rem;
	position: relative;
	margin-left: 2.5rem;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	-webkit-visibility: hidden;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#header .menu-container .menu-items a:hover {
	background: hsla(0,0%,0%,0.5);
}
#header.dark-mode .menu-container .menu-items a {
	color: #000;
}
#header.dark-mode .menu-container .menu-items a:hover {
	background: hsla(0,0%,100%,0.5);
}
#header .menu-container .menu-items a.active,
#header.dark-mode .menu-container .menu-items a.active {
	color: #fff;
	background: #00aa00;
}
#header .menu-container .menu-items a.hidden {
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}
#header .menu-container .menu-items a.special {
	color: #fff;
	height: 3rem;
	padding: 0 1rem;
	line-height: 3rem;
	background: #00aa00;
	border-radius: 0.25rem;
	box-shadow: 0 0 5px -1px transparent;
}
#header .menu-container .menu-items a.special:hover {
	color: #000;
	background: #fff;
	box-shadow: 0 0 5px -1px hsla(0,0%,0%,0.5);
}
#mobile-header {
	top: 1rem;
	left: 1rem;
	z-index: 1000;
	display: none;
	position: fixed;
}
#mobile-header .menu-btn {
	z-index: 10;
	width: 1.6rem;
	height: 1.6rem;
	position: relative;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-header .menu-btn:before,
#mobile-header .menu-btn:after {
	content: '';
	height: 2px;
	width: 1.6rem;
	position: absolute;
	background: #00ff00;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-header.dark-mode .menu-btn:before,
#mobile-header.dark-mode .menu-btn:after {
	height: 3px;
	background: #000;
}
#mobile-header .menu-btn:before {
	top: 0;
}
#mobile-header .menu-btn:after {
	bottom: 0;
}
#mobile-header .menu-btn span {
	left: 0px;
	height: 2px;
	font-size: 0;
	width: 0.8rem;
	display: block;
	position: absolute;
	background: #00ff00;
	top: calc(50% - 1px);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-header.dark-mode .menu-btn span {
	height: 3px;
	background: #000;
}
#mobile-header .menu-btn.active:before,
#mobile-header .menu-btn.active:after {
	width: 2.1rem;
	background-color: #fff;
}
#mobile-header .menu-btn.active:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
#mobile-header .menu-btn.active:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
#mobile-header .menu-btn.active span {
	width: 0;
}
#mobile-header .logo-container {
	z-index: 10;
	height: 2rem;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-header .logo-container h1 {
	top: -99999px;
	left: -99999px;
	position: absolute;
}
#mobile-header .logo-container img {
	height: 2rem;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#mobile-header.dark-mode .logo-container img {
	opacity: 0;
}
#mobile-header .logo-container img + img {
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
}
#mobile-header.dark-mode .logo-container img + img {
	opacity: 1;
}
#mobile-header .menu-container {
	top: 0;
	left: 0;
	z-index: 5;
	height: 100%;
	position: fixed;
	pointer-events: none;
}
body.menu-mode #mobile-header .menu-container {
	width: 100%;
	pointer-events: all;
}
#mobile-header .menu-container .menu-items {
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
body.menu-mode #mobile-header .menu-container .menu-items {
	opacity: 1;
	pointer-events: all;
}
#mobile-header .menu-container .menu-items {
	top: 5rem;
	left: 3rem;
	position: absolute;
}
#mobile-header .menu-container .menu-items a {
	color: #fff;
	display: table;
	height: 2rem;
	padding: 0 10px;
	line-height: 2rem;
	position: relative;
	margin-bottom: 1rem;
	text-transform: uppercase;
	-webkit-visibility: hidden;
}
#mobile-header .menu-container .menu-items a:hover {
	background: hsla(0,0%,0%,0.5);
}
#mobile-header .menu-container .menu-items a.active {
	background: #00aa00;
}
#mobile-header .menu-container .menu-items a.hidden {
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}
#mobile-header .menu-container .menu-items a.special {
	color: #fff;
	height: 3rem;
	padding: 0 1rem;
	line-height: 3rem;
	background: #00aa00;
	border-radius: 0.25rem;
	box-shadow: 0 0 5px -1px transparent;
}
#mobile-header .menu-container .menu-items a.special:hover {
	color: #000;
	background: #fff;
	box-shadow: 0 0 5px -1px hsla(0,0%,0%,0.5);
}

/* Footer CSS */
#footer {
	display: block;
	padding: 4rem 7.5%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-top: 0.4rem solid #00f500;
	background-image: url('content/Backgrounds/Footer.jpg');
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#footer .socials {
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}
#footer .socials strong {
	color: #06b601;
	display: block;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	font-family: 'MADE TOMMY Bold';
}
#footer .socials .social-block {
	display: block;
}
#footer .socials .social-block i {
	color: #000;
	width: 2rem;
	height: 2rem;
	background: #fff;
	font-size: 1.2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 100%;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#footer .socials .social-block:hover i {
	color: #fff;
	background: #025d02;
}
#footer .socials .social-block span {
	color: #025d02;
	font-weight: 100;
	font-family: 'MADE TOMMY Bold';
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#footer .socials .social-block:hover span {
	color: #00cc00;
}
#footer .copyright-text {
	width: 49%;
	color: #696969;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#footer .copyright-text p {
	color: #fff;
	display: block;
	margin-top: 1rem;
}
#footer .copyright-logo {
	width: 25%;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}
#footer .copyright-logo img {
	width: 10rem;
	height: auto;
}

/* <em>Intro</em> CSS */
#intro {
	padding: 0;
	position: relative;
}
#intro #intro-slider {
	max-height: 99vh;
	overflow: hidden;
}
#intro #intro-slider .splide__slide img.mobile-slide {
	display: none !important;
}
#intro #intro-slider-mark {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	pointer-events: none;
	-webkit-backdrop-filter: grayscale(100%);
	backdrop-filter: grayscale(100%);
	-webkit-clip-path: polygon(96.4% 0%, 100% 0%, 100% 28%, 89% 50%, 100% 72%, 100% 100%, 96.4% 100%, 80% 67.5%, 63.6% 100%, 45.8% 100%, 71% 50%, 45.8% 0%, 63.7% 0%, 80% 32.5%);
	clip-path: polygon(96.4% 0%, 100% 0%, 100% 28%, 89% 50%, 100% 72%, 100% 100%, 96.4% 100%, 80% 67.5%, 63.6% 100%, 45.8% 100%, 71% 50%, 45.8% 0%, 63.7% 0%, 80% 32.5%);
}
#intro #intro-slider-mark:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #fff;
	position: absolute;
}

/* Arenas CSS */
#arenas {
	background-image: url('content/Backgrounds/Arenas.jpg');
}
#arenas #franchise-gallery {
	width: 115%;
	height: 25rem;
	margin-left: -7.5%;
}
#arenas #franchise-gallery-container {
	width: 100%;
	height: 100%;
}
#arenas #franchise-gallery-container .franchise-gallery-slide {
	opacity: 0;
	width: auto;
	height: 100%;
	margin-right: 1rem;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arenas #franchise-gallery-container .franchise-gallery-slide.loaded {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
#arenas #franchise-gallery-container .franchise-gallery-slide img {
	width: auto;
	height: 100%;
}
#arenas #franchise-slider {
	width: 90%;
	position: relative;
	margin: 2.5rem auto 5rem;
}
#arenas #franchise-slider .splide__arrows {
	top: 50%;
	left: -5%;
	width: 110%;
	display: block;
	position: absolute;
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
#arenas #franchise-slider .splide__arrows .splide__arrow {
	background: transparent;
}
#arenas #franchise-slider .splide__arrows .splide__arrow svg {
	fill: #fff;
	font-size: 1.5rem;
}
#arenas #franchise-slider .franchise-box {
	height: 7.5rem;
	position: relative;
}
#arenas #franchise-slider .franchise-box:hover {
	cursor: pointer;
}
#arenas #franchise-slider .franchise-box:before,
#arenas #franchise-slider .franchise-box:after {
	content: '';
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arenas #franchise-slider .franchise-box:before {
	background: #06b601;
	background: linear-gradient(30deg, rgba(0,170,0,1) 0%, rgba(1,87,66,1) 100%);
}
#arenas #franchise-slider .franchise-box:after {
	background: #fff;
}
#arenas #franchise-slider .franchise-box:hover:before, 
#arenas #franchise-slider .franchise-box.active:before, 
#arenas #franchise-slider .franchise-box:after {
	opacity: 0;
}
#arenas #franchise-slider .franchise-box:before, 
#arenas #franchise-slider .franchise-box:hover:after,
#arenas #franchise-slider .franchise-box.active:after {
	opacity: 0.8;
}
#arenas #franchise-slider .franchise-box > strong {
	z-index: 5;
	width: 100%;
	display: block;
	margin-top: 2rem;
	font-size: 1.5rem;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arenas #franchise-slider .franchise-box > span {
	z-index: 5;
	display: block;
	font-size: 1.25rem;
	position: relative;
	margin-top: -0.5rem;
	text-transform: uppercase;
	color: hsla(0,0%,100%,0.6);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arenas #franchise-slider .franchise-box:hover > strong,
#arenas #franchise-slider .franchise-box.active > strong {
	color: #5f646a;
}
#arenas #franchise-slider .franchise-box:hover > span,
#arenas #franchise-slider .franchise-box.active > span {
	color: hsla(0,0%,0%,0.4);
}
#arenas #franchise-slider .franchise-box .franchise-cafe-list {
	opacity: 0;
	position: absolute;
	pointer-events: none;
}
#arenas #franchise-cafe-list {
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#arenas #franchise-cafe-list.active {
	opacity: 1;
}
#arenas #franchise-cafe-list ul {
	margin: 0;
	color: #4f555d;
	text-align: left;
	background: #fff;
	list-style: none;
	padding: 1.5rem 2rem;
	border-left: 0.5rem solid #06b601;
}
#arenas #franchise-cafe-list ul li {
	position: relative;
}
#arenas #franchise-cafe-list ul li strong {
	display: block;
	font-size: 1.2rem;
	font-family: 'MADE TOMMY Bold';
}
#arenas #franchise-cafe-list ul li p {
	width: 90%;
	display: block;
	margin-bottom: 0;
}
#arenas #franchise-cafe-list ul li a.fcl {
	top: 50%;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	font-size: 1.5rem;
	text-align: center;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #06b601;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#arenas #franchise-cafe-list ul li a.fcl:hover {
	border-color: #0f0;
}
#arenas #franchise-cafe-list ul li + li {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #ccc;
}

/* Franchise CSS */
#franchise {
	background-image: url('content/Backgrounds/Franchise.jpg');
}
#franchise #franchise-features .feature-box-image {
	background: rgb(0,204,0);
	background: linear-gradient(45deg, rgba(0,204,0,1) 0%, rgba(0,123,91,1) 100%);
}
#franchise #franchise-features .feature-box-text {
	text-align: left;
}
#franchise #franchise-description {
	
}
#franchise #franchise-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#franchise #franchise-description ul li {
	height: auto;
	margin: 0 0 2rem;
	font-size: 1.2rem;
	padding-left: 2rem;
	position: relative;
	line-height: 1.5rem;
}
#franchise #franchise-description ul li:before {
	content: '';
	left: 1rem;
	top: 0.75rem;
	width: 0.5rem;
	height: 0.5rem;
	background: #00ff00;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#franchise #franchise-description p {
	margin-top: 2rem;
	font-size: 1.1rem;
	margin-left: 1.5rem;
}
#franchise #franchise-description .franchise-action {
	margin-left: 2rem;
	padding-left: 5rem;
	padding-right: 5rem;
}
#franchise #franchise-services {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#franchise #franchise-services .feature-box {
	flex: 0 0 7.5%;
}
#franchise #franchise-services .feature-box .feature-box-image {
	width: 100%;
	margin: 0 auto;
	-webkit-filter: invert(66%) sepia(11%) saturate(420%) hue-rotate(175deg) brightness(89%) contrast(89%);
	filter: invert(66%) sepia(11%) saturate(420%) hue-rotate(175deg) brightness(89%) contrast(89%);
}
#franchise #franchise-services .feature-box-text {
	color: #06b601;
	white-space: normal;
	text-transform: uppercase;
}
#franchise h3 {
	height: 3rem;
	font-size: 2.5rem;
	line-height: 3rem;
	margin: 0 auto 2.5rem;
	font-family: 'MADE TOMMY Bold';
}

/* Events CSS */
#events {
	background-image: url('content/Backgrounds/Events.jpg');
}
#events h3 {
	width: 4rem;
	color: #4f555d;
	display: table;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	background: #dee4de;
	padding: 1rem 1.5rem;
	overflow-wrap: anywhere;
	height: calc(100% - 2.5rem);
	font-family: 'MADE TOMMY Bold';
}
#events h3.upcoming-title {
	line-height: 1.6rem;
}
#events h3.past-title {
	line-height: 3.3rem;
}
#events .splide,
#events .splide .splide__track,
#events .splide .splide__list {
	width: 100%;
}
#events .splide .splide__arrows {
	top: 50%;
	left: -5%;
	width: 110%;
	display: block;
	position: absolute;
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
#events .splide .splide__arrows .splide__arrow {
	background: transparent;
}
#events .splide .splide__arrows .splide__arrow svg {
	fill: #fff;
	font-size: 1.5rem;
}
#events .events-container .events-box {
	cursor: pointer;
	position: relative;
	margin-right: 1rem;
	background: #00ae04;
	display: inline-block;
	background-size: cover;
	background-position: center;
	width: calc(((100% + 1rem) / 4) - 1rem);
	padding-bottom: calc(((100% + 1rem) / 4) - 1rem);
}
#events .events-container .events-box[href="#"] {
	cursor: default;
}
#events .events-container .events-box:after {
	content: '';
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#events .events-container .events-box:hover:after {
	opacity: 0.9;
}
#events .events-container .events-box span {
	top: 50%;
	left: 50%;
	z-index: 2;
	opacity: 0;
	width: 75%;
	color: #dee4de;
	position: absolute;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#events .events-container .events-box:hover span {
	opacity: 1;
}
#events hr {
	opacity: 1;
	margin: 1rem auto;
	border: 2px solid #008103;
}
#events .events-register {
	display: block;
	font-size: 1.25rem;
	text-align: center;
	margin: 0 auto 1rem;
	font-family: 'MADE TOMMY Bold';
}
#events .app-download {
	display: flex;
	padding: 1rem 2rem;
	flex-direction: column;
	justify-content: center;
}
#events .app-download img {
	width: 75%;
	margin: 1rem auto 2.5rem;
}
#events .download-action {
	display: table;
	margin: 0 auto;
}
#events .more-events {
	font-size: 1.5rem;
	margin: 5rem auto 0;
}
#events .more-events .btn-action {
	margin-right: 0.5rem;
}

/* STUDIO X CSS */
#studiox #studiox-features .feature-box {
	height: 15rem;
	margin-bottom: 5rem;
	width: calc(25% - 3rem);
}
#studiox #studiox-features .feature-box-image {
	width: 15rem;
	height: 15rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#studiox #studiox-features .feature-box-image:before,
#studiox #studiox-features .feature-box-image:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
#studiox #studiox-features .feature-box-image:before {
	z-index: 1;
	background: rgba(0,123,91,1);
	background: linear-gradient(30deg, rgba(0,204,0,1) 0%, rgba(0,123,91,1) 100%);
}
#studiox #studiox-features .feature-box-image:after {
	opacity: 0;
	z-index: 2;
	background-size: 150% auto;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#studiox #studiox-features .feature-box-image.loaded:after {
	opacity: 0.1;
}
#studiox #studiox-features .feature-box-image img {
	top: 40%;
	z-index: 3;
}
#studiox #studiox-features .feature-box-text {
	top: 12rem;
	color: #fff;
	width: 15rem;
	height: auto;
	z-index: 5;
	background: #222;
	text-align: left;
	position: absolute;
	padding: 1rem 1rem;
	padding-right: 2rem;
	left: calc(50% - 7.5rem);
}

/* ILG CSS */
#ilg {
	padding-bottom: 5rem;
	background-image: url('content/Backgrounds/ILG%20Cup.jpg');
}
#ilg .ilg-box-container {
	display: flex;
	margin-top: 2.5rem;
	position: relative;
	justify-content: space-between;
}
#ilg .ilg-box-container .ilg-box {
	width: 18rem;
	height: 18rem;
	cursor: pointer;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #b1b1b1;
	background-size: 100% 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-shadow: 0 0 0.1rem 0.1rem hsla(0,0%,50%,0.5);
}
#ilg .ilg-box-container .ilg-box:hover,
#ilg .ilg-box-container .ilg-box:focus {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0 0 2.5rem 0.1rem hsla(0,0%,50%,0.25);
}
#ilg .ilg-box-container .ilg-box.active {
	opacity: 0;
}
#ilg .ilg-box-container .ilg-box .ilg-box-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}
#ilg .ilg-box-container .ilg-box .ilg-box-bg:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100% 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#ilg .ilg-box-container .ilg-box:hover .ilg-box-bg:before,
#ilg .ilg-box-container .ilg-box:focus .ilg-box-bg:before {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}
#ilg .ilg-box-container .ilg-box.ilg-s1 .ilg-box-bg:before {
	background-image: url('content/Elements/ILG%20Season%201%20BG.jpg');
}
#ilg .ilg-box-container .ilg-box.ilg-s2 .ilg-box-bg:before {
	background-image: url('content/Elements/ILG%20Season%202%20BG.jpg');
}
#ilg .ilg-box-container .ilg-box.ilg-s3 .ilg-box-bg:before {
	background-image: url('content/Elements/ILG%20Season%203%20BG.jpg');
}
#ilg .ilg-box-container .ilg-box .ilg-box-bg:after {
	content: '';
	display: block;
	position: absolute;
	top: -150%;
	left: -25%;
	width: 150%;
	height: 400%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(-45deg) translate(0%,25%);
	transform: rotate(-45deg) translate(0%,25%);
}
#ilg .ilg-box-container .ilg-box:hover .ilg-box-bg:after,
#ilg .ilg-box-container .ilg-box:focus .ilg-box-bg:after {
	-webkit-transform: rotate(-45deg) translate(0%,-25%);
	transform: rotate(-45deg) translate(0%,-25%);
}
#ilg .ilg-box-container .ilg-box img {
	top: 45%;
	left: 50%;
	width: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#ilg .ilg-box-container .ilg-box span {
	left: 0;
	bottom: 15%;
	width: 100%;
	color: #4c566b;
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	position: absolute;
	text-align: center;
	font-family: 'MADE TOMMY Bold';
}
#ilg .ilg-box-container .ilg-info-box {
	top: -1%;
	left: -1%;
	width: 102%;
	height: 102%;
	opacity: 0;
	z-index: 10;
	text-align: left;
	padding-left: 25%;
	position: absolute;
	background: #efefef;
	pointer-events: none;
	transition: all 0.2s ease;
	box-shadow: 0 0 0.1rem 0.1rem hsla(0,0%,50%,0.5);
}
#ilg .ilg-box-container .ilg-info-box.active {
	opacity: 1;
	pointer-events: all;
}
#ilg .ilg-box-container .ilg-info-box .close {
	top: 1rem;
	right: 1rem;
	color: #333;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	font-size: 1.5rem;
	line-height: 1rem;
	text-align: center;
	position: absolute;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover {
	top: 0;
	left: 0;
	width: 25%;
	z-index: 5;
	height: 100%;
	position: absolute;
	background: #d1d3d6;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover img {
	top: 45%;
	left: 50%;
	width: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover span {
	left: 0;
	bottom: 15%;
	width: 100%;
	color: #4c566b;
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	position: absolute;
	text-align: center;
	font-family: 'MADE TOMMY Bold';
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content {
	padding: 2rem 2.5rem;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > span {
	width: 49%;
	color: #626a7d;
	font-size: 1.5rem;
	display: inline-block;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > span strong {
	color: #00aa00;
	display: block;
	font-size: 2.5rem;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > hr {
	height: 2px;
	width: 45%;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > hr + span {
	width: 100%;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content .ilg-sponsors {
	width: 80%;
	display: flex;
	overflow: auto;
	margin-top: 1rem;
	padding-bottom: 1rem;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content .ilg-sponsors img {
	width: auto;
	height: 3rem;
	margin: 0 1rem;
}
#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > a {
	right: 1rem;
	bottom: 1rem;
	font-size: 1rem;
	position: absolute;
	padding: 0.5rem 1.5rem;
}
#new-season {
	z-index: 10;
	border-top: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	background-size: cover;
	box-shadow: 0 4px 2px 2px #0f0;
	background-attachment: scroll;
	background-image: url('content/Backgrounds/ILG%20New%20Season%20BG.jpg');
}
#new-season .content {
	z-index: 1;
	position: relative;
	white-space: nowrap;
}
#new-season .content #ilg-animated-logo {
	width: 10rem;
	height: 10rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#new-season .content #ilg-animated-logo img {
	width: auto;
	height: 8rem;
	display: none;
	vertical-align: middle;
}
#new-season .content #ilg-animated-logo canvas {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%) scale(0.75);
	transform: translate(-50%,-50%) scale(0.75);
}
#new-season .content h4 {
	color: #fff;
	font-size: 2rem;
	padding: 2.5rem;
	margin-bottom: 0;
	text-align: left;
	margin-left: 2.5rem;
	display: inline-block;
	vertical-align: middle;
	font-family: 'MADE TOMMY Bold';
	border-left: 1px solid #084008;
}
#new-season .content h4 span {
	color: #08ad03;
	display: block;
}
#new-season .coming-soon {
	z-index: 1;
	position: relative;
}
#new-season .coming-soon span {
	color: #fff;
	display: block;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0.5rem;
	letter-spacing: 1.5rem;
}
#new-season .coming-soon span:before {
	content: '.';
	font-size: 0;
}
#new-season .coming-soon strong {
	color: #fff;
	font-size: 2rem;
	letter-spacing: 4px;
	font-family: 'MADE TOMMY Bold';
	background: transparent;
	background: -webkit-linear-gradient(-90deg, #543222 0%, #e27c48 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 4px transparent;
}
#new-season .new-season-glow {
	top: 50%;
	right: 5%;
	z-index: 0;
	width: 50%;
	height: 100%;
	position: absolute;
	pointer-events: none;
/*	background-repeat: no-repeat;
	background-image: url('content/Elements/ILG Season 4 Glow.png');*/
}
#new-season .new-season-glow img {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transform: translate(-50%,-50%) scale(3);
	transform: translate(-50%,-50%) scale(3);
}
#new-season .new-season-glow .flare-cover {
	opacity: 0.2;
	-wekbit-filter: none;
	filter: none;
	-webkit-animation: flareCover 10s linear 0s infinite;
	animation: flareCover 10s linear 0s infinite;
}
#new-season .new-season-glow .flare-base {
	opacity: 0.2;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-animation: flareCover 6s ease 0s infinite;
	animation: flareCover 6s ease 0s infinite;
}
#new-season .new-season-glow .flare-1 {
	opacity: 0.2;
	-webkit-animation: flareAnim1 7s ease 0s infinite;
	animation: flareAnim1 7s ease 0s infinite;
}
#new-season .new-season-glow .flare-2 {
	opacity: 0.3;
	-webkit-animation: flareAnim2 12s ease 0s infinite;
	animation: flareAnim2 12s ease 0s infinite;
}
#new-season .new-season-glow .flare-3 {
	opacity: 0.3;
	-webkit-animation: flareAnim2 2s ease 0s infinite;
	animation: flareAnim2 2s ease 0s infinite;
}
#new-season .new-season-glow .flare-4 {
	opacity: 0.3;
	-webkit-animation: flareAnim2 8s ease 0s infinite;
	animation: flareAnim2 8s ease 0s infinite;
}
#new-season .new-season-glow .flare-5 {
	opacity: 0.2;
	-webkit-animation: flareAnim1 4s ease 0s infinite;
	animation: flareAnim1 4s ease 0s infinite;
}
#new-season .new-season-glow .flare-6 {
	opacity: 0.3;
	-webkit-animation: flareAnim2 14s ease 0s infinite;
	animation: flareAnim2 14s ease 0s infinite;
}
#new-season .new-season-glow .flare-7 {
	opacity: 0.3;
	-webkit-animation: flareAnim2 4.8s ease 0s infinite;
	animation: flareAnim2 4.8s ease 0s infinite;
}
#new-season .new-season-glow .flare-8 {
	opacity: 0.2;
	-webkit-animation: flareAnim1 7.8s ease 0s infinite;
	animation: flareAnim1 7.8s ease 0s infinite;
}
@-webkit-keyframes flareCover {
	0%, 100% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.5;
	}
}
@keyframes flareCover {
	0%, 100% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.5;
	}
}
@-webkit-keyframes flareAnim1 {
	0%, 100% {
		opacity: 0.2;
	}
	25% {
		opacity: 0.3;
	}
	50% {
		opacity: 0.5;
	}
	75% {
		opacity: 1;
	}
}
@keyframes flareAnim1 {
	0%, 100% {
		opacity: 0.2;
	}
	25% {
		opacity: 0.3;
	}
	50% {
		opacity: 0.5;
	}
	75% {
		opacity: 1;
	}
}
@-webkit-keyframes flareAnim2 {
	0%, 100% {
		opacity: 0.3;
	}
	35% {
		opacity: 0.7;
	}
	70% {
		opacity: 0.5;
	}
}
@keyframes flareAnim2 {
	0%, 100% {
		opacity: 0.3;
	}
	35% {
		opacity: 0.7;
	}
	70% {
		opacity: 0.5;
	}
}

/* LXG App CSS */
#lxgapp {
	text-align: left;
	background-attachment: scroll;
	background-image: url('content/Backgrounds/LXG%20App.jpg');
}
#lxgapp h2 {
	display: block;
	text-align: left;
	margin-bottom: 0.5rem;
}
#lxgapp h2:before,
#lxgapp h2:after {
	display: none;
}
#lxgapp h2 + p {
	margin-bottom: 2.5rem;
}
#lxgapp strong {
	color: #06b601;
	font-size: 1.25rem;
}
#lxgapp ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#lxgapp ul li {
	margin: 1rem 0;
	position: relative;
	padding-left: 1rem;
}
#lxgapp ul li:before {
	content: '';
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	position: absolute;
	background: #04c600;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#lxgapp .lxgapp-instructions {
	margin-top: 5rem;
}
#lxgapp .lxgapp-instructions:before {
	content: '';
	width: 40%;
	height: 1px;
	display: block;
	margin-bottom: 1rem;
	background: #00c600;
}
#lxgapp .lxgapp-steps {
	display: block;
	margin-top: 1rem;
	position: relative;
	margin-bottom: 5rem;
	perspective: 2000px;
}
#lxgapp .lxgapp-steps > span {
	font-size: 1.25rem;
	letter-spacing: 1px;
	display: inline-block;
	font-family: 'MADE TOMMY Bold';
}
#lxgapp .lxgapp-steps .lxgapp-step {
	top: 100%;
	opacity: 0;
	display: block;
	position: absolute;
	white-space: nowrap;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number {
	color: #fff;
	width: 6rem;
	font-size: 0;
	height: 3rem;
	overflow: hidden;
	position: relative;
	margin-right: 1rem;
	border-radius: 0.1rem;
	display: inline-block;
	vertical-align: middle;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number:before,
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number:after {
	content: '';
	top: 0;
	z-index: 0;
	width: 50%;
	height: 100%;
	position: absolute;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number:before {
	left: 0;
	background: #00c600;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number:after {
	right: 0;
	background: #fff;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number > * {
	z-index: 1;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number span {
	color: #fff;
	font-size: 1.5rem;
	font-family: 'MADE TOMMY Bold';
}
#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number i {
	color: #959595;
	font-size: 1.25rem;
}
#lxgapp .lxgapp-steps .lxgapp-step p {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
#lxgapp .lxgapp-steps .lxgapp-step:nth-of-type(1) {
	-webkit-animation: stepanimation 12s linear 0s infinite;
	animation: stepanimation 12s linear 0s infinite;
}
#lxgapp .lxgapp-steps .lxgapp-step:nth-of-type(2) {
	-webkit-animation: stepanimation 12s linear 3s infinite;
	animation: stepanimation 12s linear 3s infinite;
}
#lxgapp .lxgapp-steps .lxgapp-step:nth-of-type(3) {
	-webkit-animation: stepanimation 12s linear 6s infinite;
	animation: stepanimation 12s linear 6s infinite;
}
#lxgapp .lxgapp-steps .lxgapp-step:nth-of-type(4) {
	-webkit-animation: stepanimation 12s linear 9s infinite;
	animation: stepanimation 12s linear 9s infinite;
}
@-webkit-keyframes stepanimation {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}
	2.5%, 22.5% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	25%, 100% {
		opacity: 0;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
}
@keyframes stepanimation {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}
	2.5%, 22.5% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	25%, 100% {
		opacity: 0;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
}
#lxgapp .lxgapp-featured {
	height: 100%;
	position: relative;
	text-align: center;
}
#lxgapp .lxgapp-featured > img {
	position: absolute;
}
#lxgapp .lxgapp-featured .lxgapp-phone-1 {
	top: 25%;
	right: 55%;
}
#lxgapp .lxgapp-featured .lxgapp-phone-2 {
	top: 10%;
	left: 55%;
}
#lxgapp .lxgapp-featured .lxgapp-download {
	left: 50%;
	bottom: -1rem;
	position: absolute;
	text-align: center;
	-webkit-filter: drop-shadow(0px 0px 50px #000) drop-shadow(0px 0px 10px #000);
	filter: drop-shadow(0px 0px 50px #000) drop-shadow(0px 0px 10px #000);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#lxgapp .lxgapp-featured .lxgapp-download > img {
	height: 2.5rem;
	margin: 0 0.5rem;
	display: inline-block;
}
#lxgapp .lxgapp-featured .lxgapp-download .lxgapp-action {
	display: table;
	padding-left: 5rem;
	margin: 0 auto 1rem;
}
#lxgapp .lxgapp-featured .lxgapp-download .lxgapp-action img {
	top: 0;
	left: 0;
	height: 100%;
	position: absolute;
}

/* GCS CSS */
#gcs {
	background-image: url('content/Backgrounds/GCS.jpg');
}
#gcs .gcs-box-container {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 2.5rem;
}
#gcs .gcs-box-container .gcs-box {
	text-align: left;
	vertical-align: top;
	display: inline-block;
	width: calc(33% - 0.5rem);
	margin: 0.25rem 0.25rem 2rem;
}
#gcs .gcs-box-container .gcs-box .gcs-box-image {
	width: 7rem;
	height: 7rem;
	position: relative;
	vertical-align: top;
	display: inline-block;
	background: rgba(0,204,0,1);
	background: linear-gradient(45deg, rgba(0,204,0,1) 0%, rgba(0,123,91,1) 100%);
}
#gcs .gcs-box-container .gcs-box .gcs-box-image img {
	top: 50%;
	left: 50%;
	max-width: 5rem;
	max-height: 5rem;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#gcs .gcs-box-container .gcs-box .gcs-box-content {
	margin-left: 0.25rem;
	vertical-align: top;
	display: inline-block;
	width: calc(100% - 8rem);
}
#gcs .gcs-box-container .gcs-box .gcs-box-content strong {
	color: #00aa00;
	display: block;
	font-size: 1rem;
}
#gcs .gcs-box-container .gcs-box .gcs-box-content p {
	font-size: 0.8rem;
	text-align: justify;
}

/* LXG Labs and Shop CSS */
#lxg-labs-and-shop {
	height: 60vh;
	position: relative;
	background-attachment: scroll;
	background-image: url('content/Backgrounds/LXG%20Labs%20and%20Shop.jpg');
}
#lxg-labs-and-shop h2 {
	top: 50%;
	left: 50%;
	z-index: 5;
	position: absolute;
	text-shadow: 0 0 10px #000;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#lxg-labs-and-shop h2:before,
#lxg-labs-and-shop h2:after {
	display: none;
}
#lxg-labs-and-shop .lxg-labs,
#lxg-labs-and-shop .lxg-shop {
	top: 0;
	width: 50%;
	height: 100%;
	position: absolute;
}
#lxg-labs-and-shop .lxg-labs {
	left: 0;
}
#lxg-labs-and-shop .lxg-shop {
	right: 0;
}
#lxg-labs-and-shop .lxg-labs:before,
#lxg-labs-and-shop .lxg-labs:after,
#lxg-labs-and-shop .lxg-shop:before,
#lxg-labs-and-shop .lxg-shop:after {
	content: '';
	top: 50%;
	left: 50%;
	width: 100%;
	height: 50%;
	position: absolute;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#lxg-labs-and-shop .lxg-labs:before,
#lxg-labs-and-shop .lxg-shop:before {
	z-index: 1;
}
#lxg-labs-and-shop .lxg-labs:after,
#lxg-labs-and-shop .lxg-shop:after {
	z-index: 2;
}
#lxg-labs-and-shop .lxg-labs:after,
#lxg-labs-and-shop .lxg-shop:before {
	-webkit-animation: rgbcycle 2.5s linear 0s infinite;
	animation: rgbcycle 2.5s linear 0s infinite;
}
@-webkit-keyframes rgbcycle {
	0% {
		-webkit-filter: hue-rotate(0deg);
	}
	100% {
		-webkit-filter: hue-rotate(360deg);
	}
}
@keyframes rgbcycle {
	0% {
		filter: hue-rotate(0deg);
	}
	100% {
		filter: hue-rotate(360deg);
	}
}
#lxg-labs-and-shop .lxg-labs:before {
	background-image: url('content/Elements/LXG%20Labs%20Icon.png');
}
#lxg-labs-and-shop .lxg-labs:after {
	background-image: url('content/Elements/LXG%20Labs%20Icon%20Glow.png');
}
#lxg-labs-and-shop .lxg-shop:before {
	background-image: url('content/Elements/LXG%20Shop%20PC%20Mesh%20Lighting.png');
}
#lxg-labs-and-shop .lxg-shop:after {
	background-image: url('content/Elements/LXG%20Shop%20PC%20Mesh.png');
}

/* Trusted by CSS */
#trusted-by {
	position: relative;
}
#trusted-by:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
	background-image: url('content/Backgrounds/Trusted%20By%20Background%20Overlay.png');
}
#trusted-by .subtitle {
	color: #05bd00;
	font-size: 2rem;
	font-style: italic;
}
#trusted-by .trusted-by-container {
	position: relative;
}
#trusted-by .trusted-by-container .trusted-by-strip {
	width: 100%;
	height: 8rem;
	display: block;
	background-size: 2520px 80px;
	background-repeat: repeat-x;
	background-position: 0px center;
}
#trusted-by .trusted-by-container .trusted-by-strip + .trusted-by-strip {
	border-top: 1px solid #00ff00;
}
#trusted-by .trusted-by-container .trusted-by-strip:nth-child(1) {
	-webkit-animation: rollover 60s linear infinite 0s reverse;
	animation: rollover 60s linear infinite 0s reverse;
	background-image: url('content/Elements/LXG%20Trusted%20By%20Strip%201.png%3F');
}
#trusted-by .trusted-by-container .trusted-by-strip:nth-child(2) {
	-webkit-animation: rollover 60s linear infinite 0s forwards;
	animation: rollover 60s linear infinite 0s forwards;
	background-image: url('content/Elements/LXG%20Trusted%20By%20Strip%202.png%3F');
}
#trusted-by .trusted-by-container .trusted-by-strip:nth-child(3) {
	-webkit-animation: rollover 60s linear infinite 0s reverse;
	animation: rollover 60s linear infinite 0s reverse;
	background-image: url('content/Elements/LXG%20Trusted%20By%20Strip%203.png%3F');
}
#trusted-by .trusted-by-container .trusted-by-strip:nth-child(4) {
	-webkit-animation: rollover 60s linear infinite 0s forwards;
	animation: rollover 60s linear infinite 0s forwards;
	background-image: url('content/Elements/LXG%20Trusted%20By%20Strip%204.png%3F');
}
@-webkit-keyframes rollover {
	0% {
		background-position: 0px center;
	}
	100% {
		background-position: -2520px center;
	}
}
@keyframes rollover {
	0% {
		background-position: 0px center;
	}
	100% {
		background-position: -2520px center;
	}
}

/* LXG Shop CSS */
#lxg-shop {
	background-image: url('content/Backgrounds/LXG%20Shop.jpg');
}
#lxg-shop img {
	width: 75%;
	margin: 5rem auto;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
}

/* About CSS */
#about-us {
	text-align: left;
	padding-top: 10rem;
	background-image: url('content/Backgrounds/About.jpg');
}
#about-us .subtitle {
	text-align: center;
}
#about-us .subtitle + p {
	display: block !important;
	text-align: center;
}
#about-us strong {
	color: #00aa00;
	font-size: 1.5rem;
	vertical-align: top;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'MADE TOMMY Bold';
}
#about-us p:not(.subtitle) {
	color: #ccc;
	font-size: 1.2rem;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 2.5rem;
}

/* Contact CSS */
#contact-us {
	padding-top: 10rem;
	background-image: url('content/Backgrounds/Contact.jpg');
}
#contact-us .subtitle {
	text-align: center;
	margin-bottom: 5rem;
}
#contact-us h4 {
	display: table;
	margin: 0 auto 1rem;
	font-family: 'MADE TOMMY Bold';
}
#contact-us h4:after {
	content: '';
	width: 100%;
	height: auto;
	display: block;
	margin: 0.5rem auto;
	border-bottom: 0.25rem solid #fff;
}
#contact-us strong {
	color: #00aa00;
}
#contact-us a:not(.subtitle) {
	color: #ccc;
	width: 100%;
	display: block;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}
#contact-us hr {
	width: 50%;
	background: #0f0;
	margin: 5rem auto;
}
#contact-us .franchise-contact-block {
	width: 30%;
	margin: 0 auto 2rem;
	padding: 2.5rem 2rem;
	border: 1px solid #030;
	background: hsla(0,0%,0%,0.3);
	box-shadow: 0 0 10px -1px #000;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#contact-us .franchise-contact-block:hover {
	background: hsla(135,100%,20%,0.1);
}

/* Franchise CSS */
#franchise-with-us {
	text-align: left;
	padding-top: 10rem;
	background-image: url('content/Backgrounds/Franchise%20Apply.jpg');
}
#franchise-with-us .subtitle {
	text-align: center;
}
#franchise-with-us .franchise-info-block {
	height: calc(100% - 2rem);
	padding: 2rem;
	position: relative;
	padding-left: 12rem;
	margin-bottom: 2rem;
	background: hsla(0,0%,50%,0.1);
	border: 1px solid hsla(0,0%,50%,0.1);
}
#franchise-with-us .franchise-info-block img {
	top: 5rem;
	left: 4rem;
	width: 5rem;
	height: auto;
	position: absolute;
}
#franchise-with-us .franchise-info-block strong {
	color: #00aa00;
	font-size: 1.5rem;
	vertical-align: top;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'MADE TOMMY Bold';
}
#franchise-with-us .franchise-info-block p:not(.subtitle) {
	color: #ccc;
	margin-bottom: 0;
	font-size: 1.2rem;
	vertical-align: top;
	display: inline-block;
}

/* App Download CSS */
#app-download-section {
	padding-top: 10rem;
	padding-bottom: 10rem;
	background-image: url('content/Backgrounds/App%20Download%20BG.jpg');
}
#app-download-section p {
	font-size: 1.5rem;
	margin: 2.5rem auto 5rem;
}
#app-download-section .app-container-group {
	text-align: center;
}
#app-download-section .app-qr-group {
	width: 80%;
	display: table;
	margin: 0 auto;
	max-width: 10rem;
}
#app-download-section .app-button-group {
	display: table;
	max-width: 12rem;
	margin: 2.5rem auto 0;
}

/* Events List CSS */
#events-list {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-attachment: fixed;
	background-image: url('content/Backgrounds/Events.jpg');
}
#events-list section + section {
	border-top: none;
}
#events-list h2 {
	margin-bottom: 5rem;
}
#events-list .events-container {
	display: flex;
	flex-wrap: wrap;
}
#events-list .events-container .events-box {
	margin: 2rem;
	cursor: pointer;
	position: relative;
	background: #00ae04;
	display: inline-block;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 10px -1px #000;
	width: calc((100% / 4) - 4rem);
	padding-bottom: calc((100% / 4) - 4rem);
}
#events-list .events-container .events-box[href="#"] {
	cursor: default;
}
#events-list .events-container .events-box:after {
	content: '';
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#events-list .events-container .events-box:hover:after {
	opacity: 0.9;
}
#events-list .events-container .events-box span {
	top: 50%;
	left: 50%;
	z-index: 2;
	opacity: 0;
	width: 75%;
	color: #dee4de;
	position: absolute;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#events-list .events-container .events-box:hover span {
	opacity: 1;
}
#events-list hr {
	opacity: 1;
	margin: 1rem auto;
	border: 2px solid #008103;
}

/* Media CSS */
@media (max-width: 1599.98px){
	section {
		padding: 5rem 7.5%;
	}
	section h2 {
		font-size: 3rem;
	}
	.btn-action {
		font-size: 1rem;
		padding: 0.75rem 1.5rem;
	}
	.feature-container .feature-box {
		width: 7rem;
		margin: 0 2rem 2rem;
	}
	.feature-container .feature-box .feature-box-image {
		width: 8rem;
		height: 8rem;
	}
	#header .logo-container,
	#header .logo-container img {
		height: 2rem;
	}
	#header .menu-container .menu-items a {
		margin-left: 0.5rem;
	}
	#franchise #franchise-description .franchise-action {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#franchise #franchise-services .feature-box {
		margin: 0 0.5rem 0.5rem;
	}
	#franchise #franchise-services .feature-box .feature-box-text {
		font-size: 0.9rem;
	}
	#events h3.upcoming-title {
		line-height: 1.3rem;
	}
	#events h3.past-title {
		line-height: 2.6rem;
	}
	#ilg {
		padding-bottom: 5rem;
	}
	#ilg .ilg-box-container {
		margin-top: 2.5rem;
	}
	#ilg .ilg-box-container .ilg-box {
		width: 18rem;
		height: 18rem;
	}
	#ilg .ilg-box-container .ilg-info-box {
		border: 1px solid #ccc;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > span {
		font-size: 1.2rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > span strong {
		font-size: 2rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content .ilg-sponsors {
		width: 90%;
	}
	#new-season .content h4 {
		font-size: 1.5rem;
		margin-left: 1rem;
		padding-left: 1rem;
	}
	#studiox #studiox-features .feature-box {
		height: 12rem;
		margin: 0 1rem 5rem;
	}
	#studiox #studiox-features .feature-box-image {
		width: 12rem;
		height: 12rem;
	}
	#studiox #studiox-features .feature-box-text {
		top: 10rem;
		width: 12rem;
		padding: 0.5rem;
		font-size: 0.9rem;
		left: calc(50% - 6rem);
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-image {
		width: 5rem;
		height: 5rem;
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-image img {
		max-width: 3rem;
		max-height: 3rem;
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-content {
		width: calc(100% - 6rem);
	}
}
@media (max-width: 1399.98px){
}
@media (max-width: 1199.98px){
	section {
		padding: 5rem 5%;
	}
	section h2 {
		height: 2.5rem;
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
	section h2:before,
	section h2:after {
		width: 15rem;
		height: 2.5rem;
		margin: 0 1rem -0.5rem;
	}
	section .subtitle {
		font-size: 1.25rem;
	}
	.feature-container .feature-box {
		margin: 0 1rem 1rem;
	}
	.feature-container .feature-box .feature-box-image img {
		max-width: 50%;
		max-height: 50%;
	}
	.btn-secondary {
		padding: 0.75rem 2rem;
	}
	.btn-action {
		padding: 0.75rem 2rem;
	}
	.btn-action span {
		white-space: nowrap;
	}
	#header {
		top: 2rem;
		left: 2rem;
	}
	#header .logo-container img {
		height: 2rem;
	}
	#header .menu-container .menu-items {
		padding: 2rem;
	}
	#header .menu-container .menu-items a {
		padding: 0;
		font-size: 0.9rem;
		margin-left: 0.5rem;
	}
	#header .menu-container .menu-items a.active {
		color: #fff;
		background: transparent;
	}
	#header.dark-mode .menu-container .menu-items a.active {
		color: #000;
		background: transparent;
	}
	#arenas #franchise-gallery {
		height: 20rem;
	}
	#arenas #franchise-slider .franchise-box {
		height: 6rem;
	}
	#arenas #franchise-slider .franchise-box strong {
		font-size: 1rem;
	}
	#arenas #franchise-slider .franchise-box span {
		font-size: 0.8rem;
		margin-top: -0.25rem;
	}
	#arenas #franchise-cafe-list ul li strong {
		font-size: 1.1rem;
	}
	#arenas #franchise-cafe-list ul li p {
		font-size: 0.9rem;
	}
	#franchise #franchise-description ul li {
		margin-bottom: 1rem;
	}
	#franchise #franchise-description .btn-action {
		margin-top: 1rem;
	}
	#franchise #franchise-services .feature-box {
		flex: 0 0 15%;
	}
	#franchise #franchise-services .feature-box .feature-box-text {
		font-size: 1rem;
	}
	#events .col-2 {
		width: 100%;
		text-align: left;
	}
	#events h3 {
		font-size: 1.2rem;
		padding: 0.5rem 1rem;
	}
	#events h3.upcoming-title,
	#events h3.past-title {
		width: auto;
		margin-left: 0;
		line-height: 2rem;
		margin-right: auto;
		margin-bottom: 1rem;
	}
	#events h3.upcoming-title:after,
	#events h3.past-title:after {
		content: ' EVENTS';
	}
	#events .col-10 {
		width: 100%;
	}
	#events hr {
		margin: 2rem auto;
	}
	#events .events-register {
		margin-top: 2rem;
		font-size: 1.2rem;
	}
	#events .app-download img {
		width: 10rem;
	}
	#events .more-events {
		margin-top: 2.5rem;
	}
	#ilg .ilg-box-container .ilg-box {
		width: 15rem;
		height: 15rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content {
		padding: 1rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content span {
		font-size: 1rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content span strong {
		font-size: 1.5rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content .ilg-sponsors img {
		height: 2.5rem;
		margin: 0 0.75rem;
	}
	#new-season .content h4 {
		display: block;
		margin-left: 0;
		padding: 1rem 0;
		border-left: none;
		text-align: center;
	}
	#new-season .coming-soon span:before {
		display: none;
	}
	#new-season .new-season-glow {
		right: 0;
	}
	#lxgapp .lxgapp-featured .lxgapp-phone-1 {
		display: none;
	}
	#lxgapp .lxgapp-featured .lxgapp-phone-2 {
		left: 25%;
	}
	#lxgapp .lxgapp-steps .lxgapp-step p {
		width: 80%;
		white-space: normal;
	}
	#lxgapp .lxgapp-featured .lxgapp-download > img {
		margin: 1rem auto;
		filter: drop-shadow(0px 0px 1px #0f0);
	}
	#studiox #studiox-features .feature-box {
		margin: 0 1rem 2.5rem;
		width: calc(25% - 3rem);
	}
	#studiox #studiox-features .feature-box-image {
		width: 10rem;
		height: 10rem;
	}
	#studiox #studiox-features .feature-box-image img {
		top: 45%;
	}
	#studiox #studiox-features .feature-box-text {
		top: 8rem;
		width: 10rem;
		font-size: 0.8rem;
		left: calc(50% - 5rem);
	}
	#gcs .gcs-box-container {
		margin-top: 0;
	}
	#gcs .gcs-box-container .gcs-box {
		width: 90%;
		display: block;
		margin: 0 auto 1rem;
	}
	#lxg-labs-and-shop .lxg-labs,
	#lxg-labs-and-shop .lxg-shop {
		width: 40%;
	}
	#trusted-by:after {
		background-size: 150% 100%;
	}
	#footer {
		padding: 2rem 5%;
	}
	#footer .socials strong {
		font-size: 1.2rem;
	}
	#footer .socials .social-block i {
		width: 1.5rem;
		height: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.5rem;
		margin-right: 0.25rem;
	}
	#footer .socials .social-block span {
		font-size: 0.9rem;
	}
	#footer .copyright-logo img {
		width: 8rem;
	}
	#footer .copyright-text p {
		margin: 0.5rem auto;
	}
	#about-us,
	#contact-us,
	#franchise-with-us,
	#app-download-section,
	#events-list {
		padding-top: 7.5rem;
	}
	#events-list-upcoming,
	#events-list-past {
		padding-top: 0;
	}
	#app-download-section {
		padding-bottom: 5rem;
	}
	#contact-us .franchise-contact-block {
		width: calc(50% - 2rem);
	}
}
@media (max-width: 991.98px){
	p {
		text-align: center;
	}
	section h2 {
		white-space: normal;
	}
	section h2:before,
	section h2:after {
		width: 5rem;
		height: 1rem;
		margin: 0 1rem 0.5rem;
	}
	.slider .slider-nav,
	.splide__pagination {
		left: 1rem;
	}
	#header {
		display: none;
	}
	#mobile-header {
		display: block;
	}
	#arenas #franchise-slider {
		margin: 2.5rem auto;
	}
	#arenas #franchise-cafe-list ul {
		padding: 1rem;
	}
	#arenas #franchise-cafe-list ul li p {
		text-align: left;
	}
	#franchise-features {
		margin: 0 auto;
	}
	.feature-container .feature-box {
		width: 12rem;
		height: 12rem;
	}
	#franchise #franchise-features .feature-box-image {
		margin-left: auto;
		margin-right: auto;
	}
	#franchise #franchise-features .feature-box-text {
		text-align: center;
	}
	#franchise #franchise-description .btn-action {
		display: table;
		margin: 1rem auto 0;
	}
	#franchise #franchise-services .feature-box {
		flex: 0 0 17.5%;
		margin: 0 0.25rem 0.25rem;
	}
	#events .events-container .events-box {
		width: calc(((100% + 1rem) / 3) - 1rem);
		padding-bottom: calc(((100% + 1rem) / 3) - 1rem);
	}
	#ilg {
		padding-bottom: 5rem;
	}
	#ilg .ilg-box-container {
		margin-top: 2.5rem;
	}
	#ilg .ilg-box-container .ilg-box {
		width: 12.5rem;
		height: 12.5rem;
	}
	#ilg .ilg-box-container .ilg-box.active {
		opacity: 1;
	}
	#ilg .ilg-box-container .ilg-box span {
		font-size: 1.2rem;
	}
	#ilg .ilg-box-container .ilg-info-box {
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		z-index: 100;
		position: fixed;
		padding-left: 0;
		padding: 10rem 1rem;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover,
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover img,
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-cover span {
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		bottom: auto;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		background: transparent;
		-webkit-transform: none;
		transform: none;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > hr {
		margin: 1rem auto;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content span {
		font-size: 0.9rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content span strong {
		font-size: 1.25rem;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content .ilg-sponsors {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	#ilg .ilg-box-container .ilg-info-box .ilg-info-box-content > a {
		right: auto;
		bottom: auto;
		position: relative;
		margin: 1rem auto 0;
	}
	#new-season .content h4 {
		margin-bottom: 2.5rem;
	}
	#new-season .new-season-glow {
		right: 25%;
	}
	#new-season .coming-soon span:before {
		display: block;
	}
	#lxgapp {
		position: relative;
	}
	#lxgapp .col-lg-8 {
		width: 80%;
	}
	#lxgapp h2 + p {
		text-align: left;
	}
	#lxgapp .lxgapp-instructions {
		margin-top: 2.5rem;
	}
	#lxgapp .lxgapp-featured {
		position: static;
	}
	#lxgapp .lxgapp-featured .lxgapp-phone-2 {
		top: 15%;
		left: 77.5%;
	}
	#lxgapp .lxgapp-featured .lxgapp-download {
		left: auto;
		bottom: auto;
		margin-top: 2.5rem;
		position: relative;
		-webkit-transform: none;
		transform: none;
	}
	#studiox #studiox-features .feature-box {
		width: calc(33% - 5rem);
		margin: 0 2rem 0.5rem;
	}
	#studiox #studiox-features .feature-box-image {
		height: 0;
		width: 100%;
		padding-bottom: 100%;
	}
	#studiox .studiox-action {
		margin-top: 2.5rem;
	}
	#gcs .gcs-box-container .gcs-box {
		width: 100%;
		display: block;
	}
	#gcs .gcs-box-container .gcs-box p {
		text-align: left;
	}
	#footer {
		background-size: auto 100%;
		background-position: center right;
	}
	#footer .socials {
		width: 100%;
		display: block;
		text-align: center;
	}
	#footer .socials strong {
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	#footer .socials .social-block {
		display: inline-block;
	}
	#footer .socials .social-block + .social-block {
		margin-left: 5rem;
	}
	#footer .socials .social-block i {
		width: 2rem;
		height: 2rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	#footer .socials .social-block span {
		font-size: 1rem;
	}
	#footer .copyright-text:before {
		content: '';
		height: 0;
		width: 100%;
		display: block;
		margin: 2.5rem auto;
		border-top: 1px solid #00bc00;
	}
	#footer .copyright-text {
		width: 100%;
		color: #999;
		display: block;
		margin: 0 auto 2.5rem;
	}
	#footer .copyright-logo {
		width: 100%;
		display: block;
		text-align: center;
	}
	#footer .copyright-logo img {
		width: 5rem;
	}
	#about #header,
	#contact #header,
	#franchise-apply #header,
	#app-download #header,
	#events-list #header {
		display: block;
	}
	#about-us strong {
		margin: 0 auto;
		display: table;
	}
	#contact-us .franchise-contact-block {
		width: 100%;
	}
	#about-us .col-8,
	#contact-us .col-4,
	#franchise-with-us .col-6 {
		width: 100%;
	}
	#contact-us h4 {
		margin-bottom: 0.5rem;
	}
	#contact-us .col-4 {
		margin-bottom: 2.5rem;
	}
	#contact-us hr {
		margin: 0 auto 2.5rem;
	}
	#franchise-with-us .franchise-info-block p:not(.subtitle) {
		text-align: left;
	}
	#events-list .events-container .events-box {
		margin: 0.5rem;
		width: calc((100% / 4) - 1rem);
		padding-bottom: calc((100% / 4) - 1rem);
	}
}
@media (max-width: 767.98px){
	section {
		padding: 2.5rem 5%;
	}
	section h2 {
		height: auto;
		font-size: 1.75rem;
	}
	section h2:before,
	section h2:after {
		display: none;
	}
	section .subtitle {
		font-size: 1.1rem;
	}
	body.menu-mode #mobile-header .menu-container .menu-items {
		width: 80%;
		height: 80%;
		overflow: auto;
		padding-top: 1rem;
	}
	#intro #intro-slider {
		height: 95vh;
		position: relative;
	}
	#intro #intro-slider .splide__slide img.mobile-slide {
		display: none !important;
	}
	#intro #intro-slider .splide__slide img.mobile-slide {
		display: block !important;
	}
	#intro #intro-slider-mark {
		display: none;
	}
	#intro #intro-slider .splide__track,
	#intro #intro-slider .splide__slide {
		height: 100% !important;
	}
	#intro #intro-slider h2 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#intro #intro-slider h2 img {
		left: 0;
		top: 50%;
		position: absolute;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	#arenas #franchise-gallery {
		height: 12rem;
	}
	#arenas #franchise-slider .splide__arrows {
		left: -10%;
		width: 120%;
	}
	#arenas #franchise-slider .franchise-box strong {
		font-size: 1.2rem;
	}
	.feature-container .feature-box {
		width: 90%;
		height: auto;
		text-align: left;
		white-space: nowrap;
		margin: 0 auto 1rem;
	}
	.feature-container .feature-box .feature-box-image {
		width: 3rem;
		height: 3rem;
		display: inline-block;
		vertical-align: middle;
	}
	.feature-container .feature-box .feature-box-image img {
		max-width: 60%;
		max-height: 60%;
	}
	.feature-container .feature-box .feature-box-text {
		height: auto;
		white-space: normal;
		margin-left: 0.5rem;
		display: inline-block;
		vertical-align: middle;
	}
	#franchise #franchise-description {
		padding-top: 2.5rem;
	}
	#franchise #franchise-services {
		width: 90%;
		margin: 0 auto;
	}
	#franchise #franchise-services .feature-box {
		width: 100%;
		flex: 0 0 auto;
		margin: 0 auto;
	}
	#franchise #franchise-services .feature-box .feature-box-image {
		width: 3rem;
		height: 3rem;
	}
	#franchise #franchise-services .feature-box .feature-box-text {
		width: 80%;
	}
	#events .events-container .events-box {
		width: calc(((100% + 1rem) / 2) - 3rem);
		padding-bottom: calc(((100% + 1rem) / 2) - 3rem);
	}
	#events .events-container .splide__arrows .splide__arrow--prev {
		display: none;
	}
	#events .events-container .events-box {
		opacity: 0;
		pointer-events: none;
	}
	#events .events-container .events-box.is-visible {
		opacity: 1;
		pointer-events: all;
	}
	#events .more-events {
		font-size: 1.2rem;
	}
	#ilg .ilg-box-container {
		text-align: center;
		flex-direction: column;
	}
	#ilg .ilg-box-container .ilg-box {
		width: 15rem;
		height: 15rem;
		display: block;
		margin: 0 auto 2.5rem;
	}
	#ilg .ilg-box-container .ilg-info-box {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#lxgapp .lxgapp-featured .lxgapp-phone-2 {
		display: none;
	}
	#lxgapp .col-lg-8 {
		width: 100%;
	}
	#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number {
		width: 5rem;
		height: 2.5rem;
	}
	#lxgapp .lxgapp-steps .lxgapp-step .lxgapp-step-number > * {
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
	}
	#lxgapp .lxgapp-steps .lxgapp-step p {
		width: 60%;
		text-align: left;
		vertical-align: top;
	}
	#studiox #studiox-features {
		margin-bottom: 2.5rem;
	}
	#studiox #studiox-features .feature-box {
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	#studiox #studiox-features .feature-box-image {
		width: 4rem;
		height: 4rem;
		padding-bottom: 0;
	}
	#studiox #studiox-features .feature-box-text {
		top: auto;
		left: auto;
		margin-top: 0;
		margin-left: 0;
		padding: 0.5rem;
		text-align: left;
		position: relative;
		width: calc(100% - 5rem);
	}
	#studiox .studiox-action {
		margin-top: 0;
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-image {
		width: 4rem;
		height: 4rem;
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-image img {
		max-width: 60%;
		max-height: 60%;
	}
	#gcs .gcs-box-container .gcs-box .gcs-box-content {
		width: calc(100% - 5rem);
	}
	#lxg-labs-and-shop {
		height: 12rem;
	}
	#lxg-labs-and-shop .lxg-labs,
	#lxg-labs-and-shop .lxg-shop {
		width: 30%;
	}
	#lxg-labs-and-shop .lxg-labs:before,
	#lxg-labs-and-shop .lxg-labs:after,
	#lxg-labs-and-shop .lxg-shop:before,
	#lxg-labs-and-shop .lxg-shop:after {
		height: 6rem;
	}
	#trusted-by .subtitle {
		font-size: 1.25rem;
	}
	#footer .socials .social-block {
		display: block;
	}
	#footer .socials .social-block + .social-block {
		margin-left: 0;
		margin-top: 1rem;
	}
	#franchise-with-us .franchise-info-block {
		padding-left: 2rem;
		text-align: center;
	}
	#franchise-with-us .franchise-info-block p:not(.subtitle) {
		text-align: center;
	}
	#franchise-with-us .franchise-info-block img {
		top: auto;
		left: auto;
		display: table;
		position: relative;
		margin: 0 auto 2rem;
	}
	#app-download-section h2 {
		margin-bottom: 1rem;
	}
	#app-download-section p {
		margin: 1rem auto 2.5rem;
	}
	#app-download-section .app-button-group {
		margin-top: 1rem;
	}
	#app-download-section .col-sm-6 + .col-sm-6 {
		margin-top: 2.5rem;
	}
	#events-list h2 {
		margin-bottom: 2.5rem;
	}
	#events-list .events-container .events-box {
		margin: 0.5rem;
		width: calc((100% / 2) - 1rem);
		padding-bottom: calc((100% / 2) - 1rem);
	}
}
@media (max-width: 575.98px){
}