:root {
	--colour1: #88F900;
	--colour2: #D6FC00;
	--colour3: #ED7E01;
	--colour4: #D21556;
	--colour5: #AD2401;
	--colour6: #800ab6;
	--colour7: #0410E9;
	--colour8: #37BEF0;
}

@font-face {
	font-family: 'BlenderPro-Bold';
	src: url('../fonts/BlenderPro-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'BlenderPro-Book';
	src: url('../fonts/BlenderPro-Book.ttf') format('truetype');
}

@font-face {
	font-family: 'BlenderPro-Heavy';
	src: url('../fonts/BlenderPro-Heavy.ttf') format('truetype');
}

@font-face {
	font-family: 'BlenderPro-Medium';
	src: url('../fonts/BlenderPro-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Orbitron-Bold';
	src: url('../fonts/Orbitron-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Orbitron-Medium';
	src: url('../fonts/Orbitron-Medium.ttf') format('truetype');
}

/* To fix AOS's `fade-left` causing extra blank space on mobile */
/* This breaks lightbox2 option to prevent scrolling */
/* SAFARI HATES THIS */
/* * {
	overflow-x: clip;
} */

/* initial setting */
html body {
	max-width: 100vw;
	font-family: 'BlenderPro-Medium', sans-serif;
	overflow-x: hidden;
}

html.lb-disable-scrolling,
body.lb-disable-scrolling {
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}

/* To un-fix the CSS fix for AOS */
.overflow-x-visible {
	overflow-x: visible !important;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-y-visible {
	overflow-y: visible;
}

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

.section {}

.size-viewport {
	width: 100%; /* Don't use dvw */
	height: 100dvh;
}

.snap-parent-y {
	height: 100vh;
	overflow: auto;
	overflow-x: clip;
	scroll-snap-type: y mandatory;
}
.snap-parent-x {
	width: 100%;
	overflow: auto;
	overflow-y: clip;
	scroll-snap-type: x mandatory;
}
@media screen and (max-width: 767px) {
	.snap-parent-y {
		height: 100vh;
		overflow: auto;
		overflow-x: clip;
		scroll-snap-type: y proximity;
	}
	/* .snap-parent-x {
		width: 100vw;
		overflow: auto;
		overflow-y: clip;
		scroll-snap-type: x proximity;
	} */
}
.snap-parent-none {
	scroll-snap-type: none !important;
}
.snap-child {
	scroll-snap-align: start;
}
.snap-child-none {
	scroll-snap-align: none;
}

/* .parallax-parent {
	height: 100vh;
	overflow: hidden;
}
.parallax-child {
	height: 100%;
	position: relative;
	top: 0;
} */

p {
	position: relative;
	font-size: 17px;
	line-height: 1.6;
}

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

a,
a:hover {
	color: var(--gold);
	text-decoration: underline;
}

img {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	-ms-transform: translateZ(0);
	/* IE 9 */
	-webkit-transform: translateZ(0);
	/* Chrome, Safari, Opera */
}

/* button {
	position: relative;
} */

/* .modal-open {
	padding-right: 0 !important;
} */

.inlineblock-if-desktop {
	display: inline-block;
}
.inlineblock-if-mobile {
	display: none;
}
.block-if-mobile {
	display: none;
}
@media (orientation: portrait) {
	.inlineblock-if-desktop {
		display: none;
	}
	.inlineblock-if-mobile {
		display: inline-block;
	}
	.block-if-mobile {
		display: block;
	}
}

.btn-goto {
	cursor: pointer;
}




/* LANDING ================================================== */

#section-landing {}

	#container-landing {
		position: relative;
	}

		#landing-gradient {
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../images/landing-bgGradient.png");
			/* background-size: 100% 100%; */
			background-size: cover;
			background-position: center center;
			z-index: 10;
		}

		#landing-logo {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 20;
		}

			#landing-logo img {
				max-width: 30%;
				width: 100%;
				min-width: 50px;
				height: auto;
			}




/* HOME ================================================== */

#section-home {}

	#container-home {
		position: relative;
	}

		#home-top {
			width: 100dvw;
			max-height: 150px;
			height: 20%;
			min-height: 140px;
			position: absolute;
			top: -2px;
			left: 0;
			background-image: url("../images/home-top.png");
			background-size: cover;
			background-position: center top;
			background-repeat: no-repeat;
			z-index: 40;
		}
		@media screen and (max-width: 667px) {
			#home-top {
				height: 10%;
				min-height: 40px;
			}
		}

			#home-top img {
				position: relative;
				width: auto;
				max-height: 65px;
			}
			@media screen and (max-width: 767px) {
				#home-top img {
					max-height: 40px;
				}
			}

		#home-body {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 30;
		}

			#home-bg {
				background-image: url("../images/home-bg.jpg");
				background-size: cover;
				animation: moveImage 15s linear infinite;
			}
			/* @media screen and (max-width: 667px) { */
			@media (orientation: portrait) {
				#home-bg {
					/* background-image: url("../images/home-bg.jpg");
					background-size: auto 100%; */
					animation: moveImage 20s linear infinite;
				}
			}

			@keyframes moveImage {
				0% {
				  	background-position: 0 0;
				}
				50% {
				  	background-position: 100% 0;
				}
				100% {
					background-position: 0 0;
				}
			}

				#home_btn_img {
					width: 242px;
					height: 49px;
					position: relative;
					bottom: -75%;
				}




/* CHARACTER SELECTION ================================================== */

#section_selection {}

	#container-selection {
		position: relative;
		background-color: #000;
	}

		.selection-icon {
			max-height: 54px;
		}

		#selection-logo-top {}

		#selection-logo-bottom {}

		#selection_main {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			overflow-x: auto;

			/* Hide the scrollbar */
			scrollbar-width: none;
  			-ms-overflow-style: none;
		}
		#selection_main::-webkit-scrollbar {
			width: 0;
			height: 0;
		}
		@media screen and (min-width: 1830px) {
			#selection_main {
				justify-content: center;
			}
		}
		@media (orientation: portrait) {
			#selection_main {
				/* scrollbar-width: none; 
				-ms-overflow-style: none; */
			}
		}

			.selection-character {
				max-height: 400px;
			}
			.selection-character:not(:first-of-type) {
				margin-left: -30px;
			}




