/* Aug 2026 | Developed by Artenergy.com */

@font-face {
  font-family:'custom-font';
  src:url('../font/custom-font.woff2') format('woff2'),
       url('../font/custom-font.woff') format('woff');
  font-weight:100;
  font-style:normal;
  font-display:swap;
}

/*	============================================================
	Root
	============================================================	*/
:root {	
	/* font */
	--f1:custom-font;
	--f2:Georgia, "Times New Roman", Times,serif;
	--f3:Arial, sans-serif;

	/* colors */
	--r:#a1271e; /* red */
	--l:#fffaee; /* light */
	--b:#982dff; /* blue */
	--g:#888; /* grey */
	--dg:#222; /* darker grey */
	--k:#000; /* black */
	--o:#ff9900; /* orange */
	--w:#fff; /* white */
	--e:#009e00; /* green */
	--y:#ffcc33; /* yellow */
	/* Transparent */
	--t:transparent;


	/* Border radius */
	--br1:30px;
	--br2:20px;
	--br3:15px;
	--br4:10px;
	/* Mask */
	--mask:no-repeat 0 0/100% 100%;
	--arrow-mask:url(../img/arrow-icon.svg) var(--mask);
	/* Shadow */
	--sha9:0 0 40px rgba(0,0,0,.4);
}
.plate {padding:140px 0;}

.pad,
.pad2 {
	padding-left:0;
	padding-right:0;
}

@media (max-width:768px) {
	.pad {
	padding-left:15px;
	padding-right:15px;
	}
	.pad2 {
	padding-left:30px;
	padding-right:30px;
	}
}
@media (max-width:576px) {
	.plate {padding:100px 15px;}
}
/*	============================================================
	General
	============================================================	*/