/* PROFILE ================================================== */

#section-profile {}

	#container-profile {
		overflow-x: scroll;
		background-color: #000;

		/* Hide the scrollbar */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

		.profile-single {
			display: inline-block;

  			flex: 0 0 100%;

			/* min-width: 684px; */
			width: 100%;
			max-width: 2736px;
		}
		@media screen and (max-width: 767px) {
		.profile-single {
			/* min-width: 0; */
			/* max-width: none; */
		}
		}

		#profile1 {}
		
			.profile-single-body {
				width: 100%;
				/* min-height: 854px;
				height: 100%;
				max-height: 3416px; */

				/* aspect-ratio: 684 / 854; */ /* 2736 / 3416; */
				overflow-y: clip;
			}
			#profile1 .profile-single-body {}
			#profile2 .profile-single-body {}
			#profile3 .profile-single-body {}
			#profile4 .profile-single-body {}
			#profile5 .profile-single-body {}
			#profile6 .profile-single-body {}
			#profile7 .profile-single-body {}
			#profile8 .profile-single-body {}

				.profile-single-body-top {
					position: relative;
					background-color: #000;
					aspect-ratio: 2736 / 1559;
				}
				#profile1 .profile-single-body-top {
					background-image: url("../images/pt1.png");
					background-size: cover;
				}
				#profile2 .profile-single-body-top {
					background-image: url("../images/pt2.png");
					background-size: cover;
				}
				#profile3 .profile-single-body-top {
					background-image: url("../images/pt3.png");
					background-size: cover;
				}
				#profile4 .profile-single-body-top {
					background-image: url("../images/pt4.png");
					background-size: cover;
				}
				#profile5 .profile-single-body-top {
					background-image: url("../images/pt5.png");
					background-size: cover;
				}
				#profile6 .profile-single-body-top {
					background-image: url("../images/pt6.png");
					background-size: cover;
				}
				#profile7 .profile-single-body-top {
					background-image: url("../images/pt7.png");
					background-size: cover;
				}
				#profile8 .profile-single-body-top {
					background-image: url("../images/pt8.png");
					background-size: cover;
				}
				@media screen and (max-width: 767px) {
				.profile-single-body-top {
					aspect-ratio: 395 / 871;
				}
				#profile1 .profile-single-body-top {
					background-image: url("../images/pt1m.jpg");
				}
				#profile2 .profile-single-body-top {
					background-image: url("../images/pt2m.jpg");
				}
				#profile3 .profile-single-body-top {
					background-image: url("../images/pt3m.jpg");
				}
				#profile4 .profile-single-body-top {
					background-image: url("../images/pt4m.jpg");
				}
				#profile5 .profile-single-body-top {
					background-image: url("../images/pt5m.jpg");
				}
				#profile6 .profile-single-body-top {
					background-image: url("../images/pt6m.jpg");
				}
				#profile7 .profile-single-body-top {
					background-image: url("../images/pt7m.jpg");
				}
				#profile8 .profile-single-body-top {
					background-image: url("../images/pt8m.jpg");
				}
				}

					.art {
						width: 35%;
						position: absolute;
						top: 10vw;
						left: 8vw;
						z-index: 99;
					}
					#profile7 .art {
						width: 45%;
					}
					@media screen and (max-width: 767px) {
					.art {
						display: none;
					}
					}

						.art img {
							width: 100%;
							/* max-width: 450px; */
							max-height: 1320px;
						}
						/* #profile2 .art img { max-width: 400px; } */

					.profile-btn-up {
						width: 2vw;
						position: absolute;
						top: 2vh;
						left: 5vw;
					}
					
						#profile1 .profile-btn-up path { fill: var(--colour1); }
						#profile2 .profile-btn-up path { fill: var(--colour2); }
						#profile3 .profile-btn-up path { fill: var(--colour3); }
						#profile4 .profile-btn-up path { fill: var(--colour4); }
						#profile5 .profile-btn-up path { fill: var(--colour5); }
						#profile6 .profile-btn-up path { fill: var(--colour6); }
						#profile7 .profile-btn-up path { fill: var(--colour7); }
						#profile8 .profile-btn-up path { fill: var(--colour8); }
						
					.profile-btn-side {
						display: flex;
						width: 80px;
						height: 80px;
						padding: 10px;
						justify-content: center;
						align-items: center;
						align-content: center;
						position: absolute;
						/*font-family: 'Arial', sans-serif;*/ /* Use a font that doesn't trigger emoji substitution */ /* doesn't work */
						font-size: 30px;
						background-color: #000;
					}
					@media screen and (max-width: 1200px) {
					.profile-btn-side {
						width: 50px;
						font-size: 20px;
					}
					}
					@media screen and (max-width: 992px) {
					.profile-btn-side {
						width: 30px;
						font-size: 20px;
					}
					}
					@media screen and (max-width: 767px) {
					.profile-btn-side {
						width: 30px;
					}
					}
					/* changing `color:` to `fill:` because of stupid fucking safari */
					/* #profile1 .profile-btn-side { fill: var(--colour1); }
					#profile2 .profile-btn-side { fill: var(--colour2); }
					#profile3 .profile-btn-side { fill: var(--colour3); }
					#profile4 .profile-btn-side { fill: var(--colour4); }
					#profile5 .profile-btn-side { fill: var(--colour5); }
					#profile6 .profile-btn-side { fill: var(--colour6); }
					#profile7 .profile-btn-side { fill: var(--colour7); }
					#profile8 .profile-btn-side { fill: var(--colour8); } */
					.profile-btn-side.left {
						top: 50%;
						left: 10px;
					}
					.profile-btn-side.left::before {
						content: "";
						display: inline-block;
						width: 0;
						height: 0;
						position: absolute;
						border-top: 10px solid transparent;
						border-bottom: 10px solid transparent;
						margin-left: 15px;
					}
					@media screen and (max-width: 767px) {
					.profile-btn-side.left::before {
						right: 10px;
					}
					}
					#profile1 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour1);
					}
					#profile2 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour2);
					}
					#profile3 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour3);
					}
					#profile4 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour4);
					}
					#profile5 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour5);
					}
					#profile6 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour6);
					}
					#profile7 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour7);
					}
					#profile8 .profile-btn-side.left::before {
						border-right: 15px solid var(--colour8);
					}
					.profile-btn-side.right {
						top: 50%;
						right: 10px;
					}
					.profile-btn-side.right::before {
						content: "";
						display: inline-block;
						width: 0;
						height: 0;
						position: absolute;
						border-top: 10px solid transparent;
						border-bottom: 10px solid transparent;
						margin-right: 15px;
					}
					@media screen and (max-width: 767px) {
					.profile-btn-side.right::before {
						left: 10px;
					}
					}
					#profile1 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour1);
					}
					#profile2 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour2);
					}
					#profile3 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour3);
					}
					#profile4 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour4);
					}
					#profile5 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour5);
					}
					#profile6 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour6);
					}
					#profile7 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour7);
					}
					#profile8 .profile-btn-side.right::before {
						border-left: 15px solid var(--colour8);
					}

					.profile-btn-side.alt {
						padding: 10px;
						/* color: #000 !important; */
						fill: #000 !important;
						background-color: transparent;
					}
					.profile-btn-side.alt.left {
						top: auto; /* let flex do its job */
						left: 10px;
					}
					.profile-btn-side.alt.left::before {
						content: "";
						display: inline-block;
						width: 0;
						height: 0;
						position: absolute;
						right: 10px;
						border-top: 8px solid transparent;
						border-bottom: 8px solid transparent;
						margin-left: 12px;
						border-right: 12px solid #000 !important;
					}
					.profile-btn-side.alt.right {
						top: auto; /* let flex do its job */
						right: 10px;
					}
					.profile-btn-side.alt.right::before {
						content: "";
						display: inline-block;
						width: 0;
						height: 0;
						position: absolute;
						left: 10px;
						border-top: 8px solid transparent;
						border-bottom: 8px solid transparent;
						border-left: 12px solid #000 !important;
						margin-right: 12px;
					}

					.txt-bottom {
						color: #000;
					}

				.profile-single-body-bottom {
					position: relative;
					height: 100%;
					background-size: 100% auto;
					background-position: center bottom;
					background-repeat: no-repeat;
					/* aspect-ratio: 2736 / 1857; */
				}
				#profile1 .profile-single-body-bottom { background-color: var(--colour1); background-image: url("../images/pb1.jpg"); }
				#profile2 .profile-single-body-bottom { background-color: var(--colour2); background-image: url("../images/pb2.jpg"); }
				#profile3 .profile-single-body-bottom { background-color: var(--colour3); background-image: url("../images/pb3.jpg"); }
				#profile4 .profile-single-body-bottom { background-color: var(--colour4); background-image: url("../images/pb4.jpg"); }
				#profile5 .profile-single-body-bottom { background-color: var(--colour5); background-image: url("../images/pb5.jpg"); }
				#profile6 .profile-single-body-bottom { background-color: var(--colour6); background-image: url("../images/pb6.jpg"); }
				#profile7 .profile-single-body-bottom { background-color: var(--colour7); background-image: url("../images/pb7.jpg"); }
				#profile8 .profile-single-body-bottom { background-color: var(--colour8); background-image: url("../images/pb8.jpg"); }
				@media screen and (max-width: 767px) {
				#profile1 .profile-single-body-bottom { background-color: var(--colour1); background-image: url("../images/pb1m_2x.jpg"); }
				#profile2 .profile-single-body-bottom { background-color: var(--colour2); background-image: url("../images/pb2m_2x.jpg"); }
				#profile3 .profile-single-body-bottom { background-color: var(--colour3); background-image: url("../images/pb3m_2x.jpg"); }
				#profile4 .profile-single-body-bottom { background-color: var(--colour4); background-image: url("../images/pb4m_2x.jpg"); }
				#profile5 .profile-single-body-bottom { background-color: var(--colour5); background-image: url("../images/pb5m_2x.jpg"); }
				#profile6 .profile-single-body-bottom { background-color: var(--colour6); background-image: url("../images/pb6m_2x.jpg"); }
				#profile7 .profile-single-body-bottom { background-color: var(--colour7); background-image: url("../images/pb7m_2x.jpg"); }
				#profile8 .profile-single-body-bottom { background-color: var(--colour8); background-image: url("../images/pb8m_2x.jpg"); }
				}

				.pb-island {
					display: block;
					max-width: 200px;
					margin: 0 auto 0;
				}
				@media screen and (max-width: 767px) {
				.pb-island {
					width: 70px;
					height: 10px;
				}
				}

				.pb-content {
					margin-left: 40%;
					padding: 2rem 4rem 4rem 2rem;
				}
				@media screen and (max-width: 767px) {
				.pb-content {
					margin-left: auto;
					padding: 2rem;
				}
				}

					.pb-content p {
						line-height: 1.2;
					}

					.audio-play,
					.audio-stop {
						display: inline-block;
						width: 120px;
						cursor: pointer;
					}
					@media screen and (max-width: 767px) {
					.audio-play,
					.audio-stop {
						width: 100px;
					}
					}
				
						.btn-audio-play,
						.btn-audio-stop {
							width: 100%;
						}
					
						.audio-play span,
						.audio-stop span {
							display: block;
							width: 100%;
							text-align: center;
						}

					.profile-quote {
						font-family: "BlenderPro-Bold";
						font-size: smaller;
						line-height: 1.1;
					}

					.profile-photo {
						width: 100%;
						max-width: 500px;
						margin: 1rem;
					}
					@media screen and (max-width: 767px) {
						.profile-photo {
							max-width: 80%;
						}
					}

					.profile-vist {
						font-family: "BlenderPro-Bold";
						font-size: small;
					}

					.profile-email {
						display: inline-block;
						margin: 0.5rem 0;
						padding: 0.5rem 1rem;
						font-family: "BlenderPro-Bold";
						font-size: small;
						text-decoration: none;
						color: #fff;
						background-color: #000;
						clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
					}
					.profile-email:hover {
						color: #fff;
						text-decoration: underline;
					}
					@media screen and (max-width: 767px) {
						.profile-email {
							margin: 0.3rem 0;
							padding: 0.3rem 0.7rem;
							font-size: 10px;
						}
					}

					.profile-qr {
						max-width: 100px;
					}

		/* FOOTER ******************************** */

			.profile-single-footer {
				position: relative;
				width: 100%;
				max-width: 1280px;
				height: 100px;
				padding-top: 2rem;
				padding-bottom: 2rem;
				font-family: "Orbitron-Bold";
				background-color: #000;
				z-index: 100;
			}
			#profile1 .profile-single-footer { color: var(--colour1); }
			#profile2 .profile-single-footer { color: var(--colour2); }
			#profile3 .profile-single-footer { color: var(--colour3); }
			#profile4 .profile-single-footer { color: var(--colour4); }
			#profile5 .profile-single-footer { color: var(--colour5); }
			#profile6 .profile-single-footer { color: var(--colour6); }
			#profile7 .profile-single-footer { color: var(--colour7); }
			#profile8 .profile-single-footer { color: var(--colour8); }

				.profile-single-footer .grey {
					color: #808080 !important;
				}
				.profile-single-footer .big {
					font-size: 16px;
				}
				@media screen and (max-width: 767px) {
					.profile-single-footer .big {
						font-size: 14px;
					}
				}
				.profile-single-footer .small {
					font-size: 10px;
				}

				.footer-social-a {
					text-decoration: none;
				}

					.footer-social-a svg {
						width: 30px;
						height: 30px;
					}

						#profile1 svg path { fill: var(--colour1); }
						#profile2 svg path { fill: var(--colour2); }
						#profile3 svg path { fill: var(--colour3); }
						#profile4 svg path { fill: var(--colour4); }
						#profile5 svg path { fill: var(--colour5); }
						#profile6 svg path { fill: var(--colour6); }
						#profile7 svg path { fill: var(--colour7); }
						#profile8 svg path { fill: var(--colour8); }













/* LEGACY ================================================== */

.section_1_Bg {
	background-image: url("../images/video-bg2.jpg");
	background-size: cover;
	position: relative;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -5;

	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* content on top of the video */
.content {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 90%;
	padding: 10px;
	margin: 0 auto;

	text-align: center;
}

#section_1_text p {
	font-size: 16px;
	line-height: 1.3;
	color: #f1f1f1;
}

/* darken the video when on mobile */
.dark_bg_overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 130%;
	z-index: -5;
	background-color: rgba(0, 0, 0, 0.4);
}

#heroVideo {
	display: inline;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -6;

	height: 100%;
	width: 177.77777778vh;
	/* 100 * 16 / 9 */
	min-width: 100%;
	min-height: 56.25vw;

	margin-left: 0 !important;
	padding-left: 0 !important;
}

/*			w <= 409
			h <= 667	*/
@media only screen and (max-width: 409px) and (max-height: 667px) {
	#section_1_text p {
		font-size: 13px;
		line-height: 1.4;
	}

	#heroVideo {
		width: auto !important;
		height: auto !important;
		min-height: 100% !important;
		max-height: 130% !important;
	}
}

/*			w <= 509	*/
@media only screen and (max-width: 509px) {
	#heroVideo {
		width: auto !important;
		min-height: 100% !important;
		left: -370px !important;
	}

	p {
		line-height: 1.4;
	}
}