body {margin:0;background:var(--k);font-family:var(--f2);color:var(--l);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
*,*::before,*::after {-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}

hr {border:0;border-top:1px dotted rgba(255,255,255,.8);margin:40px 0;}
a,a:active,a:focus {color:var(--y);outline:none;}
a:hover {color:var(--g);text-decoration:none;}

p {margin:0 0 30px 0;font-size:24px;line-height:1.3;font-weight:100;}

.img {max-width:100%;height:auto;}
.uppercase {text-transform:uppercase;}
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.text-center {text-align:center!important;}
.d-none {display:none!important;}
.pointer {cursor:pointer;}
.pull-right {float:right;}
.cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.contain {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.text-red {color:var(--r);}
.text-white {color:var(--w);}
.text-black {color:var(--k);}
.text-grey {color:var(--g);}
.text-orange {color:var(--o);}
.text-yellow {color:var(--y);}
.text-green {color:var(--e);}

.flex-center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.on-top {
	z-index:1;
	position:relative;
}
.middle {margin:auto;}
mark, .mark {color:var(--y);}
.opacity-08 {opacity:.85 !important;}
.no-scroll {overflow:hidden;position:fixed;width:100%;}
/*	============================================================
	Grid
	============================================================	*/
.fluid {overflow:hidden;}
.grid,.fluid {margin:0 auto;Xborder:1px solid red;}
@media (min-width:576px) {.grid {max-width:540px;}}
@media (min-width:768px) {.grid {max-width:720px;}}
@media (min-width:992px) {.grid {max-width:960px;}}
@media (min-width:1280px){.grid {max-width:1200px;}}
@media (min-width:1400px){.grid {max-width:1340px;}}

@media (max-width:992px) {
	.lg-none {
	display:none;
	}
}
@media (max-width:768px) {
	.md-none {
	display:none;
	}
}
@media (max-width:576px) {
	.sm-none {
	display:none;
	}
}
/*	============================================================
	H Tags
	============================================================	*/
h1,h2,h3,h4 {
  margin-top:0;
  margin-bottom:30px;
  line-height:1.2;
  font-weight:100;
}
/* Font Sizes */
:root {
	--h1:75px;
	--h2:46px;
	--h3:28px;
	--h4:20px;
	--h5:18px;
}
h1, .h1 {font-size:var(--h1);line-height:1.1;}
h2, .h2 {font-size:var(--h2);line-height:.9;font-family:var(--f1);letter-spacing:-1px;}
h3, .h3 {font-size:var(--h3);line-height:1.3;}
h4 		{font-size:var(--h4);}

.font {font-family:var(--f1);}

/* Queries */
@media (max-width:1400px) {
	:root {
	--h1:50px;
	--h2:30px;
	--h3:26px;
	}
}
@media (max-width:1200px) {
	:root {
	--h1:40px;
	--h2:28px;
	--h3:26px;
	}
}
@media (max-width:992px) {
	:root {
	--h1:40px;
	--h2:28px;
	--h3:24px;
	}
	p {font-size:20px;}
}
@media (max-width:768px) {
	:root {
	--h1:36px;
	--h2:26px;
	--h3:20px;
	--h4:20px;
	}
}
@media (max-width:576px) {
	:root {
	--h1:26px;
	--h2:26px;
	--h3:18px;
	--h4:18px;
	}
	p {font-size:18px;}
}
/*	============================================================
	Logo
	============================================================	*/
.logo {
	z-index:1;
	width:100%;
    display:flex;
    justify-content:center;   /* horizontal center */
    align-items:center;        /* vertical center */
}
.logo img {width:72.75%;}

@media (max-width:576px) {
	.logo img {width:85%;}
}
/*	============================================================
	Columns
	============================================================	*/
.col-1 {
	width:850px;
}
.col-2,
.col-2-50,
.col-2-b,
.col-2-cards,
.col-noteven,
.col-3,
.col-3-cards,
.col-4-cards,
.col-4,
.col-2-icon,
.col-date,
.col-select,
.col-5,
.col-post,
.col-two-odd {
	display:grid;
	display:-ms-grid;
}
.col-2 {
	grid-row-gap:50px;
	grid-column-gap:6%;
	-ms-grid-columns:1fr 6% 1fr;
	grid-template-columns:1fr 1fr;
}
.col-2-50 {
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:50% 0 50%;
	grid-template-columns:50% 50%;
}
.col-2-b {
	grid-row-gap:0;
	grid-column-gap:6%;
	-ms-grid-columns:47% 6% 47%;
	grid-template-columns:47% 47%;
}
.col-2-cards {
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 30.75%;
	grid-template-columns:repeat(2, 30.75%);
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.col-noteven {
	grid-row-gap:0;
	grid-column-gap:5%;
	-ms-grid-columns:40% 5% 55%;
	grid-template-columns:40% 55%;
}
.col-3,
.col-3-cards {
	grid-row-gap:50px;
	grid-column-gap:3.85%;
	-ms-grid-columns:30.75% 3.85% 31% 3.85% 30.75%;
	grid-template-columns:30.75% 30.75% 30.75%;
}
.col-4-cards {
	-ms-grid-columns:1fr 2.5% 1fr 2.5% 1fr 2.5% 1fr;
	grid-template-columns:repeat(4, 1fr);
	-webkit-column-gap:2.5%;
	   -moz-column-gap:2.5%;
	        column-gap:2.5%;
	row-gap:30px;
}

.col-post,
.col-two-odd {
	grid-row-gap:0;
	grid-column-gap:5%;
	-ms-grid-columns:65% 5% 30%;
	grid-template-columns:65% 30%;
}
.col-volunteer {
	display:grid;
	display:-ms-grid;
	grid-row-gap:50px;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	grid-column-gap:2.5%;
	-ms-grid-columns:23.5% 2.5% 48% 2.5% 23.5%;
	grid-template-columns:23.5% 48% 23.5%;
}
.col-volunteer .img {
  width:100%;
  height:auto !important;
  -o-object-fit:contain;
     object-fit:contain;
}

/* 3 columns on top, 2 on bottom */
@media (max-width:1400px) {
	.col-5 {
	-ms-grid-columns:(1fr)[3];
	grid-template-columns:repeat(3, 1fr);
	justify-items:center;
	}
}
@media (max-width:1200px) {
	.col-4-cards {
	display:grid;
	display:-ms-grid;
	grid-row-gap:30px;
	grid-column-gap:30px;
	-ms-grid-columns:48.25% 30px 48.25%;
	grid-template-columns:48.25% 48.25%;
	}
}
@media (max-width:992px) {
	.col-1 {
	width:100%;
	}
}
@media (max-width:768px) {
	.col-2,
	.col-2-50,
	.col-post,
	.col-2-cards,
	.col-2-badge,
	.col-2-icon,
	.col-select,
	.col-two-odd,
	.col-2-event,
	.col-2-b,
	.col-3-cards,
	.col-3,
	.col-4,
	.col-4-cards,
	.col-noteven,
	.col-volunteer,
	.pollinators-list .col-3 {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	padding:0 15px 0 15px;
	}
	.col-post {
	padding:0 30px;
	}	
	X.col-2 .order-1 {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	X.col-2 .order-2 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
	.col-5 {
	-ms-grid-columns:1fr;
	grid-template-columns:1fr;
	justify-items:stretch;
	}
}
@media (max-width:576px) {
	.col-2-cards,
	.col-3-cards {
	grid-row-gap:40px;
	}
	.col-2-icon h2 {
	text-align:center;
	margin:0 auto 0px;
	}	
	.bio .col-2,
	.col-2-icon {
	grid-row-gap:0;
	}
	.col-2-icon div {
	margin:0 auto 30px;
	}
	.col-2-badge {
	padding:0 15px;
	}
}
/*	============================================================
	Hero
	============================================================	*/
.hero {
	z-index:0;
	width:100%;
	height:100vh;
	color:var(--l);
	min-height:800px;
	overflow:hidden;
	display:-ms-grid;
	display:grid;
	position:relative;
	-webkit-box-align:center;
		-ms-flex-align:center;
			align-items:center;
			text-align:center;
}
.hero .intro {
	z-index:1;
	Xborder:1px solid var(--y);
}
.hero.alt {
	height:60vh;
	min-height:500px;
}
.hero.contact {
	min-height:500px;
}
.hero h1 {
	color:var(--y);
	font-family:var(--f1);
	margin-bottom:15px;
}
.hero.contact h1,
.hero.alt h1 {
	color:var(--y);
	font-size:100px;
}
.hero.alt.hero-blog h1 {
	line-height:.8;
	max-width:1000px;
	margin:0 auto 30px;
}
.hero .col-intro h2 {
	font-size:32px;
	line-height:1.3;
	letter-spacing:normal;
	text-align:left;
	font-family:var(--f2);
}
.hero .col-intro h2 a {
	text-decoration:none;
	Xpadding-bottom:3px;
}
.hero .col-intro h2 a:hover span {
	color:var(--w);
	padding-left:3px;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.hero h3 {
	right:100px;
	bottom:100px;
	width:800px;
	display:block;
	font-size:24px;
	line-height:1;
	text-align:left;
	position:absolute;
	padding-left:30px;
	border-left:5px solid var(--y);
}
.hero .intro.alt h3 {
	width:800px;
	font-size:24px;
	line-height:1.3;
	right:60px;
	bottom:60px;
}
.hero h3 span {
	color:var(--y);
	display:block;
	line-height:1;
	font-size:34px;
	font-family:var(--f1);
	padding-top:0;
	margin:-10px 0 10px !important;
	Xborder:1px solid var(--y);
}
.hero p span.text-yellow {
	display:block;
	margin:0 0 5px;
}
.col-intro {
	max-width:850px;
	margin:60px auto 0;
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:160px 0 auto;
	grid-template-columns:160px auto;
	Xborder:1px solid var(--y);
}
.small-photo,
.medium-photo {
	width:130px;
	height:130px;
	border-radius:50%;
	border:4px solid var(--y);
	Xmargin-top:15px;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.medium-photo {
	width:320px;
	height:320px;
	margin-top:15px;
	-webkit-box-shadow:0 2px 20px rgba(0,0,0,.3);
	        box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.remembered {
	position:relative;
}
.remembered .medium-photo span {
	display:block;
	font-size:18px;
	margin:330px 0 0 0px;
	text-align:center;
}
.detective-badge {
	z-index:1;
	width:300px;
	height:300px;
	position:absolute;
	top:85px;
	left:250px;
	filter:drop-shadow(0 0 0.5rem #7c7268);
}
.legacy .detective-badge {
	z-index:-1;
	width:98%;
	height:98%;
	top:0;
	left:0;
	margin:auto;
	filter:none;
}
.legacy .medium-photo span {
	display:none;
}
.small-photo:hover {
	border:4px solid var(--g);
}
.image-section,
.video-section {
    position:relative;
    width:142%;
	padding-top:15px;
    overflow:hidden;
	margin-left:-240px;
}
.section-video {
    width:100%;
    height:auto;
    display:block;
	border-radius:30px 0 30px 0;
	Xborder-top:4px solid var(--y);
	border-bottom:4px solid var(--y);
}
.image-section .img {
	Xfilter:grayscale(100%);
	border-radius:30px 0 30px 0;
	border-bottom:4px solid var(--y);
}
.video-circle {
    width:300px;
    height:300px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    margin:0 auto;
	border:4px solid var(--y);
}
.video-circle:before {
	top:15px;
	left:35px;
	content:'';
	z-index:2;
	width:110px;
	height:61.7px;
	position:absolute;
	background-image:url('../img/camera-line.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.video-circle video {
    position:absolute;
    top:50%;
    left:50%;
    height:100%;
    width:auto;
    transform:translate(-50%, -50%);
    object-fit:cover;
}
.warning .w-top {
	margin-bottom:-20px;
}

@media (max-width:1400px) {
	.col-intro {
	max-width:760px;
	Xborder:1px solid var(--r);
	}
	.hero h3 span,
	.hero .col-intro h2 {
	font-size:30px;
	}
	.hero .col-intro h2 {
	line-height:1.2;
	}
	.hero h3 {
	right:100px;
	bottom:100px;
	width:800px;
	display:block;
	font-size:24px;
	}
	.small-photo {
	width:100px;
	height:100px;
	margin-top:-5px;
	}
}
@media (max-width:1280px) {
	.image-section,
	.video-section {
	margin-left:-190px;
	}
	.hero.contact h1,
	.hero.alt h1 {
	font-size:80px;
	}
}
@media (max-width:992px) {
	.col-intro {
	width:80%;
	margin:60px auto 0;
	-ms-grid-columns:160px 0 auto;
	grid-template-columns:160px auto;
	Xborder:1px solid var(--e);
	}
	.hero.contact h1,
	.hero.alt h1 {
	font-size:70px;
	}
	.hero h3 span,
	.hero .col-intro h2 {
	font-size:28px;
	}
	.hero h3 {
	bottom:60px;
	width:auto;
	line-height:1.25;
	padding:0 30px;
	}
	.hero .intro.alt h3 {
	width:600px;
	font-size:20px;
	right:auto;
	bottom:40px;
	}
	.image-section,
	.video-section {
	margin-left:-160px;
	}
}
@media (max-width:768px) {
	.image-section,
	.video-section {
	position:relative;
	width:100%;
	padding-top:15px;
	overflow:hidden;
	margin:auto;
	}
	.legacy .detective-badge {
	z-index:-1;
	width:98%;
	height:98%;
	top:0;
	left:120px;
	margin:20px auto 0;
	filter:none;
	}
	.warning .w-top {
	margin-bottom:0px;
	}
	.hero .intro.alt h3 {
	width:auto;
	font-size:18px;
	right:auto;
	bottom:10px;
	}
}
@media (max-width:576px) {
	.hero {
	min-height:500px;
	}
	.hero.contact h1,
	.hero.alt h1 {
	font-size:60px;
	line-height:1;
	}
	.col-intro {
	width:95%;
	-ms-grid-columns:130px 0 auto;
	grid-template-columns:130px auto;
	}
	.hero .intro {
	padding:0 30px;
	}
	.hero .col-intro h2 {
	font-size:22px;
	}
	.hero h3 {
	left:0;
	right:auto;
	bottom:40px;
	width:auto;
	line-height:1.25;
	font-size:20px;
	padding:0 30px;
	}
	.hero h3 span {
	font-size:22px;
	font-family:var(--f1);
	margin:-5px 0 10px !important;
	}
	.remembered {
	margin:0 auto 100px;
	}
	.medium-photo {
	width:300px;
	height:300px;
	}
	.legacy .medium-photo span {
	display:block;
	}
}
/*	============================================================
	Bg
	============================================================	*/
.bg1 {background:-webkit-gradient(linear,left top, left bottom,color-stop(15%, #181715),to(#7c7268));background:-o-linear-gradient(top,#181715 15%,#7c7268 100%);background:linear-gradient(to bottom,#181715 15%,#7c7268 100%);}

.bg2 {background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, #7c7268), to(#181715));background:-o-linear-gradient(top,#7c7268 25%, #181715 100%);background:linear-gradient(to bottom,#7c7268 25%, #181715 100%);}

.bg3 {background:-webkit-gradient(linear,left top, left bottom,color-stop(15%, #181715),to(#7c7268));background:-o-linear-gradient(top,#181715 15%,#7c7268 100%);background:linear-gradient(to bottom,#181715 15%,#7c7268 100%);
background:#7c7268;
position:relative;}

.bg8 {background:-webkit-gradient(linear,left top, left bottom,color-stop(5%, #7c7268),color-stop(60%, #181715),to(#181715));background:-o-linear-gradient(top,#181715 5%,#7c7268 60%,#181715 100%);background:linear-gradient(to bottom,#181715 5%,#7c7268 60%,#181715 100%);}

.bg3::before {
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(
	circle at center,
	rgba(255,255,255,0) 0%,
	rgba(0,0,0,0.35) 35%,
	rgba(0,0,0,0.75) 75%,
	rgba(0,0,0,1) 100%
	);	
	mix-blend-mode:multiply;
}

/*	============================================================
	Header links
	============================================================	*/
header {
	z-index:2;
	width:100%;
	position:absolute;
	Xborder:2px solid red;
}
header nav {
	height:100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	Xborder:1px solid red;
}
header nav ul {
	margin:0;
	list-style:none;
}
header nav li {
	position:relative;
	display:inline-block;
	margin:0 35px;
	border-bottom:2px solid transparent;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
	Xborder:1px solid red;
}
header nav li a {
	color:var(--y);
	font-size:30px;
	font-weight:100;
	display:block;
	font-family:var(--f1);
	padding:10px 0 10px 0;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
	Xborder:1px solid blue;
}
header nav li.active,
header nav li:hover {
	border-bottom:2px solid rgba(255,255,255,.5);
}
Xheader nav li:hover a {
	color:var(--g);
}
header nav a,
header nav a:active,
header nav a:focus {
	color:var(--y);
}
header nav li a.active {
	color:var(--y);
	border-bottom:2px solid var(--y);
}
header nav li:hover a.active {
	color:#111;
	border-bottom:2px solid #111;
}
.header-bar {
	top:0;
	left:0;
	opacity:0;
	position:fixed;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.header-bar.active {
	opacity:1;
	width:100%;
	height:100vh;
	border-bottom:none;
	background:rgba(0, 0, 0, 0.9);
}
header nav.active {
	top:30px;
	left:0;
	position:fixed;
	display:block;
}
.show-header-bar {
	opacity:1;
}
header nav.active {
	z-index:11;
}
header nav.active  li {
	display:block;
}


@media (max-width:1200px) {
	header nav {
	display:none;
	}
}
/*	============================================================
	Status Indicators
	============================================================	*/
.status {
	height:13px;
	width:13px;
	border-radius:50%;
	-webkit-transform:scale(1);
		-ms-transform:scale(1);
			transform:scale(1);
	display:inline-block;
	margin:0 -6px 15px 8px;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,1);
			box-shadow:0 0 0 0 rgba(0,0,0,1);
}
.status.yellow {
	background:var(--y);
	-webkit-box-shadow:0 0 0 0 rgba(255,177,66,1);
			box-shadow:0 0 0 0 rgba(255,177,66,1);
	-webkit-animation:pulse-yellow 2s infinite;
			animation:pulse-yellow 2s infinite;
}
@-webkit-keyframes pulse-yellow {
	0% {
	-webkit-transform:scale(0.75);
			transform:scale(0.75);
	-webkit-box-shadow:0 0 0 0 rgba(255,177,66,0.7);
			box-shadow:0 0 0 0 rgba(255,177,66,0.7);
	}
	70% {
	-webkit-transform:scale(1.1);
			transform:scale(1.1);
	-webkit-box-shadow:0 0 0 10px rgba(255,177,66,0);
			box-shadow:0 0 0 10px rgba(255,177,66,0);
	}
	100% {
	-webkit-transform:scale(0.75);
			transform:scale(0.75);
	-webkit-box-shadow:0 0 0 0 rgba(255,177,66,0);
			box-shadow:0 0 0 0 rgba(255,177,66,0);
	}
}
@keyframes pulse-yellow {
	0% {
	-webkit-transform:scale(0.75);
			transform:scale(0.75);
	-webkit-box-shadow:0 0 0 0 rgba(255,177,66,0.7);
			box-shadow:0 0 0 0 rgba(255,177,66,0.7);
	}
	70% {
	-webkit-transform:scale(1.1);
			transform:scale(1.1);
	-webkit-box-shadow:0 0 0 10px rgba(255,177,66,0);
			box-shadow:0 0 0 10px rgba(255,177,66,0);
	}
	100% {
	-webkit-transform:scale(0.75);
			transform:scale(0.75);
	-webkit-box-shadow:0 0 0 0 rgba(255,177,66,0);
			box-shadow:0 0 0 0 rgba(255,177,66,0);
	}
}
/*	============================================================
	Overlay
	============================================================	*/
.overlay,
.overlay2,
.overlay3 {
	position:relative;
	overflow:hidden;
}
.overlay:before,
.overlay2:before,
.overlay3:before {
	top:0;
	left:0;
	z-index:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.4);
}
.overlay2:before {
	background:rgba(0,0,0,0.5);
}
.overlay3:before {
	background:rgba(0,0,0,0.6);
}
/*	============================================================
	Footer
	============================================================	*/
.big-bottom {
	padding:140px 0 30px;
}
.big-bottom .btn {
	height:60px;
	width:160px;
	font-size:22px;
	cursor:pointer;
	color:var(--y);
	padding:0;
	margin-left:15px;
	border-radius:30px;
	text-decoration:none;
	border:2px solid var(--y);
	background-color:transparent;

	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;	

	font-family:var(--f2);
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.big-bottom .z-index {
	z-index:1;
}
footer {
	color:#fff;
	position:relative;
	background:transparent;
	margin:140px 0 0 0;
}
footer small {
	font-size:18px;
	color:var(--w);
	display:block;
}
footer .img {
	width:320px;
}
footer .socials {
	text-align:right;
}
footer .col-2 {
	display:-ms-grid;
	display:grid;
	grid-column-gap:30px;
	-ms-grid-columns:auto 30px auto;
	grid-template-columns:auto auto;
}
footer .mlm {
	margin:0 70px 0 70px;
}
footer .col-3 div:nth-child(2) {
	margin:auto;
}

@media (max-width:1200px) {
	footer .mlm {
	margin:0 30px 0 30px;
	}
}
@media (max-width:576px) {
	footer .col-2 {
	grid-column-gap:0;
	grid-template-columns:100%;
	}
	footer .mlm {
	margin:0 auto;
	}
	footer .mlm .col-2 .text-right {
	text-align:center;
	}
	.big-bottom .btn {
	font-size:18px;
	}
	.big-bottom {
	padding:120px 0 100px;
	text-align:center;
	}
	footer .socials {
	text-align:center;
	}
	footer small {
	font-size:16px;
	}
}
.instagram,
.twitter,
.facebook,
.tiktok,
.youtube {
	position:relative;
	display:inline-block;
}
.youtube {
	margin-right:-20px;
}
.twitter:before,
.instagram:before,
.facebook:before,
.tiktok:before,
.youtube:before  {
	width:30px;
	height:28px;
	content:'';
	display:inline-block;
	position:relative;
	background:var(--w);
	margin-right:20px;
	mask:url(../img/x-logo.svg) var(--mask);
	-webkit-mask:url(../img/x-logo.svg) var(--mask);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.instagram:before {
	width:40px;
	height:30px;
	mask:url(../img/instagram.svg) var(--mask);
	-webkit-mask:url(../img/instagram.svg) var(--mask);
}
.facebook:before {
	width:40px;
	height:30px;
	mask:url(../img/facebook-logo.svg) var(--mask);
	-webkit-mask:url(../img/facebook-logo.svg) var(--mask);
}
.tiktok:before {
	width:40px;
	height:30px;
	mask:url(../img/tiktok.svg) var(--mask);
	-webkit-mask:url(../img/tiktok.svg) var(--mask);
}
.youtube:before {
	width:40px;
	height:30px;
	mask:url(../img/youtube.svg) var(--mask);
	-webkit-mask:url(../img/youtube.svg) var(--mask);
}
.instagram:hover:before,
.facebook:hover:before,
.twitter:hover:before,
.tiktok:hover:before,
.youtube:hover:before {
	background:var(--g);
}
.contact .instagram:before,
.contact .twitter:before,
.contact .facebook:before,
.contact .tiktok:before,
.contact .youtube:before {
	opacity:.75;
	margin-top:10px;
}
/*	============================================================
	Form grid
	============================================================	*/
.grid-subs {
	display:-ms-grid;
	display:grid;
	margin-top:100px;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:auto 0 auto;
	grid-template-columns:auto auto;
}
.grid-subs input[type="email"] {
	width:400px;
}
.grid-subs .form-group input {
	bottom:-8px;
}
@media (min-width:769px) {
	.grid-subs div:first-child {
	margin:0 0 0 auto;
	}
}
@media (max-width:768px) {
	.grid-subs {
	-ms-grid-columns:auto 0 max-content;
	grid-template-columns:auto -webkit-max-content;
	grid-template-columns:auto max-content;
	}
	.grid-subs input[type="email"] {
	width:100%;
	}
}
@media (max-width:576px) {
	.grid-subs {
	margin-top:10px;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	}
	.grid-subs div:last-child {
	margin:15px 0 0 auto;
	}
}
/*	============================================================
	Form Cleaners
	============================================================	*/
input:focus,
input:active,
input:focus-within {
	border:0;
	outline:none;
	background:transparent;
	-webkit-box-shadow:none;
	-webkit-appearance:none;
}
input::-ms-expand {
	border:0;
	background-color:transparent;
}
/*	============================================================
	Inputs
	============================================================	*/
input,
select,
textarea {
	margin:0;
	border:0;
	padding:0;
	width:100%;
	outline:none;
	color:var(--l);
	background:transparent;
	font-family:var(--f2);
}
.form-group {
	position:relative;
	margin:30px 0 10px;
}
.form-group input {
	height:60px;
	font-size:28px;
	position:relative;
	letter-spacing:1px;
}
.form-group textarea {
	overflow:auto;
	resize:vertical;
	position:relative;
}
/*	============================================================
	Inputs as lines
	============================================================	*/
.alt.form-group textarea {
	height:100px;
	font-size:24px;
	overflow:auto;
	resize:vertical;
	position:relative;
	margin:20px 0 10px;
}
.alt.form-group input:not(:-moz-placeholder-shown) ~ label,
.alt.form-group textarea:not(:-moz-placeholder-shown) ~ label {
	opacity:0.6;
	font-size:18px;
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px);
	transform:translate(0,-40px);
}
.alt.form-group input:not(:-moz-placeholder-shown) ~ label, .alt.form-group textarea:not(:-moz-placeholder-shown) ~ label {
	opacity:0.6;
	font-size:18px;
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px);
	transform:translate(0,-40px);
}
.alt.form-group input:not(:-ms-input-placeholder) ~ label, .alt.form-group textarea:not(:-ms-input-placeholder) ~ label {
	opacity:0.6;
	font-size:18px;
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px);
	transform:translate(0,-40px);
}
.alt.form-group input:focus ~ label,.alt.form-group input:not(:placeholder-shown) ~ label,
.alt.form-group textarea:focus ~ label,.alt.form-group textarea:not(:placeholder-shown) ~ label {
	opacity:0.6;
	font-size:18px;
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px);
	transform:translate(0,-40px);
}
.alt.form-group label {
	top:5px;
	left:1px;
	opacity:0.8;
	font-size:20px;
	line-height:60px;
	position:absolute;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	z-index:0;
}
.alt.form-group input {
	z-index:1;
}
.alt.form-group hr {
	left:0;
	bottom:0;
	border:0;
	height:1px;
	margin:0 auto;
	width:100%;
	background:var(--y);
	position:absolute;
}
.alt.form-group hr:before,
.alt.form-group hr:after {
	width:0;
	height:1px;
	content:'';
	position:absolute;
	background:var(--w);
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.alt.form-group hr:before {
	left:50%;
}
.alt.form-group hr:after {
	right:50%;
}
.alt.form-group input:focus ~ hr:before,
.alt.form-group input:focus ~ hr:after,
.alt.form-group textarea:focus ~ hr:before,
.alt.form-group textarea:focus ~ hr:after {
	width:50%;
}
/*	============================================================
	Back to Top
	============================================================	*/
.back-to-top {
	opacity:0;
	height:40px;
	width:40px;
	right:25px;
	bottom:-50px;
	z-index:12;
	position:fixed;
	cursor:pointer;
	border-radius:50%;
	background-color:rgba(60,60,60,.3);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:before {
	top:11px;
	left:10px;
	opacity:.6;
	width:20px;
	height:20px;
	content:'';
	display:block;
	position:absolute;
	background-color:var(--y);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	mask:var(--arrow-mask);
	-webkit-mask:var(--arrow-mask);
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
.back-to-top:hover {
	opacity:0.8;
	background-color:var(--g);
}
.back-to-top:hover:before {
	background-color:#333;
}
.show-to-top {
	opacity:1;
	bottom:23px;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
@media (max-width:576px) {
	.back-to-top {
	display:none;
	}
}

/*	============================================================
	Button
	============================================================	*/
.btn {
	height:60px;
	width:280px;
	font-size:22px;
	cursor:pointer;
	color:var(--y);
	padding-left:5px;
	border-radius:30px;
	text-decoration:none;
	border:2px solid var(--y);
	background-color:transparent;

	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;	

	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
}
.btn span {
	font-size:26px;
	padding:0 0 0 8px;
}
.btn.btn-back {
	width:220px;
}
.btn.btn-sm {
	color:#333;
	font-size:16px;
	padding:8px 18px;
}
.btn.btn-md {
	font-size:18px;
	padding:18px 34px;
}
.b-act .btn,
.b-act .btn:hover {
	color:var(--b);
	cursor:default;
	background-color:var(--w);
}
.btn.alt {
	color:var(--w);
	background:#00c6ff;
	background:-o-linear-gradient(45deg, var(--bb) 0%,var(--b) 100%);
	background:linear-gradient(45deg, var(--bb) 0%,var(--b) 100%);
}
.on .btn {
	color:var(--b);
	background-color:var(--w);
}
.btn:active,
.btn:focus,
.btn:hover {
	color:var(--g);
	Xtext-shadow:0 -1px rgba(0,0,0,.4);
	border:2px solid rgba(255,255,255,.5);
}
.btn.dim {
	background-color:rgba(100,100,100,.5);
}
.btn.dim:hover {
	background-color:rgba(100,100,100,.2);
}
.btn.disable {
	cursor:default;
}
@media (max-width:768px) {
	.btn {
	font-size:18px;
	width:240px;
	}
}

/*	============================================================
	Video & Intro
	============================================================	*/
.hero video {
	z-index:0;
    top:50%;
    left:50%;
    height:100%;
    width:auto;
	display:block;
	object-fit:cover;
	position:absolute;
	filter:brightness(0.55);
    transform:translate(-50%, -50%);
}
.hero.alt video {
	min-width:100%;
}

.privacy {
	float:right;
	text-align:right;
	margin-top:-18px;
}
.privacy.tnx {
	float:none;
}
.privacy a {
	color:#fff;
}
.opening .icon {
	width:60px;
	height:auto;
	opacity:.8
}
.bio h2.h1 {
	line-height:.8;
}
.bio .img {
	width:450px;
	padding-right:20px;
}
.bio .role span {
	opacity:.8;
	color:var(--l);
}
.bio .img.bv2 {
	width:480px;
	padding-right:0px;
}
.bio .img.bv3 {
	width:465px;
	padding-right:0px;
}
.bio .img.bv4 {
	width:490px;
	padding:0 10px;
}
.text-section ul li {
	font-size:22px;
}
.face-off .col-1 {
	margin-top:260px;
}
.arrow-down {
	width:30px;
	height:auto;
	display:block;
	margin:-20px auto 10px;
	filter:invert(1);
	opacity:.75;
}
hr.hr-yellow  {border:0;border-top:4px solid var(--y);margin:-4px 0 80px;z-index:2;
	position:relative;}
.joe-vs-vito i {
	display:block;
	font-size:18px;
	margin:-10px 0 30px;
}

.legacy  a.h3 {
	text-decoration:none;
	Xpadding-bottom:3px;
}
.legacy  a.h3:hover span {
	color:var(--w);
	padding-left:3px;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
@media (max-width:1200px) {
	.bio h2.h1 {
	font-size:50px;
	}
}
@media (max-width:768px) {
	.privacy {
	float:none;
	text-align:left;
	margin-top:-58px;
	}
	.bio h2.h1 {
	font-size:42px;
	}
	.text-section ul li {
	font-size:18px;
	}
}
@media (max-width:576px) {
	.hero video {
	display:none;
	}
	.face-off .col-1 {
	margin-top:100px;
	}
	.privacy {
	float:none;
	text-align:center;
	margin-top:-58px;
	}
	.bio .img {
	width:90%;
	display:block;
	padding-right:20px;
	margin:0 auto !important;
	}
}
/*	============================================================
	Split plate
	============================================================	*/
.split {
	padding:0;
	position:relative;
}
.split .col-2-50 {
	overflow:hidden;
	position:relative;
}
.split.warning {
	padding-top:160px;
	padding-bottom:160px;
}
.split .col-2-50 div {
	padding:220px 90px 220px 0;
}
.split p,
.split h2,
.split h3,
.split .btn {
	z-index:1;
	position:relative;
}
.split:after {
	top:0;
	left:0;
	z-index:0;
	content:'';
	width:50%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.75);
}
@media (max-width:768px) {
	.split:after {
	width:100%;
	background:rgba(0,0,0,0.3)
	}
	.col-2-50 {
		-ms-grid-columns:100%;
		grid-template-columns:100%;
	}
	.split .col-2-50 div {
		height:auto;
		padding:140px 0 100px 0;
		text-align:center;
	}
	.split .btn {
		text-align:center;
		margin:0 auto;
	}
	.split.warning {
	padding:100px 15px;
	}
}
@media (max-width:576px) {
	.split .col-2-50 div {
		padding:120px 15px 120px;
	}
	.split a {
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
	}
}
/*	============================================================
	Thanks
	============================================================	*/
.thanks:before {
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100vh;
	min-height:100%;
	z-index:998;
	display:block;
	position:fixed;
	background:rgba(0,0,0,0.7);
}
.thanks:after {
	left:50%;
	top:45%;
	width:10px;
	height:10px;
	content:'';
	z-index:998;
	position:fixed;
	border-radius:50%;
	text-align:center;
	background-color:var(--y);
	-webkit-animation-name:flash;
	animation-name:flash;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-iteration-count:4;
			animation-iteration-count:4;
}
.thanks {
	width:100%;
	height:100vh;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.thanks .card {
	top:35%;
	width:800px;
	max-width:90%;
	height:auto;
	z-index:999;
	position:fixed;
	margin:0 auto;
	background:var(--gg);
	border-radius:var(--br1);
	padding:80px 40px 40px 40px;
	-webkit-box-shadow:0 0 18px var(--k);
			box-shadow:0 0 18px var(--k);
}

.thanks .close {
	right:30px;
	top:35px;
	height:30px;
	width:30px;
	z-index:999;
	display:block;
	position:absolute;
}
.thanks .close:before,
.thanks .close:after {
	left:10px;
	height:30px;
	width:4px;
	content:'';
	z-index:999;
	border-radius:3px;
	position:absolute;
	background-color:var(--y);
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.thanks .close:after {
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.thanks .close:hover:before,
.thanks .close:hover:after {
	opacity:.6;
}
.thanks.promo .card:before {
	display:none;
}
.thanks.promo .card {
	padding:60px 40px 40px 40px;
}
@media (max-width:576px) {
	.thanks .card  {
	top:5%;
	}
	.thanks .card h4  {
	font-size:var(--h4);
	}
}
/*	============================================================
	Animated Characters
	============================================================	*/
.animate-char {
	color:#fff;
	background-size:auto auto;
	background-clip:border-box;
	background-size:200% auto;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 8s reverse linear infinite;
	background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, var(--l)), to(#e5d4b5));
	background-image:-o-linear-gradient(left, transparent 0%, var(--l) 30%, #e5d4b5 100%);
	background-image:linear-gradient(90deg, transparent 0%, var(--l) 30%, #e5d4b5 100%);
}

@-webkit-keyframes textclip {
	to {
		background-position:200% center;
	}
}
@keyframes textclip {
	to {
		background-position:200% center;
	}
}
/*	============================================================
	Effects
	============================================================	*/
.animated.scroll-out,
.scroll-out .animated {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	visibility:hidden !important;
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
/*	============================================================
	Animated bits
	============================================================	*/
@-webkit-keyframes tilt {
	from {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(9deg);
		transform:rotate(9deg);
	}
}
@keyframes tilt {
	from {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(9deg);
		transform:rotate(9deg);
	}
}
.tilt {
	-webkit-animation-name:tilt;
	animation-name:tilt;
}
.animated.tilt {
	-webkit-animation-duration:4s;
	animation-duration:4s;
}
@-webkit-keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
@keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
.flash {
	-webkit-animation-name:flash;
	animation-name:flash;
}
/* Fadin In extra */
.fadeIn2 {
	-webkit-animation:fadeIn;
	animation:fadeIn;
	-webkit-animation-duration:3s;
	animation-duration:3s;
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
@keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }
  to {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}
@keyframes fadeInDown {
  from {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
  }
  to {
	opacity:1;
	-webkit-transform:none;
	transform:none;
  }
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}

@-webkit-keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
}
.animated.delay-01s{-webkit-animation-delay:.1s;animation-delay:.1s}
.animated.delay-02s{-webkit-animation-delay:.2s;animation-delay:.2s}
.animated.delay-03s{-webkit-animation-delay:.3s;animation-delay:.3s}
.animated.delay-04s{-webkit-animation-delay:.4s;animation-delay:.4s}
.animated.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}
.animated.delay-06s{-webkit-animation-delay:.6s;animation-delay:.6s}
.animated.delay-07s{-webkit-animation-delay:.7s;animation-delay:.7s}
.animated.delay-08s{-webkit-animation-delay:.8s;animation-delay:.8s}
.animated.delay-09s{-webkit-animation-delay:.9s;animation-delay:.9s}
.animated.delay-1s {-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-11s {-webkit-animation-delay:1.1s;animation-delay:1.1s}
.animated.delay-12s {-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated.delay-16s {-webkit-animation-delay:1.6s;animation-delay:1.6s}
.animated.delay-2s {-webkit-animation-delay:2s;animation-delay:2s}
@media (prefers-reduced-motion) {
	.animated {
	-webkit-animation:unset !important;
	animation:unset !important;
	-webkit-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
	}
}
/* to cancel anim on mobile */
@media (max-width:576px) {
	@-webkit-keyframes tilt {
		from {
		-webkit-transform:none;
		transform:none;
		}
		to {
		-webkit-transform:none;
		transform:none;
		}
		}
		@keyframes tilt {
		from {
		-webkit-transform:none;
		transform:none;
		}
		to {
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes fadeInDown {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInDown {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes fadeInUp {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInUp {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}	
	@-webkit-keyframes fadeInLeft {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInLeft {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes fadeInRight {
		from {
		opacity:0;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@keyframes fadeInRight {
		from {
		opacity:0;
		-webkit-transform:none;
		transform:none;
		}
		to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
	}
	@-webkit-keyframes zoomIn {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		50% {
		opacity:1;
		}
	}
	@keyframes zoomIn {
		from {
		opacity:1;
		-webkit-transform:none;
		transform:none;
		}
		100% {
		opacity:1;
		}
	}
}
/*	============================================================
	Hamburger
	============================================================	*/
.hamburger {
	width:30px;
	height:25px;
	display:none;
	padding-top:12px;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	Xborder:1px solid red;
}
.hamburger.active {
	right:30px;
	top:30px;
	z-index:11;
	display:block;
	position:fixed;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
	right:0;
	height:3px;
	width:30px;
	content:'';
	display:block;
	border-radius:1px;
	position:absolute;
	background:var(--y);
	-webkit-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}
.hamburger span:before {
	top:-9px;
	background:inherit;
}
.hamburger span:after {
	bottom:-9px;
	background:inherit;
}
.hamburger.open span {
	height:0;
	width:0;
	right:-5px;
}
.hamburger.open {
	Xtop:38px;
	position:fixed;
}
.hamburger.open span:before {
	top:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.hamburger.open span:after {
	bottom:-3px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.hamburger:hover span {
	opacity:0.6;
}
@media (min-width:1200px) {
	X.hamburger {
		/* Unique! */
		display:none;
	}
}
@media (min-width:768px) {
	X.hamburger {
		right:60px;
	}
}
@media (max-width:1200px) {
	.hamburger {
	right:30px;
	top:30px;
	z-index:11;
	display:block;
	position:fixed;
	}
}
/*	============================================================
	Blockquote
	============================================================	*/
.blockquote {
	height:800px;
	padding:60px 0 60px 20%;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:hidden;
}
.blockquote video {
	z-index:0;
	width:auto;
	height:auto;
	display:block;
	min-height:100%;
	min-width:100%;
	position:absolute;
	-webkit-filter:brightness(0.4);
	filter:brightness(0.4);
	
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    object-fit:cover;
}
.blockquote .grid {
	margin-top:100px;
	-ms-flex-item-align:center;
	-ms-grid-row-align:center;
	align-self:center;
}
blockquote {
	z-index:2;
	padding-left:80px;
	width:820px;
	line-height:1.3;
	position:relative;
}
blockquote:before {
	left:-10px;
	top:-30px;
	width:75px;
	height:75px;
	content:'';
	cursor:pointer;
	position:absolute;
	display:inline-block;
	background:var(--y);
	mask:url(../img/quotes.svg) var(--mask);
	-webkit-mask:url(../img/quotes.svg) var(--mask);
}
.blockquote h3,
.blockquote h4 {
	z-index:2;
	color:var(--w);
	line-height:1.3;
}
.blockquote h4 {
	opacity:0.8;
	text-align:right;
}
@media (max-width:992px) {
	.blockquote h3,
	.blockquote h4 {
		text-shadow:
			0 0 5px #000,
			0 0 10px #000;
	}
	blockquote {
		width:90%;
	}
}
@media (max-width:576px) {
	.blockquote {
		height:460px;
		padding:40px 30px 40px;
	}
	blockquote {
		padding-left:60px;
	}
	blockquote:before {
		left:10px;
		top:-20px;
		width:40px;
		height:45.2px;
	}
	.blockquote h3 {
		text-shadow:0 0 10px #000;
	}
	.blockquote h4 {
		text-shadow:none;
	}
}

/*	============================================================
	Blog
	============================================================	*/
.hero-blog .news-date span {
	opacity:.8;
	color:var(--l);
	font-size:20px;
}
X.col-blog {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:5%;
	-ms-grid-columns:65% 5% 30%;
	grid-template-columns:65% 30%;
}
.blog-cta {
	display:block;
	font-size:var(--t2);
	margin:60px 0 140px 0;
	text-align:center;
	line-height:1.4;
}
.blog-welcome {
	text-align:right;
}
.blog-welcome .img {
	width:65%
}
X.blog-body.card {
	padding:45px 40px 40px 40px;
}
.blog-card {
	cursor:default;
	text-decoration:none;
}
.blog-card:hover .blog-title {
	color:var(--y);
	cursor:pointer;
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.blog-card .blog-title:hover {
	color:var(--g);
}
.blog-body .category-tag {
	height:35px;
	color:var(--g);
	font-size:20px;
}
.hero .category-tag span {
	height:30px;
	opacity:.8;
	color:var(--l);
	font-size:24px;
}
.blog-body .news-date {
	opacity:.6;
	color:var(--l);
	margin:-15px 0 20px;
}
.blog-body .news-date span {
	color:var(--g);
}
.blog-body .blog-text {
	opacity:.9;
	color:var(--l);
}
.blog-body .arrow {
	opacity:.8;
	width:124px;
	height:17px;
	padding:40px 0 0 0;
	display:block;
	margin-top:0px;
	cursor:pointer;
	background-color:var(--y);
	mask:url(../img/icon-arrow-long-right.svg) var(--mask);
	-webkit-mask:url(../img/icon-arrow-long-right.svg) var(--mask);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.blog-body .arrow:hover {
	opacity:1;
	margin:25px 0 0 15px;
	background:var(--g);
}
.blog-body.card .cover {
	border-radius:var(--br2);
}
.blog-author {
	display:table;
}
.blog-author div {
	font-size:18px;
	line-height:16px;
	color:var(--c10);
	padding-top:0px;
	white-space:nowrap;
}
.blog-author div span {
	font-size:14px;
	opacity:.8;
}
.blog-author div i {
	font-size:14px;
	display:block;
	opacity:.5;
}
.blog-author img {
	width:50px;
	height:50px;
	border-radius:50%;
	float:left;
	display:block;
	margin-right:10px;
}
.blog-post {
	padding-bottom:80px;
}
.blog-post li {
	line-height:1.2;
	font-weight:700;
	font-family:var(--f2);
}
.blog-post h2 {
	line-height:1.3;
	font-size:30px;
	font-family:var(--f2);
	letter-spacing:normal;
}
.blog-post p strong {
	font-weight:700;
}
.blog-post ul {
	padding-left:0;
	list-style:none;
	list-style-position:inside;
}
.blog-post ul li {
	margin-bottom:10px;
}
.blog-post hr {
	border-top:1px dotted #ccc;
}
.blog-post figure {
	display:block;
	margin:15px 0;
	text-align:center;
}
.blog-post figure figcaption {
	font-size:16px;
	color:var(--l);
	opacity:.8;
	margin-top:10px;
}
.blog-post .img {
	border-radius:var(--br2);
	-webkit-filter:drop-shadow(5px 5px 10px #333);
	        filter:drop-shadow(5px 5px 10px #333);
}
.blog-quote {
	margin-top:40px;
	font-style:italic;
	padding:5px 20px 5px 40px;
	border-left:10px solid var(--y);
	font-family:Karla,sans-serif;
	font-weight:700;
}
.blog-quote p {
	margin-bottom:0;
}
.blog-post p small {
	font-weight:400;
}
X.blog-avatar {
	width:180px;
	height:180px;
	position:relative;
	float:left;
	margin:0 30px 15px 0;
	border-radius:100%;
	overflow:hidden;
	border:2px solid #eee;
}
.blog-author {
	display:table;
}
.blog-author div {
	font-size:18px;
	line-height:16px;
	color:var(--l);
	padding-top:0px;
	white-space:nowrap;
}
.blog-author div span {
	font-size:14px;
	opacity:.8;
	display:block;
	padding-top:5px;
}
.blog-author div i {
	font-size:14px;
	display:block;
	opacity:.6;
	padding-bottom:2px;
}
.blog-author img {
	width:55px;
	height:55px;
	border-radius:50%;
	float:left;
	display:block;
	margin-right:10px;
}
@media (max-width:768px) {
	.col-blog {
	grid-row-gap:50px;
	grid-column-gap:0;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
	padding:0 15px 0 15px;
	}
	.blog-avatar {
	width:120px;
	height:120px;
	}
}
/*	============================================================
	Assets
	============================================================	*/
.assets .logos {
	margin:auto auto auto 0;
	height:auto;
	width:90%;
}
.i-show {
	border-radius:var(--br3);
	box-shadow:rgba(255,255,255,.2) -1px -1px 4px 0px,rgba(0,0,0,.8) 1px 1px 4px 0px;
}
.assets .col-2 .item {
	position:relative;
	border-radius:var(--br1);
	margin-bottom:0;
	padding:10px 30px 5px 40px;
	background:rgba(60,60,60,.5);
	box-shadow:rgba(255,255,255,.2) -1px -1px 4px 0px,rgba(0,0,0,.8) 1px 1px 4px 0px;
}
.assets .col-2 .item.lite {
	color:#111;
	background:#fffaee;
	box-shadow:rgba(255,255,255,.6) -1px -1px 4px 0px,rgba(0,0,0,8) 1px 1px 4px 0px;
}
.assets .logo-col-2 {
	display:-ms-grid;
	display:grid;
	grid-row-gap:40px;
	grid-column-gap:5%;
	-ms-grid-columns:auto 5% 85px;
	grid-template-columns:auto 85px;
}
.list-block {
	padding-left:0;
	margin-left:0;
	list-style:none;
}
.assets .list-block a {
	color:#999;
	text-decoration:none;
	line-height:68px;
	font-size:20px;
	height:70px;
	width:70px;
	display:block;
	margin:15px auto 15px;
	border-radius:50%;
	text-align:center;
	border:2px solid var(--y);
	-webkit-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	transition:.2s ease-out;
}
.assets .list-block a:hover {
	color:var(--k);
	border-color:#888;
}
.assets .item span {
	display:block;
	font-size:18px;
	margin-top:10px;
}
/*	============================================================
	YouTube
	============================================================	*/
.youtube-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: var(--br2);
    overflow: hidden;
    box-shadow: 5px 5px 10px #333;
}
.youtube-container iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
}
/*	============================================================
	Margin
	============================================================	*/
.mt10	{margin-top:10px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt60	{margin-top:60px;}
.mt80	{margin-top:80px;}
.mt100	{margin-top:100px;}
.mt140	{margin-top:140px;}
.mt-10	{margin-top:-10px;}
.mt-20	{margin-top:-20px;}
.mt-40	{margin-top:-40px;}
.mt-60	{margin-top:-60px;}
.mt-80	{margin-top:-80px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb60	{margin-bottom:60px;}
.mb80	{margin-bottom:80px;}
.mb100	{margin-bottom:100px;}
.mb140	{margin-bottom:140px;}
.mb-15	{margin-bottom:-15px;}
.mb-20	{margin-bottom:-20px;}
.mb-40	{margin-bottom:-40px;}

.wm550 {width:550px;}
.wm400 {width:400px;}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/