/*			h <= 609	*/
/* @media only screen and (max-height: 609px) {
	#heroVideo {
		top: -90px;
	}
} */

/*	768	 <= h	*/
@media only screen and (min-height: 768px) {
	#heroVideo {
		/* top: -5px; */
		width: auto;
		height: 100%;
	}
}

/*	768	 <= w <= 1279	*/
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.content {
		max-width: 50%;
		left: 5%;
		padding: 20px;
		margin: 0;
	}

	/* #section_1_text p {
		font-size: 1.05rem;
		line-height: 1.3;
	} */

	.dark_bg_overlay {
		/*		display: none;*/
	}

	#heroVideo {
		display: inline;
	}
}

/*	1280 <= w <= 1439	*/
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
	.content {
		max-width: 45%;
		left: 5%;
		padding: 20px;
		margin: 0;
	}

	/* #section_1_text p {
		font-size: 1.2rem;
		line-height: 1.5;
	} */

	.dark_bg_overlay {
		/*		display: none;*/
	}

	#heroVideo {
		display: inline;
	}
}

/*  1280 <= w <= 1439
	1024 <= h			*/
@media only screen and (min-width: 1280px) and (max-width: 1439px) and (min-height: 1024px) {
	#heroVideo {
		display: inline;
		right: -300px;
		top: -26px;
	}
}

/*  1440 <= w	*/
@media only screen and (min-width: 1440px) {
	.content {
		max-width: 45%;
		left: 5%;
		padding: 20px;
		margin: 0;
	}

	/* #section_1_text p {
		font-size: 1.2rem;
		line-height: 1.5;
	} */

	.dark_bg_overlay {
		/*		display: none;*/
	}

	#heroVideo {
		display: inline;
	}
}




/* SECTION 1 - Cover video - TITLE ================================================== */

/** GENECO **/

#header_logo {
	width: 140px;
	margin: 0 auto;
	position: relative;
	top: 25px;
}

#section_1_title_img {
	position: relative;
	/* left: 3%; */
	/* margin-top: -3rem; */
	margin-bottom: 1.5rem;
	width: 300px;
	/* transform: scale(.8); */
}

/** SMALL PHONE **/

@media only screen and (max-width: 375px) and (max-height: 667px) {
	#header_logo {
		width: 120px;
		/* margin: 0 auto; */
		/* position: relative; */
		top: 5px;
	}

	#section_1_title_img {
		/* position: relative; */
		/* left: 4%; */
		/* margin-top: 1rem; */
		/* margin-bottom: 1rem; */
		width: 280px;
		/* transform: scale(.8); */
	}
}

/** PHONE **/

@media only screen and (min-width: 360px) and (max-width: 501px) and (min-height: 668px) and (max-height: 915px) {
	#header_logo {
		width: 140px;
		/* margin: 0 auto; */
		/* position: relative; */
		top: 30px;
	}

	#section_1_title_img {
		/* position: relative; */
		/* left: 3%; */
		/* margin-top: 1rem; */
		margin-bottom: 1rem;
		width: 280px;
	}
}

/** BIGGER THAN GENECO **/

@media only screen and (min-width: 1281px) and (min-height: 611px) {
	#header_logo {
		/* width: 160px; */
		/* margin: 0 auto; */
		/* position: relative; */
		top: 30px;
	}

	#section_1_title_img {
		/* position: relative; */
		/* left: 3%; */
		/* margin-top: 1rem; */
		margin-bottom: 1rem;
		width: 340px;
	}
}



/* SECTION C - Game & Counter   ======================================================================== */

#game-screen img {
	width: 80%;
}

#section_game_geneco_logo {
	width: 160px;
}

#section_game_cross {
	width: 29px;
}

#section_game_mce_logo {
	width: 199px;
}


#section_2_game:before {
	background-image: url("../images/game-fish-bg1.png?v=1");
	background-repeat: no-repeat;
	background-position: right -12% top;
	background-size: 50%;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

#section_2_game:after {
	background-image: url("../images/game-fish-bg-2_1-animated.png?v=3");
	background-repeat: no-repeat;
	background-position: right -60px bottom;
	background-size: contain;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	z-index: 0;
	bottom: -310px;
	left: 0;
}

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

	#section_2_game:after {
		bottom: -226px;
	}
}

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

	#section_2_game:after {
		bottom: -153px;
	}
}

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

	#section_2_game:after {
		background-position: right -62px bottom;
		background-size: 165%;
		bottom: -135px;
	}
}

@media screen and (min-width: 2000px) and (max-width:2999px) {
	#section_2_game:after {
		bottom: -420px;
	}
}

@media screen and (min-width: 3000px) {
	#section_2_game:after {
		bottom: -500px;
	}
}

/*
@media screen and (min-width: 1200px) and (max-width: 1300px)
			  and (min-height: 520px) and (max-height: 620px) {
	
	#section_2_game:after {
		background-position: right -62px top;
		background-size: 105%;
		top:-330px;
	}
}
*/

/* Geneco screen 2 */
/*
@media screen and (min-width: 1200px) and (max-width: 1300px)
	and (min-height: 621px) and (max-height: 820px)  {
	#section_2_game:after {
		background-position: right -60px top;
		background-size: 105%;
		top:-320px; 
	}
}
*/



/* This one works! */

*::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}

@media screen and (max-width: 520px) {
	#section_game_geneco_logo {
		width: 116px;
	}

	#section_game_cross {
		width: 24px;
	}

	#section_game_mce_logo {
		width: 160px;
	}

	#game-screen img {
		width: 90%;
	}

	#section_2_game:before {
		background-position: right -5% top -5%;
		background-size: 75%;
	}
}



/* SECTION D - Counter ======================================================================== */

#section_counter_title_img,
#section_game_title_img {
	display: block;
	width: 100%;
	max-width: 568px;
	position: relative;
	left: 1%;
	top: -30px;
}

/*			w <= 499	*/
@media only screen and (max-width: 499px) {
	#section_counter_title_img {
		width: 90%;
	}
}




/* SECTION D - Counter - flip =========================================== */

#counter-container {
	display: block;
	padding-bottom: 40px;
}

.tick,
.tick * {
	font-family: 'Oswald', sans-serif !important;
	font-size: 120px !important;
	font-weight: 700 !important;
}

#flip-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.tick-flip {
	box-shadow: inset 0 0 6px #000;
	margin: 0 16px;

	overflow-x: visible !important;
	/* To un-fix the CSS fix for AOS */
}

.tick-flip:before {
	content: '';
	position: absolute;
	/* specify the value of border width here */
	top: -5px;
	right: -5px;
	bottom: -7px;
	left: -5px;
	/* --- */

	background: url(../images/flip_border.png) no-repeat;
	background-size: cover;
	/* border-radius: 20px; */

	box-sizing: border-box;
	z-index: -1;
}

.tick-flip-panel {
	color: #111f7c !important;
	background-color: #f8f8f8 !important;
	box-shadow: inset 0 0 20px #000;
}

/*  		w <= 409    */
@media only screen and (max-width: 409px) {

	.tick,
	.tick * {
		font-size: 11vw !important;
	}

	.tick-flip:before {
		/* specify the value of border width here */
		top: -4px;
		right: -3px;
		bottom: -3px;
		left: -3px;
		/* --- */

		/* background: radial-gradient(circle at 100% 100%, transparent 0, transparent 9px, transparent 9px) 0% 0%/10px 10px no-repeat,
			radial-gradient(circle at 0 100%, transparent 0, transparent 9px, transparent 9px) 100% 0%/10px 10px no-repeat,
			radial-gradient(circle at 100% 0, transparent 0, transparent 9px, transparent 9px) 0% 100%/10px 10px no-repeat,
			radial-gradient(circle at 0 0, transparent 0, transparent 9px, transparent 9px) 100% 100%/10px 10px no-repeat,
			linear-gradient(transparent, transparent) 50% 50%/calc(100% - 2px) calc(100% - 20px) no-repeat,
			linear-gradient(transparent, transparent) 50% 50%/calc(100% - 20px) calc(100% - 2px) no-repeat,
			linear-gradient(140deg, #d6b47a 0%, #f8fac3 25%, #b7863e 50%, #f0eeb5 75%, #d6b47a 100%); */
		border-radius: 5px;
	}

	.tick-flip {
		margin: 0 10px;
	}

	.tick-flip-panel {
		box-shadow: inset 0 0 6px #000;
	}

	.tick-flip-panel-front {
		height: 60% !important;
	}
}

@media only screen and (min-width: 410px) and (max-width: 575px) {

	.tick,
	.tick * {
		font-size: 14vw !important;
	}

	.tick-flip {
		margin: 0 6px;
	}

}

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

	.tick,
	.tick * {
		font-size: 11vw !important;
	}

}

/*	400	 <= w <= 499    */
@media only screen and (min-width: 400px) and (max-width: 499px) {

	.tick-flip:before {
		/* specify the value of border width here */
		top: -3px;
		right: -3px;
		bottom: -4px;
		left: -3px;
		/* --- */

		border-radius: 5px;
	}

	.tick-flip-card {
		box-shadow: inset 0 0 3px #000;
	}

	.tick-flip-panel {
		box-shadow: inset 0 0 12px #000;
	}

	.tick-flip-panel-front {
		height: 60% !important;
	}
}

/*  768	 <= w <= 1279	*/
@media only screen and (min-width: 768px) and (max-width: 1279px) {}

/*  1280 <= w <= 1439   */
@media only screen and (min-width: 1280px) and (max-width: 1439px) {}

/*  1280 <= w <= 1439
	1024 <= h           */
@media only screen and (min-width: 1280px) and (max-width: 1439px) and (min-height: 1024px) {}

/*  1440 <= w   */
@media only screen and (min-width: 1440px) {}


/* SECTION 2 - Design Concept  ================================================== */

.design-concept-container {
	padding: 40px 0;
}

@media only screen and (max-width: 576px) {
	.design-concept-container {
		padding: 0;
	}
}


.fish_bg2 {
	position: relative;
	box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
}


/*
.fish_bg2:before {
	box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.75);
}
*/

.fish_bg2:after {
	background-image: url("../images/design-concept-fish-bg.png?v=1");

	background-position: left -35% bottom -87px;
	/*
	background-image: url("../images/design-concept-fish-bg_2.png?v=1");
	background-position: left -25% bottom -267px;
*/
	background-repeat: no-repeat;
	background-size: 50%;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;

}

@media only screen and (min-width: 1270px) and (max-height: 650px) {
	.fish_bg2:after {
		background-image: url("../images/design-concept-fish-bg_2.png?v=1");
		background-position: left -25% bottom -267px;

	}

}


/* Geneco screen */

/*
@media screen and (min-width: 1200px) and (max-width: 1300px)
			  and (min-height: 520px) and (max-height: 620px) {
	
	.fish_bg2:before {
		background-position: right -62px top;
		background-size: 105%;
		top:-330px;
	}
}
*/

/* Geneco screen 2 */
/*
@media screen and (min-width: 1200px) and (max-width: 1300px)
	and (min-height: 621px) and (max-height: 820px)  {
	.fish_bg2:before {
		background-position: right -60px top;
		background-size: 105%;
		top:-320px; 
	}
}

*/

#section_2_title_img {
	width: 100%;
	max-width: 544px;
}

/* Now using .show_if_narrow */
/* #section_photo_mobile {
	display: none;
} */

#section_photo_mobile img {
	position: relative;
}

.fish_bg2 p {
	line-height: 1.6;
}

/*			w <= 409 */
/* @media only screen and (max-width: 409px) {
	.fish1_bg p {
		font-size: 15px;
	}
} */


/*			w <= 499	*/
@media only screen and (max-width: 499px) {

	.fish_bg2:before {
		background-size: 150%;
		background-position: right -35px top;
		top: -145px;
	}

	.fish_bg2:after {
		background-image: url("../images/design-concept-fish-bg.png");
		background-repeat: no-repeat;
		background-position: left -90px bottom -10px;
		background-size: 75%;
	}

	.design-concept-container {
		/*		padding: 36px 0 16px;*/
		padding: 0;
	}

	/* Now using .show_if_narrow */
	/* #section_photo_mobile {
		display: block;
	} */
}

/** BIGGER THAN GENECO **/

@media only screen and (min-width: 1400px) and (min-height: 611px) {
	.fish_bg2:before {
		background-size: 100%;
		background-position: right -35px top;
		top: -100px;
	}

	.fish_bg2:after {
		background-repeat: no-repeat;
		background-position: left -90px bottom -10px;
		background-size: 22%;
	}

}

/* @media screen and (min-width: 2000px) and (max-width:2999px) {
	.fish_bg2:after {
		background-position: left -90px bottom -90px;
	}
}
@media screen and (min-width: 3000px) {
	.fish_bg2:after {
		background-position: left -90px bottom -290px;
	}
} */

/* SECTION A - Parallax Photo ================================================== */

/* #section_photo {} */

/* For most scenario */
#section_photo_img {
	background-image: url("../images/red-packets-bg.jpg?v=4");
	background-repeat: no-repeat;
	background-position: center 39%;
	background-attachment: fixed;
	background-size: cover;
}

#section_photo_img.alt {
	background-attachment: scroll;
}

/* For flat laptop */

/* @media only screen and (max-height: 599px) {
	.parallax-parent#section_photo {
		height: 123vh!important;
	}
	#section_photo_img {
		background-position: center 25%;
	}
	#section_photo_img.alt {
		background-position: center 40%;
		}
}
 */

/*			h <= 620	*/
@media only screen and (max-height: 620px) {
	.parallax-parent#section_photo {
		height: 123vh;
	}

	#section_photo_img {
		/*		background-image: url("../images/red-packets-bg.png?v=1");*/
		/* background-position: center 25%; */
		/*		background-size: 100% auto;*/
		background-position: center top;
	}
}

/* SECTION B - Popout & Recycle ================================================== */




/* SECTION 3 - Popout ================================================== */

.section_3_popout {
	position: relative;
	left: 0;
	right: 0;
	bottom: 190px;
	z-index: 10;
}

@media only screen and (max-width: 580px) {
	.section_3_popout {
		bottom: 100px;
	}
}

.section_3_bg {
	background-image: url("../images/vote-bg-vertical2.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

#section3_txt_1 p {
	padding: 0 10px;
}

.btn-primary.DDDDDDISABLE,
.btn-primary.DDDDDDISABLE:hover {
	color: #A2954F !important;
	background-color: transparent !important;
	border-color: #A2954F !important;
	cursor: default !important;
}

.goldgold_bn_container.DDDDDDISABLE,
.goldgold_bn_container.DDDDDDISABLE:hover .goldgold_bn_container:hover.DDDDDDISABLE,
.goldgold_bn_container:hover.DDDDDDISABLE:hover {
	background-image: url("../images/btn-loc-xl-out.png");
	cursor: default !important;
}

.secondContest-a .DDDDDDISABLE,
.secondContest-a .DDDDDDISABLE:hover {
	color: #fff !important;
	cursor: default !important;
}

.red-packet-design-container {
	width: 100%;
}

/*	smaller phones */
@media only screen and (max-width: 376px) {
	.section_3_bg {
		padding: 41px 32px;
		/* background-image: url("../images/vote-bg-vertical2.png"); */
	}
}

@media only screen and (max-width: 499px) {
	.section_3_popout {
		bottom: 100px;
	}
}


@media only screen and (min-width: 500px) and (max-width: 767px) and (min-width: 1200px) {
	.section_3_popout {
		bottom: 220px;
	}
}


/*			w <= 409 */
@media only screen and (max-width: 409px) {

	#section3_bn_1,
	#section3_bn_2 {
		font-size: 12px;
	}

	.red-packet-design-container {
		width: auto;
	}
}

@media only screen and (min-width: 377px) and (max-width: 430px) {
	.section_3_bg {
		padding: 56px 56px;
	}
}


@media only screen and (min-width: 431px) and (max-width: 576px) {
	.section_3_bg {
		padding: 43px 56px;
		/* background-image: url("../images/vote-bg-square2.png?v=1"); */
	}
}

/*	410	 <= w	*/
@media only screen and (min-width: 410px) and (max-width: 1000px) {

	.red-packet-design-container {
		margin-left: 6px;
		margin-top: 12px;
	}
}

/*  576	 <= w	*/
@media only screen and (min-width: 577px) {
	.section_3_bg {
		background-image: url("../images/vote-bg.png");
		background-size: 100% 100%;
		aspect-ratio: 2/1;
	}

	/*
	.section_3_popout {
		bottom: 220px;
	}
*/
}

/*  576	 <= 1000	*/
@media only screen and (min-width: 576px) and (max-width: 1000px) {
	.section_3_bg {
		padding: 8px 0;
	}

	/*
	.section_3_popout {
		bottom: 220px;
	}
*/
}


/*			w <= 767	*/
@media only screen and (max-width: 767px) {
	/*
	.section_3_popout {
		bottom: 220px;
	}
*/
}




/* SECTION 4 - Recycle ======================================================================== */

#section_4 {
	margin-top: -110px;
}

.fish_bg3:before {
	width: 100%;
	height: 100%;
	background-image: url("../images/used-red-packets-fish-bg-2.png");
	background-repeat: no-repeat;
	background-position: left -36% bottom;
	background-size: 50%;
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.fish_bg3:after {
	width: 100%;
	height: 100%;
	background-image: url("../images/used-red-packets-fish-bg-1.png");
	background-repeat: no-repeat;
	background-position: left -15% top;
	background-size: 50%;
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}


/** BIGGER THAN GENECO **/

@media only screen and (min-width: 1281px) and (min-height: 611px) {
	.fish_bg3:before {
		background-position: left -12% bottom;
		background-size: 30%;
	}

	.fish_bg3:after {
		background-position: left -5% top;
		background-size: 30%;
	}

}

#section_4_image {
	text-align: center;
}

#section_4_image img {
	display: inline-block;
	width: 80%;
	position: relative;
	z-index: 9;
}

#section_4_right {
	position: relative;
	top: -30px;
}

/* #section_4_title {
	left: 2%;
} */

#section_4_title_img {
	width: 100% !important;
	max-width: 568px;
	/* transform: scale(1); */

	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
}


#section4_bn_container {
	width: 269px;
	height: 40px;
	margin: 40px auto 0;
	background-image: url("../images/btn-loc-xl-out.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.goldgold_bn_container {
	width: 269px;
	height: 40px;
	margin: 40px auto 0;
	background-image: url("../images/btn-loc-l-out.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

#section4_bn_container:active,
#section4_bn_container:focus,
#section4_bn_container:hover {
	background-image: url("../images/btn-loc-xl-over.png");
}

.goldgold_bn_container:active,
.goldgold_bn_container:focus,
.goldgold_bn_container:hover {
	background-image: url("../images/btn-loc-l-over.png");
}

#section4_bn_container a,
.goldgold_bn_container a {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.5;
	text-decoration: none;
	color: #fff;
}

#section4_bn_container:active a,
#section4_bn_container:focus a,
#section4_bn_container:hover a,
#section4_bn_container a:hover,
.goldgold_bn_container:active a,
.goldgold_bn_container:focus a,
.goldgold_bn_container:hover a,
.goldgold_bn_container a:hover {
	text-decoration: none;
	color: var(--darkblue);
}



/*  		w <= 499   */
@media only screen and (max-width: 499px) {
	#section_4 {
		margin-top: -140px;
	}

	#section_4_image img {
		width: 100%;
	}

	/* #section_4_title_img {
		transform: scale(1.1);
	} */

	#section_4_right {
		top: 0;
	}

	.fish_bg3:after {
		background-position: left -10px top 200px;
		background-size: 70%;
	}

	.fish_bg3:before {
		background-position: left -110px bottom -56px;
		background-size: 75%;
	}


}

@media only screen and (min-width: 576px) and (max-width: 1000px) {
	#section_4_right {
		top: 0px;
	}
}



/* SECTION D - Pop Up Event ======================================================================== */

.flower_bg {
	background-color: #ede4e1;
	background-image: url("../images/flower-bg.svg");
	background-repeat: no-repeat;
	background-position: right -15% top -45%;
	background-size: 40%;
}

.flower_bg:after {
	background-image: url("../images/flower-bg.svg");
	background-repeat: no-repeat;
	background-position: left -109px bottom;
	background-size: 452px 452px;
	content: "";
	position: absolute;
	z-index: 0;
	top: 265px;
	left: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
}

.fish3_bg,
.fish3_bg .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#section_7_title_img {
	width: 100%;
	max-width: 544px;
}

@media screen and (min-width: 1200px) and (max-width: 1300px) and (min-height: 520px) and (max-height: 620px) {

	.fish3_bg,
	.fish3_bg .container {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.fish3_bg:before {
	width: 100%;
	height: 100%;
	background-image: url("../images/fish-bg-right2.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

}



@media screen and (max-width: 575px) {
	#section_7_pop_up_event {
		padding-top: 2em;
	}

	.flower_bg {
		/*    background-image:none;*/
		background-position: right -15% top -20%;
		background-size: 60%;
	}

	.flower_bg:after {
		background-image: none;
	}
}

@media screen and (min-width: 576px) and (max-width: 1000px) {
	.flower_bg {
		background-position: right -20% top -30%;
		background-size: 50%;
	}

	.flower_bg:after {
		background-position: left -15% bottom;
		background-size: 45%;
	}
}

/** BIGGER THAN GENECO **/

@media only screen and (min-width: 1281px) and (min-height: 611px) {
	.flower_bg {
		/*    background-image:none;*/
		background-position: right -50px top -260px;
		background-size: 500px 500px;
	}

	.flower_bg:after {
		background-position: left -50px bottom;
		background-size: 500px 500px;
	}

}


/* SECTION 8 - Conservation =========================================== */

#section_5 {
	overflow-y: hidden;
}

#section_5 * {
	overflow-y: hidden;
}

#section_5_elem {
	display: block;
	position: relative;
	background-color: var(--sand);
	z-index: 100;
}

#section_5_elem::before {
	content: "";
	background-image: url("../images/ocean-bg2.jpg?v=2");
	background-size: cover;
	background-position: center center;
	opacity: 1;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
}

#section_5_container3 {
	min-height: 100vh;
}

#section_5_title_img {
	width: 100%;
	max-width: 580px;
	margin-left: 2px;
}

/* For Firefox */
#section_5-content {
	overflow: visible;
}

#section_5-content p {
	/* font-size: 1.1rem; */
	backface-visibility: hidden;
}

.section_5_icon {
	text-align: center;
}

.icon-img {
	max-width: 70%;
}

.icon-credit {
	font-size: 12px !important;
	margin: 2px auto;
}

.icon-btn {
	font-size: 12px;
	text-decoration: none !important;
}

/** BIGGER THAN GENECO **/

@media only screen and (min-width: 1281px) and (min-height: 611px) {
	/* #section_5 {
		height: 110vh;
	} */
}

/** MOBILE OVERWRITE **/

@media only screen and (max-width: 767px),
only screen and (max-height: 419px) {
	#section_5_elem {
		background-color: rgba(0, 0, 0, .9);
	}

	#section_5_elem::before {
		content: "";
		background-image: url("../images/ocean-bg.jpg?v=2");

		/* background-size: cover;
		background-position: center center; */
		/* opacity: .2; */
		/* position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; */
	}

	#section_5-content p {
		/* font-size: 15px; */
		overflow-x: visible !important;
		/* To un-fix the CSS fix for AOS */
	}

	.icon-credit {
		font-size: 10px !important;
		margin: 2px auto;
	}

	.icon-btn {
		min-width: 100%;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
	}
}

/** SUPER NARROW PHONE **/

@media only screen and (max-width: 320px) {
	.icon-btn {
		min-width: 100%;
		width: 100%;
		max-width: 100%;
		left: 0;
		transform: none;
		position: relative;
		padding: 5px;
	}
}



/* SECTION 6 - Footer ======================================================================== */

.zIndex-10 {
	z-index: 10;
}

.section_6_bg {
	background-image: url("../images/flower-bg.svg");
	background-repeat: no-repeat;
	background-size: 460px 460px;
	background-position: right -90px top -360px;
}

.section_6_bg:after {
	background-image: url("../images/flower-bg.svg");
	background-repeat: no-repeat;
	background-position: left -118px bottom -364px;
	background-size: 460px 460px;
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
}

.footerlogo {
	width: 150px;
}

/*	410	 <= w	*/
@media only screen and (min-width: 410px) {
	.footerlogo {
		width: 150px;
	}

}


/*  		w <= 499   */
@media only screen and (max-width: 499px) {
	.section_6_bg {
		background-size: 48%;
		background-position: right -20% top -150px;
	}

	.section_6_bg:after {
		background-position: left -15% bottom -150px;
		background-size: 48%;
	}

}

/*	576	 <= w	*/
@media only screen and (min-width: 576px) and (max-width: 1000px) {
	.section_6_bg {
		background-size: 40%;
		background-position: right -60px top -220px;
	}

	.section_6_bg:after {
		background-position: left -8% bottom -200px;
		background-size: 37%;
	}
}

/*	768	 <= w	*/
@media only screen and (min-width: 768px) {
	.footerlogo {
		width: 207px;
	}

}