/* ------------------------------------------------------------- \/ \/ \/ Common (Not Changing) */
html {
	font-family: "Poppins", sans-serif;
}
body {
	background-color: #fff;
	min-height: 100dvh;
	padding: 0;
	margin: 0;
}
body.blank {
	display: none;
}
root {
	width: 100%;
}
hr {
	border: none;
	width: 100%;
	height: 0.5vh;
	background-color: #909;
}
/* ------------------------------------------------------------- /\ /\ /\ Common (Not Changing) */
/* ------------------------------------------------------------- \/ \/ \/ Main */
main {
	color: #000;
	background-color: #fff;
	position: absolute;
	z-index: 1;
}
.v .navmain main {
	position: fixed;
	top: 100dvh;
}
.v .intro main {
	position: fixed;
	top: 100dvh;
}
/* ------------------------------------------------------- */
.v .page main {
	font-family: "Inter", sans-serif;
	font-weight: 300;
	color: #000;
	background-color: #fff;
	top: 100dvh;
	left: 5dvw;
	width: 90dvw;
	min-height: 100dvh;
	padding: 100dvh 0 0 0;
	z-index: -1;
	animation: 0.4s 0.65s linear 1 forwards page-move-top-v;
}
@keyframes page-move-top-v {
  from {
	top: 100dvh;
	padding: 100dvh 0 0 0;
  }
  to {
	top: 18dvh;
	padding: 5dvh 0 0 0;
  }
}
/* ------------------------------------------------------- */
.v .pageout main {
	font-family: "Inter", sans-serif;
	font-weight: 300;
	color: #000;
	background-color: #fff;
	top: 18dvh;
	left: 5dvw;
	width: 90dvw;
	min-height: 100dvh;
	padding: 5dvh 0 0 0;
	animation: 0.5s 0.1s linear 1 forwards page-move-out-v;
}
@keyframes page-move-out-v {
  from {
	top: 18dvh;
  }
  to {
	top: 100dvh;
  }
}
/* ------------------------------------------------------- */
.v .navmain main, .v .introout main, .v .navmainout main {
	font-family: "Inter", sans-serif;
	font-weight: 300;
	color: #000;
	position: absolute;
	background-color: #fff;
	top: 100dvh;
	left: 5dvw;
	width: 90dvw;
	min-height: 100dvh;
}
/* ------------------------------------------------------- */
.v #padding {
	width: 100%;
	height: 100dvh;
	animation: 0.4s 0.1s linear 1 forwards pillow-up;
}
@keyframes pillow-up {
  from {
	height: 100dvh;
  }
  to {
	height: 0dvh;
  }
}
.v #paddingon {
	width: 100%;
	height: 0dvh;
	animation: 0.4s 0.1s linear 1 forwards padding-on;
}
@keyframes padding-on {
  from {
	height: 0dvh;
  }
  to {
	height: 100dvh;
  }
}
/* ------------------------------------------------------- */
.v #pageheaderout {
	left: 0dvw;
	animation: 0.5s 0.1s linear 1 forwards page-header-out;
}
@keyframes page-header-out {
  from {
	left: 0dvw;
  }
  to {
	left: -100dvw;
  }
}
/* ------------------------------ V/H ------------------------------ */
.h .page main {
	position: absolute;
	top: 100dvh;
	left: 28dvw;
	width: 67dvw;
	font-weight: 300;
	min-height: 100dvh;
	animation: 0.4s 0.65s linear 1 forwards main-move-up;
}
@keyframes main-move-up {
  from {
	top: 100dvh;
  }
  to {
	top: 0dvh;
  }
}
/* ------------------------------------------------------- */
.h .navmain main {
	top: 10dvh;
	animation: 0.4s 0.65s linear 1 forwards page-move-out;
}
@keyframes page-move-out {
  from {
	top: 10dvh;
  }
  to {
	top: 100dvh;
  }
}
/* ------------------------------------------------------- */
.h .pageout main {
	width: 67dvw;
	top: 0dvh;
	left: 28dvw;
	animation: 0.5s 0.5s linear 1 forwards page-mainout-h;
}
@keyframes page-mainout-h {
  from {
	top: 0dvh;
  }
  to {
	top: 100dvh;
  }
}
/*------------------------------------- Main (Keep Out) */
.h .introout main, .h .navmain main, .h .navmainout main, .h .navmainleft main {
	display: none;
	top: 100dvh;
}
/* ------------------------------------------------------- */

/* ------------------------------------------------------------- /\ /\ /\ Main */
.link {
	text-decoration: underline;
	color: #909;
	font-style: italic;
	cursor: pointer;
}
/* ------------------------------------------------------------- \/ \/ \/ Introbox */
.introbox {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: fixed;
	z-index: 3;
	opacity: 1;
	cursor: pointer;
	border-radius: 2.7vh;
}
/*------------------------------------- Introbox (Keep Out) */
.navmainleft .introbox, .leftnavlogoout .introbox {
display: none;
}
/* ------------------------------------------------------------- /\ /\ /\ Introbox */
/* ------------------------------------------------------------- \/ \/ \/ p */
p {
		text-justify: auto;
		background-color: #fff;
		font-weight: 400;
		padding: 0;
		margin: 0 0 3dvh 0;
}
/* ------------------------------------------------------- */
.v p {
	font-size: calc(100dvw*0.05);
	line-height: calc(100dvw*0.065);
	text-indent: 5dvw;
}
/* ------------------------ V/H -------------------------- */
.h p {
	font-size: calc(100dvw*0.015);
	line-height: calc(100dvw*0.02);
	text-indent: 2dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ p */
/* ------------------------------------------------------------- \/ \/ \/ Header */
header {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 0;
}
/* ------------------------------------------------------- */
.v header {
	width: 100dvw;
	height: 17dvh;
}
.v .page header {
}
/* ------------------------ V/H -------------------------- */
.h header {
	height: 10dvh;
	width: 25dvw;
}
.h .page header {
	width: 26dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Header */
/* ------------------------------------------------------------- \/ \/ \/ Logo */
	.logo {
		background-image: url('/images/polos.custom4business.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		position: fixed;
		cursor: pointer;
	}
	/* ------------------------------------------------------- */
	.v .logo {
		width: 56dvw;
		height: 5vh;
		top: 2dvh;
		left: 22dvw;
		background-position: center;
		background-size: 100%;
		z-index: 10;
	}
/* ------------------------ V/H -------------------------- */
.h .intro .logo {
	height: 5dvh;
	width: 32dvw;
	top: -8dvh;
	left: 10dvw;
	animation: 0.5s 1.8s linear 1 forwards intro-logo-h;
}
@keyframes intro-logo-h {
  from {
		top: -8dvh;
  }
	to {
		top: 2.5dvh;
	}
}
/* ------------------------------------------------------- */
.h .introout .logo {
	height: 5dvh;
	width: 32dvw;
	top: 2.5dvh;
	left: 10dvw;
	animation: 0.8s 0.3s linear 1 forwards introout-logo-h;
}
@keyframes introout-logo-h {
  from {
  	width: 32dvw;
		top: 2.5dvh;
		left: 10dvw;
  }
	to {
		width: 28dvw;
		top: 3dvh;
		left: 3dvw;
	}
}
/* ------------------------------------------------------- */
	.h .navmain .logo {
		height: 5dvh;
		width: 28dvw;
		top: 3dvh;
		left: 3dvw;
	}
	/* ------------------------------------------------------- */
	.h .page .logo {
		height: 5dvw;
		width: 80dvh;
		top: -200dvh;
		left: calc(-40dvh + 2.5dvw);
		transform: rotate(-90deg);
		animation: 0.8s 0.3s linear 1 forwards page-logo-in-h;
	}
	@keyframes page-logo-in-h {
  from {
		top: -200dvh;
  }
	to {
		top: calc(50dvh - 2.5dvw);
	}
}
	/* ------------------------------------------------------- */
	.h .leftnavlogoout .logo {
		height: 5dvw;
		width: 80dvh;
		top: calc(50dvh - 2.5dvw);
		left: calc(-40dvh + 2.5dvw);
		transform: rotate(-90deg);
		animation: 0.5s 0s linear 1 forwards left-logo-out-h;
}
@keyframes left-logo-out-h {
  from {
		top: calc(50dvh - 2.5dvw);
  }
	to {
		top: -100dvh;
	}
}
/* ------------------------------------------------------------- /\ /\ /\ Logo */
/* ------------------------------------------------------------- \/ \/ \/ Top Mask */
#topmask {
	display: none;
}
.v .page #topmask {
	display: block;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100dvw;
	height: 17dvh;
	z-index: 0;
}
/* ------------------------------------------------------------- /\ /\ /\ Top Mask */
/* ------------------------------------------------------------- \/ \/ \/ Nav */
#navicon {
		position: fixed;
		background-image: url('/images/nav.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		cursor: pointer;
}
	/* ------------------------------------------- */
	.navmain #navicon {
		opacity: 0;
		width: 3dvh;
		height: 3dvh;
		left: 10dvw;
		top: 3.2dvh;
}
	/*-------------------------------------------------------- Nav (Intro) */
.intro #navicon {
		opacity: 0;
		width: 3dvh;
		height: 3dvh;
		left: 10dvw;
		top: 3.2dvh;
		animation: 1s 1s linear 1 forwards nav-show-v;
}
@keyframes nav-show-v {
  from {
		opacity:0;
  }
	to {
		opacity:1;
  }
}

.v .introout #navicon {
	opacity: 1;
	width: 3dvh;
	height: 3dvh;
	left: 10dvw;
	top: 3.2dvh;
	animation: 0.5s 0s linear 1 forwards nav-out-v;
}
@keyframes nav-out-v {
  from {
		opacity:1;
  }
  to {
		opacity:0;
  }
}
/* -------------------------------- V/H -------------------------------- */
.h #navicon {
		opacity: 0;
		width: 4dvh;
		height: 4dvh;
		left: 3dvw;
		top: 3dvh;
}
/* ------------------------------------------------------- */
.h .introout #navicon {
	opacity: 1;
	display: block;
	animation: 0.25s 0.1s linear 1 forwards nav-out-h;
}
@keyframes nav-out-h {
  from {
		opacity:1;
		display: block;
  }
  to {
		opacity:0;
		display: none;
  }
}
/* ------------------------------------------------------- */
.h .navmain #navicon {
		display: none;
}
/* ------------------------------------------------------------- /\ /\ /\ Nav */
/* ------------------------------------------------------------- \/ \/ \/ Tabs */
.tab {
	font-weight: 700;
	color: #fff;
	z-index: 1;
	text-align: center;
	position: fixed;
	cursor: pointer;
}
/* ------------------------------------------------------- */
.v .tab {
	font-size: calc(50dvw*0.08);
	text-align: center;
	line-height: 16dvh;
	background-color: #909;
	width: 60dvw;
	height: 16dvh;
	left: 100dvw;
	border-radius: 2dvw;
}
.v .page .tab {
	font-size: 0;
	background-color: #999;
	width: 17.2dvw;
	height: 7dvh;
	top: 8.5dvh;
	left: 100dvw;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 55%;
}
/*------------------------ V/H -------------------------- */
.h .tab {
	background-color: #909;
	border-radius: 4dvh;
}
/* ------------------------------------------------------- */
.h .navmain .tab {
	font-size: 3dvh;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
}
/* ------------------------------------------------------- */
.h .page .tab, .h .leftnavlogoout .tab {
	font-size: calc(25dvw*0.055);
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
}
/* ------------------------------------------------------- */
.h .introout .tab {
	font-size: 3dvh;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
	background-color: #999;
}
/* ------------------------------------------------------- */
.h .introout .tab, .h .navmainout .tab {
	font-size: 3dvh;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
	background-color: #909;
}
/*------------------------------------- Tabs (Keep Out) */
.h .intro .tab {
	display: none;
	left: 100dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Tabs */
/* ------------------------------------------------------------- \/ \/ \/ How To */
#howto {
	position: fixed;
	text-align: center;
	color: #fff;
	background-color: #909;
	font-weight: 700;
	z-index: 4;
}
/* ------------------------------------------------------- */
.v .introout #howto {
	font-size: calc(100dvw*0.035);
	line-height: 4dvh;
	top: 8.5dvh;
	left: 100dvw;
	width: 94dvw;
	height: 4dvh;
	border-radius: 3dvh;
	animation: 0.3s 0s linear 1 forwards howto-out-v;
}
@keyframes howto-out-v {
  from {
	left:3dvw;
  }
  to {
	left:100dvw;
  }
}
/* ------------------------------------------------------- */
.navmainout .introbox, .navmainout #howto {
left: 100dvw;
}
/* ------------------------------------------------------- */
.v .intro #howto {
	font-size: calc(100dvw*0.035);
	line-height: 4dvh;
	top: 8.5dvh;
	left: 100dvw;
	width: 94dvw;
	height: 4dvh;
	border-radius: 3dvh;
	animation: 0.5s 0s linear 1 forwards howto-move-v;
}
@keyframes howto-move-v {
  from {
	left:100dvw;
  }
  to {
	left:3dvw;
  }
}
/* ------------------------------------------------------- */
.v .page #howto, .v .navmain #howto, .v .pageout #howto {
	font-size: calc(100dvw*0.045);
	line-height: 6dvh;
	top: 8.5dvh;
	left: 100dvw;
	width: 98dvw;
}
/* -------------------------------- V/H -------------------------------- */
.h #howto {
	font-size: calc(100dvw*0.015);
	top:2dvh;
	line-height: 6dvh;
	border-radius: 3dvh;
	width: 48.5dvw;
}
.h .intro #howto {
	left: 100dvw;
	animation: 0.5s 0s linear 1 forwards howto-move-in-h;
}
@keyframes howto-move-in-h {
  from {
	left:100dvw;
  }
  to {
	left:50.5dvw;
  }
}

.h .introout #howto {
	left: 50.5dvw;
	animation: 0.5s 0s linear 1 forwards howto-move-out-h;
}
@keyframes howto-move-out-h {
  from {
	left:50.5dvw;
  }
  to {
	left:100dvw;
  }
}
.h .navmain #howto {
	left: 100dvw;
	/*animation: 0.5s 0s linear 1 forwards howto-move-out-h;
}
@keyframes howto-move-out-h {
  from {
	left:1dvw;
  }
  to {
	left:100dvw;
  }*/
}
/*------------------------------------- How To (Keep Out) */
.page #howto, .pageout #howto, .navmainleft #howto, .leftnavlogoout #howto {
	display: none;
}
/* ------------------------------------------------------------- /\ /\ /\ How To */
.v .introout #introfour {
	background-image: url('/images/receive_your_polos.jpg');
	top: calc(55dvh + 1vw);
	left: 50.5dvw;
	animation: 0.25s 0.15s linear 1 forwards introfour-out-v;
}
@keyframes introfour-out-v {
  from {
	left:50.5dvw;
  }
  to {
	left:100dvw;
  }
}
.h .intro main {
	position: fixed;
	top: 100dvh;
}
/* -------------------------------------------------------------WWWWWWWWWW Intro (Common) */
.v .introbox {
	width: 48.5dvw;
	height: 40dvh;
}
.v .introbox h2 {
	font-family:  "Poppins", sans-serif;
	font-size: 1.4vh;
	line-height: 3.4vh;
	text-align: center;
	background-color: #909;
	margin: 0;
	padding: 0;
	color: #fff;
	position: relative;
	top: 1vh;
	left: 5%;
	width: 90%;
	height: auto;
	border-radius: 1.7vh;
}

/*------------------------ V/H -------------------------- */
.h .introbox h2 {
	font-family:  "Poppins", sans-serif;
	font-weight: 700;
	font-size: 2vh;
	line-height: 3.4vh;
	text-align: left;
	background-color: #909;
	margin: 0;
	padding: 0 0 0 4%;
	color: #fff;
	position: relative;
	top: 1vh;
	left: 1vh;
	width: calc(96% - 2vh);
	height: auto;
	border-radius: 1.7vh;
}
.h #intro {
	position: fixed;
	top: 10dvh;
	left: 0;
	width: 100%;
	height: 90vh;
}
.h .introbox {
	background-color: #d1d2d4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: fixed;
	width: 48.5dvw;
	height: 43.5dvh;
	z-index: -1;
	opacity: 1;
	cursor: pointer;
	border-radius: 2.7vh;
}
/*------------------------------------- Intro (Keep Out) */
.page .introbox, .pageout .introbox {
	display: none;
}
/* -------------------------------------------------------------MMMMMMMMMM Intro (Common) */
/* ------------------------------------------------------------- \/ \/ \/ Intro One */
.v #introone {
	background-image: url('/images/choose_your_polo_shirt.jpg');
	top: 15dvh;
}
/* ------------------------------------------------------ */
.v .intro #introone {
	left: -50dvw;
	animation: 0.25s 1s linear 1 forwards introone-in-v;
}
@keyframes introone-in-v {
  from {
	left:-50dvw;
  }
  to {
	left:1dvw;
  }
}
/* ------------------------------------------------------ */
.v .introout #introone {
	left: 1dvw;
	animation: 0.25s 0.1s linear 1 forwards introone-out-v;
}
@keyframes introone-out-v {
  from {
	left:1dvw;
  }
  to {
	left:-50dvw;
  }
}
/* ------------------------------------------------------ */
.v .page #introone, .v .navmain #introone, .v .pageout #introone {
	top: 15dvh;
	left: 100dvw;
}
/*------------------------ V/H -------------------------- */
.h #introone {
	background-image: url('/images/choose_your_polo_shirts_h.jpg');
	top: 10dvh;
}
/* ------------------------------------------------------ */
.h .intro #introone {
	left: -50dvw;
	animation: 0.25s 1s linear 1 forwards introone-in-h;
}
@keyframes introone-in-h {
  from {
	left:-50dvw;
  }
  to {
	left:1dvw;
  }
}
/* ------------------------------------------------------ */
.h .introout #introone {
	left: 1dvw;
	animation: 0.5s 0s linear 1 forwards introone-out-h;
}
@keyframes introone-out-h {
  from {
	left:1dvw;
  }
  to {
	left:-50dvw;
  }
}
/*------------------------------------- Intro One (Keep Out) */
.h .navmain #introone, .h .page #introone  {
	left: -50dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Intro One */
/* ------------------------------------------------------------- \/ \/ \/ Intro Two */
.v #introtwo {
	background-image: url('/images/send_us_your_logo.jpg');
	top: 15dvh;
}
/* ------------------------------------------------------ */
.v .introout #introtwo {
	left: 50.5dvw;
	animation: 0.15s 0.35s linear 1 forwards introtwo-out-v;
}
@keyframes introtwo-out-v {
  from {
	left:50.5dvw;
  }
  to {
	left:100dvw;
  }
}
/* ------------------------------------------------------ */
.v .intro #introtwo {
	background-image: url('/images/send_us_your_logo.jpg');
	top: 15dvh;
	left: 100dvw;
	animation: 0.25s 1.1s linear 1 forwards introtwo-move-v;
}
@keyframes introtwo-move-v {
  from {
	left:100dvw;
  }
  to {
	left:50.5dvw;
  }
}
/*------------------------------------- Intro Two (Keep Out) */
.v .navmain #introtwo, .v .page #introtwo, .v .pageout #introtwo {
	left: 100dvw;
}
/*------------------------ V/H -------------------------- */
.h #introtwo {
	background-image: url('/images/send_us_your_logo_h.jpg');
	top: 10dvh;
}
/* ------------------------------------------------------ */
.h .intro #introtwo {
	left: 100dvw;
	animation: 0.25s 1.1s linear 1 forwards introtwo-in-h;
}
@keyframes introtwo-in-h {
  from {
	left:100dvw;
  }
  to {
	left:50.5dvw;
  }
}
/* ------------------------------------------------------ */
.h .introout #introtwo  {
	left: 50.5dvw;
	animation: 0.5s 0.3s linear 1 forwards introtwo-out-h;
}
@keyframes introtwo-out-h {
  from {
	left:50.5dvw;
  }
  to {
	left:100dvw;
  }
}
/*------------------------------------- Intro Two (Keep Out) */
.h .navmain #introtwo, .h .page #introtwo  {
	left: 100dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Intro Two */
/* ------------------------------------------------------------- \/ \/ \/ Intro Three */
.v #introthree {
	background-image: url('/images/complete_your_order.jpg');
	top: calc(55dvh + 1dvw);
}
/* ------------------------------------------------------ */
.v .introout #introthree {
	left: 1dvw;
	animation: 0.3s 0.25s linear 1 forwards introthree-out-v;
}
@keyframes introthree-out-v {
  from {
	left:1dvw;
  }
  to {
	left:-50dvw;
  }
}
/* ------------------------------------------------------ */
.v .intro #introthree {
	background-image: url('/images/complete_your_order.jpg');
	top: calc(55dvh + 1dvw);
	left: -50dvw;
	animation: 0.25s 1.2s linear 1 forwards introthree-move-v;
}
@keyframes introthree-move-v {
  from {
	left:-50dvw;
  }
  to {
	left:1dvw;
  }
}
/*------------------------------------- Intro Three (Keep Out) */
.v .navmain #introthree, .v .page #introthree, .v .pageout #introthree {
	left: -50dvw;
}
/*------------------------ V/H -------------------------- */
.h #introthree {
	background-image: url('/images/complete_your_order_h.jpg');
	top: calc(53.5dvh + 1dvw);
}
/* ------------------------------------------------------ */
.h .intro #introthree {
	left: -50dvw;
	animation: 0.25s 1s linear 1 forwards introthree-in-h;
}
@keyframes introthree-in-h {
  from {
	left:-50dvw;
  }
  to {
	left:1dvw;
  }
}
/* ------------------------------------------------------ */
.h .introout #introthree {
	left: 1dvw;
	animation: 0.4s 0.4s linear 1 forwards introthree-out-h;
}
@keyframes introthree-out-h {
  from {
	left:1dvw;
  }
  to {
	left:-50dvw;
  }
}
/*------------------------------------- Intro Three (Keep Out) */
.h .navmain #introthree, .h .page #introthree {
	left: -50dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Intro Three */
/* ------------------------------------------------------------- \/ \/ \/ Intro Four */
.v #introfour {
	background-image: url('/images/receive_your_polos.jpg');
	top: calc(55dvh + 1vw);
}
/* ------------------------------------------------------ */
.v .intro #introfour {
	background-image: url('/images/receive_your_polos.jpg');
	top: calc(55dvh + 1vw);
	left: 100dvw;
	animation: 0.25s 1.3s linear 1 forwards introfour-move-v;
}
@keyframes introfour-move-v {
  from {
	left:100dvw;
  }
  to {
	left:50.5dvw;
  }
}
/* ------------------------------------------------------ */
.v .page #introfour, .v .navmain #introfour, .v .pageout #introfour {
	left: 100dvw;
}
/*------------------------ V/H -------------------------- */
.h #introfour {
	background-image: url('/images/receive_your_polos_h.jpg');
	top: calc(53.5dvh + 1vw);
}
/* ------------------------------------------------------ */
.h .intro #introfour {
	left: 100dvw;
	animation: 0.25s 1.1s linear 1 forwards introfour-in-h;
}
@keyframes introfour-in-h {
  from {
	left:100dvw;
  }
  to {
	left:50.5dvw;
  }
}
/* ------------------------------------------------------ */
.h .introout #introfour {
	left: 50.5dvw;
	animation: 0.5s 0.2s linear 1 forwards introfour-out-h;
}
@keyframes introfour-out-h {
  from {
	left:50.5dvw;
  }
  to {
	left:100dvw;
  }
}
/*------------------------------------- Intro Four (Keep Out) */
.h .navmain #introfour, .h .page #introfour {
	left: 100dvw;
}
/* ------------------------------------------------------------- /\ /\ /\ Intro Four */
/* ------------------------------------------------------------- \/ \/ \/ Tab One */
.v .navmain #tabone {
	top: 9dvh;
	left: 100dvw;
	animation: 0.25s 0s linear 1 forwards tabone-in-v;
}
@keyframes tabone-in-v {
  from {
	left: 100dvw;
  }
  to {
	left: 20dvw;
  }
}
/* ------------------------------------------------------ */
.v .navmainout #tabone {
	top: 9dvh;
	left: 20dvw;
	animation: 0.25s 0.1s linear 1 forwards navmain-one-out-v;
}
@keyframes navmain-one-out-v {
  from {
	left: 20dvw;
  }
  to {
	left: 100dvw;
  }
}
/* ------------------------------------------------------ */
.v .page #tabone {
	background-image: url('/images/polo_icon.svg');
	animation: 0.25s 0.5s linear 1 forwards helpone-move-links-p;
}
@keyframes helpone-move-links-p {
  from {
	left: 100dvw;
  }
  to {
	left: 5dvw;
  }
}
/* ------------------------------------------------------ */
.v #inventory #tabone {
	background-color: #909;
}
/* ------------------------------ V/H ------------------------------ */
.h .navmain #tabone {
	top: 11dvh;
	left: 1dvw;
}
/* ------------------------------------------------------ */
.h .navmainleft #tabone {
	top: 11dvh;
	left: 1dvw;
	background-color: #909;
	animation: 0.5s 0s linear 1 forwards tabone-left-h;
}
@keyframes tabone-left-h {
  from {
  top: 11dvh;
  left: 1dvw;
	font-size: 3dvh;
	width: 32dvw;
	height:41dvh;
	line-height: 41dvh;
	background-color: #909;
  }
  to {
  top: 6dvh;
  left: 5dvw;
	font-size: calc(25dvw*0.055);
	width: 20dvw;
	height:16dvh;
	line-height: 16dvh;
	background-color: #999;
  }
}
/* ------------------------------------------------------ */
.h .page #tabone {
  top: 6dvh;
  left: 5dvw;
	font-size: calc(25dvw*0.055);
	width: 20dvw;
	height:16dvh;
	line-height: 16dvh;
	background-color: #999;
}
/* ------------------------------------------------------ */
.h .pageout #tabone {
	font-size: calc(25dvw*0.055);
	top: 6dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	background-color: #999;
	line-height: 16dvh;
	animation: 0.5s 0.1s linear 1 forwards tabone-out-h;
}
@keyframes tabone-out-h {
  from {
	top: 6dvh;
  }
  to {
	top: -92dvh;
  }
}
/* ------------------------------------------------------ */
.h .introout #tabone {
	top: 11dvh;
	left: 101dvw;
	animation: 0.5s 0.5s linear 1 forwards tabone-in-h;
}
@keyframes tabone-in-h {
  from {
  		left: 101dvw;
  }
  to {
			Left: 1dvw;
  }
}
/* ------------------------------------------------------ */
.h .navmainout #tabone {
	top: 11dvh;
	left: 1dvw;
	animation: 0.5s 0.4s linear 1 forwards navmain-tabone-out-h;
}
@keyframes navmain-tabone-out-h {
  from {
  		left: 1dvw;
  }
  to {
			Left: 101dvw;
  }
}
/* ------------------------------------------------------ */
.h .leftnavlogoout #tabone {
	top: 6dvh;
	left: 5dvw;
	animation: 0.1s 0.5s linear 1 forwards left-tabone-out-h;
}
@keyframes left-tabone-out-h {
  from {
  		left: 5dvw;
  }
  to {
			Left: -25dvw;
  }
}
/* ------------------------------------------------------ */
.h #inventory #pagetab {
	font-size: calc(25dvw*0.055);
	position: fixed;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	top: 6dvh;
	left: 5dvw;
	background-color: #999;
	z-index: 3;
	animation: 1s 0s linear 1 forwards tabone-active-h;
}
@keyframes tabone-active-h {
  from {
		background-color: #999;
  }
  to {
		background-color: #909;
  }
}
/* ------------------------------------------------------ */
.h #inventory #pagetabout {
	top: 6dvh;
	left: 5dvw;
	background-color: #909;
	z-index: 3;
	animation: 0.75s 0s linear 1 forwards tabone-inactive-h;
}
@keyframes tabone-inactive-h {
  from {
		background-color: #909;
  }
  to {
		background-color: #999;
  }
}
/*------------------------------------- Tab One (Keep Out) */
/* ------------------------------------------------------------- /\ /\ /\ Tab One */
/* ------------------------------------------------------------- \/ \/ \/ Tab Two */
.v .navmain #tabtwo {
	top: 26dvh;
	left: 110dvw;
	animation: 0.25s 0.1s linear 1 forwards helptwo-move-links-v;
}
@keyframes helptwo-move-links-v {
  from {
	 left: 100dvw;
  }
  to {
	 left: 20dvw;
  }
}
.v .navmainout #tabtwo {
	top: 26dvh;
	left: 20dvw;
	animation: 0.25s 0.2s linear 1 forwards navmain-two-out-v;
}
@keyframes navmain-two-out-v {
  from {
	 left: 20dvw;
  }
  to {
	 left: 100dvw;
  }
}
.v .page #tabtwo {
	background-image: url('/images/your_logo_icon.svg');
	animation: 0.25s 0.6s linear 1 forwards helptwo-move-links-p;
}
@keyframes helptwo-move-links-p {
  from {
	 left: 100dvw;
  }
  to {
	 left: 23.2dvw;
  }
}
.v #custom #tabtwo {
	background-color: #909;
}
/* ------------------------------ V/H ------------------------------ */

.h .navmain #tabtwo {
	top: 11dvh;
	left: 34dvw;
}
/* ------------------------------------------------------ */
.h .navmainleft #tabtwo {
	top: 11dvh;
	left: 34dvw;
	animation: 0.5s 0s linear 1 forwards tabtwo-left-h;
}
@keyframes tabtwo-left-h {
  from {
	font-size: 3dvh;
	left: 34dvw;
	top:11dvh;
	width: 32dvw;
	height:41dvh;
	line-height: 41dvh;
	background-color: #909;
  }
  to {
	font-size: calc(25dvw*0.055);
	left: 5dvw;
	top:24dvh;
	width: 20dvw;
	height:16dvh;
	line-height: 16dvh;
	background-color: #999;
  }
}
/* ------------------------------------------------------ */
.h .page #tabtwo {
	font-size: calc(25dvw*0.055);
	left: 5dvw;
	top:24dvh;
	width: 20dvw;
	height:16dvh;
	line-height: 16dvh;
}
/* ------------------------------------------------------ */
.h .pageout #tabtwo {
	font-size: calc(25dvw*0.055);
	top: 24dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	background-color: #999;
	line-height: 16dvh;
	animation: 0.5s 0.1s linear 1 forwards tabtwo-out-h;
}
@keyframes tabtwo-out-h {
  from {
		top:24dvh;
  }
  to {
		top:-74dvh;
  }
}
/* ------------------------------------------------------ */
.h .introout #tabtwo {
	top: 11dvh;
	left: 134dvw;
	animation: 0.5s 0.6s linear 1 forwards tabtwo-in-h;
}
@keyframes tabtwo-in-h {
  from {
		left: 134dvw;
  }
  to {
		left: 34dvw;
  }
}
/* ------------------------------------------------------ */
.h .navmainout #tabtwo {
	top: 11dvh;
	left: 34dvw;
	animation: 0.5s 0.3s linear 1 forwards navmain-tabtwo-out-h;
}
@keyframes navmain-tabtwo-out-h {
  from {
		left: 34dvw;
  }
  to {
		left: 134dvw;
  }
}
/* ------------------------------------------------------ */
.h .leftnavlogoout #tabtwo {
	top: 24dvh;
	left: 5dvw;
	animation: 0.1s 0.6s linear 1 forwards left-tabtwo-out-h;
}
@keyframes left-tabtwo-out-h {
  from {
		left: 5dvw;
  }
  to {
		left: -25dvw;
  }
}
/* ------------------------------------------------------ */
.h #custom #pagetab {
	font-size: calc(25dvw*0.055);
	left: 5dvw;
	top: 24dvh;
	width: 20dvw;
	height:16dvh;
	line-height: 16dvh;
	background-color: #999;
	animation: 1s 0s linear 1 forwards tabtwo-active-h;
}
@keyframes tabtwo-active-h {
  from {
	background-color: #999;
  }
  to {
		background-color: #909;
  }
}
/* ------------------------------------------------------ */
.h #custom #pagetabout {
	left: 5dvw;
	top: 24dvh;
	animation: 1s 0s linear 1 forwards tabtwo-to-gray-h;
}
@keyframes tabtwo-to-gray-h {
  from {
	background-color: #909;
  }
  to {
		background-color: #999;
  }
}
/* ------------------------------------------------------------- /\ /\ /\ Tab Two */
/* ------------------------------------------------------------- \/ \/ \/ Tab Three */
.v .navmain #tabthree {
	top: 43dvh;
	animation: 0.25s 0.2s linear 1 forwards helpthree-move-links-v;
}
@keyframes helpthree-move-links-v {
  from {
	left: 100dvw;
  }
  to {
	left: 20dvw;
  }
}
.v .navmainout #tabthree {
	left: 20dvw;
	top: 43dvh;
	animation: 0.25s 0.3s linear 1 forwards navmain-three-out-v;
}
@keyframes navmain-three-out-v {
  from {
	left: 20dvw;
  }
  to {
	left: 100dvw;
  }
}
.v .page #tabthree {
	background-image: url('/images/order_icon.svg');
	animation: 0.25s 0.7s linear 1 forwards helpthree-move-links-p;
}
@keyframes helpthree-move-links-p {
  from {
	left: 100dvw;
  }
  to {
	left: 41.4dvw;
  }
}
.v #order #tabthree {
	background-color: #909;
}
.v #order #tabthree {
	background-color: #909;
}
/* ------------------------------ V/H ------------------------------ */
.h .navmain #tabthree {
	top: 11dvh;
	left: 67dvw;
}
/* ------------------------------------------------------ */
.h .navmainleft #tabthree {
	top: 11dvh;
	left: 67dvw;
	animation: 0.5s 0s linear 1 forwards tabthree-left-h;
}
@keyframes tabthree-left-h {
  from {
	font-size: 3dvh;
	top: 11dvh;
	left: 67dvw;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
	background-color: #909;
  }
  to {
	font-size: calc(25dvw*0.055);
	top: 42dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
  }
}
/* ------------------------------------------------------ */
.h .page #tabthree {
	top: 42dvh;
	left: 5dvw;
}
/* ------------------------------------------------------ */
.h .pageout #tabthree {
	font-size: calc(25dvw*0.055);
	top: 42dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
	animation: 0.5s 0.1s linear 1 forwards tabthree-out-h;
}
@keyframes tabthree-out-h {
  from {
	top: 42dvh;
  }
  to {
	top: -56dvh;
  }
}
/* ------------------------------------------------------ */
.h .introout #tabthree {
	top: 11dvh;
	left: 167dvw;
	animation: 0.5s 0.7s linear 1 forwards tabthree-in-h;
}
@keyframes tabthree-in-h {
  from {
		left:167dvw;
  }
  to {
		left: 67dvw;
  }
}
/* ------------------------------------------------------ */
.h .navmainout #tabthree {
	top: 11dvh;
	left: 67dvw;
	animation: 0.5s 0.2s linear 1 forwards navmain-tabthree-out-h;
}
@keyframes navmain-tabthree-out-h {
  from {
		left:67dvw;
  }
  to {
		left: 167dvw;
  }
}
/* ------------------------------------------------------ */
.h .leftnavlogoout #tabthree {
	top: 42dvh;
	left: 5dvw;
	animation: 0.25s 0.8s linear 1 forwards left-tabthree-out-h;
}
@keyframes left-tabthree-out-h {
  from {
		left:5dvw;
  }
  to {
		left: -25dvw;
  }
}
/* ------------------------------------------------------ */
.h #order #pagetab {
	top: 42dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards tabthree-active-h;
}
@keyframes tabthree-active-h {
  from {
	background-color: #999;
  }
  to {
		background-color: #909;
  }
}
/* ------------------------------------------------------ */
.h #order #pagetabout {
	top: 42dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards ordertab-to-gray-h;
}
@keyframes ordertab-to-gray-h {
  from {
	background-color: #909;
  }
  to {
		background-color: #999;
  }
}
/* ------------------------------------------------------------- /\ /\ /\ Tab Three */
/* ------------------------------------------------------------- \/ \/ \/ Tab Four */
.v .navmain #tabfour {
	top: 60dvh;
	animation: 0.3s 0.3s linear 1 forwards helpfour-move-links-v;
}
@keyframes helpfour-move-links-v {
  from {
	left: 100dvw;
  }
  to {
	left: 20dvw;
  }
}
.v .navmainout #tabfour {
	left: 20dvw;
	top: 60dvh;
	animation: 0.25s 0.4s linear 1 forwards navmain-four-out-v;
}
@keyframes navmain-four-out-v {
  from {
	left: 20dvw;
  }
  to {
	left: 100dvw;
  }
}
.v .page #tabfour {
	background-image: url('/images/shipping_icon.svg');
	animation: 0.3s 0.55s linear 1 forwards helpfour-move-links-p;
}
@keyframes helpfour-move-links-p {
  from {
	left: 100dvw;
  }
  to {
	left: 59.6dvw;;
  }
}
.v #delivery #tabfour {
	background-color: #909;
}
/* ------------------------------ V/H ------------------------------ */
.h .introout #tabfour {
	top: calc(52dvh + 1vw);
	left: 101dvw;
	animation: 0.5s 0.8s linear 1 forwards tabfour-in-h;
}
@keyframes tabfour-in-h {
  from {
	left: 101dvw;
  }
  to {
	left: 1dvw;;
  }
}
/* ------------------------------------------------------ */
.h .navmainout #tabfour {
	top: calc(52dvh + 1vw);
	left: 1dvw;
	animation: 0.5s 0.1s linear 1 forwards navmain-tabfour-out-h;
}
@keyframes navmain-tabfour-out-h {
  from {
	left: 1dvw;
  }
  to {
	left: 101dvw;;
  }
}
/* ------------------------------------------------------ */
.h .leftnavlogoout #tabfour {
	top: 60dvh;
	left: 5dvw;
	animation: 0.3s 0.9s linear 1 forwards left-tabfour-out-h;
}
@keyframes left-tabfour-out-h {
  from {
	left: 5dvw;
  }
  to {
	left: -25dvw;;
  }
}
/* ------------------------------------------------------ */
.h .navmain #tabfour {
	top: calc(52dvh + 1vw);
	left: 1dvw;
}
/* ------------------------------------------------------ */
.h .navmainleft #tabfour {
	top: calc(52dvh + 1vw);
	left: 1dvw;
	animation: 0.5s 0s linear 1 forwards tabfour-left-h;
}
@keyframes tabfour-left-h {
  from {
	font-size: 3dvh;
	top: calc(52dvh + 1vw);
	left: 1dvw;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
	background-color: #909;
  }
  to {
	font-size: calc(25dvw*0.055);
	top: 60dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
  }
}
/* ------------------------------------------------------ */
.h .page #tabfour {
	font-size: calc(25dvw*0.055);
	top: 60dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
}
/* ------------------------------------------------------ */
.h .pageout #tabfour {
	top: 60dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	background-color: #999;
	line-height: 16dvh;
	animation: 0.5s 0.1s linear 1 forwards tabfour-out-h;
}
@keyframes tabfour-out-h {
  from {
	top: 60dvh;
  }
  to {
  	top: -38dvh;
	}
}
/* ------------------------------------------------------ */
.h #delivery #pagetab {
	top: 60dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards deliverytab-to-909-h;
}
@keyframes deliverytab-to-909-h {
  from {
		background-color: #999;
  }
  to {
		background-color: #909;
  }
}
/* ------------------------------------------------------ */
.h #delivery #pagetabout {
	top: 60dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards deliverytab-to-gray-h;
}
@keyframes deliverytab-to-gray-h {
  from {
		background-color: #909;
  }
  to {
		background-color: #999;
  }
}
/* ------------------------------------------------------------- /\ /\ /\ Tab Four */
/* ------------------------------------------------------------- \/ \/ \/ Tab Five */
.v .navmain #tabfive {
	top: 77dvh;
	animation: 0.4s 0.4s linear 1 forwards helpfive-move-links-v;
}
@keyframes helpfive-move-links-v {
  from {
	left: 100dvw;
  }
  to {
	left: 20dvw;
  }
}
.v .navmainout #tabfive {
	top: 77dvh;
	left: 20dvw;
	animation: 0.25s 0.5s linear 1 forwards navmain-five-out-v;
}
@keyframes navmain-five-out-v {
  from {
	left: 20dvw;
  }
  to {
	left: 100dvw;
  }
}
.v .page #tabfive {
	background-image: url('/images/support_icon.svg');
	animation: 0.4s 0.65s linear 1 forwards helpfive-move-links-p;
}
@keyframes helpfive-move-links-p {
  from {
	left: 100dvw;
  }
  to {
	left: 77.8dvw;
  }
}
.v #support #tabfive {
	background-color: #909;
}
/* ------------------------------ V/H ------------------------------ */
.h .introout #tabfive {
	top: calc(52dvh + 1vw);
	left: 134dvw;
	animation: 0.5s 0.9s linear 1 forwards tabfive-in-h;
}
@keyframes tabfive-in-h {
  from {
	left: 134dvw;
  }
  to {
	left: 34dvw;
  }
}
/* ------------------------------------------------------ */
.h .navmainout #tabfive {
	top: calc(52dvh + 1vw);
	left: 34dvw;
	animation: 0.5s 0s linear 1 forwards navmain-tabfive-out-h;
}
@keyframes navmain-tabfive-out-h {
  from {
	left: 34dvw;
  }
  to {
	left: 134dvw;
  }
}
/* ------------------------------------------------------ */
.h .leftnavlogoout #tabfive {
	top: 78dvh;
	left: 5dvw;
	animation: 0.35s 1.1s linear 1 forwards left-tabfive-out-h;
}
@keyframes left-tabfive-out-h {
  from {
	left: 5dvw;
  }
  to {
	left: -25dvw;
  }
}
/* ------------------------------------------------------ */
.h .navmain #tabfive {
	top: calc(52dvh + 1vw);
	left: 34dvw;
}
/* ------------------------------------------------------ */
.h .navmainleft #tabfive {
	top: calc(52dvh + 1vw);
	left: 34dvw;
	background-color: #909;
	animation: 0.5s 0s linear 1 forwards tabfive-left-h;
}
@keyframes tabfive-left-h {
  from {
	font-size: 3dvh;
	top: calc(52dvh + 1vw);
	left: 34dvw;
	width: 32dvw;
	height: 41dvh;
	line-height: 41dvh;
	background-color: #909;
  }
  to {
	font-size: calc(25dvw*0.055);
	top: 78dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
  }
}
/* ------------------------------------------------------ */
.h .page #tabfive {
	font-size: calc(25dvw*0.055);
	top: 78dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
}
/* ------------------------------------------------------ */
.h .pageout #tabfive {
	top: 78dvh;
	left: 5dvw;
	width: 20dvw;
	height: 16dvh;
	line-height: 16dvh;
	background-color: #999;
	animation: 0.5s 0.1s linear 1 forwards tabfive-out-h;
}
@keyframes tabfive-out-h {
  from {
	top: 78dvh;
  }
  to {
	top: -20dvh;
  }
}
/* ------------------------------------------------------ */
.h #support #pagetab {
	top: 78dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards supporttab-to-909-h;
}
@keyframes supporttab-to-909-h {
  from {
		background-color: #999;
  }
  to {
		background-color: #909;
  }
}
/* ------------------------------------------------------ */
.h #support #pagetabout {
	top: 78dvh;
	left: 5dvw;
	animation: 1s 0s linear 1 forwards supporttab-to-gray-h;
}
@keyframes supporttab-to-gray-h {
  from {
		background-color: #909;
  }
  to {
		background-color: #999;
  }
}
/* ------------------------------------------------------------- /\ /\ /\ Tab Five */


/*------------------------------------------------------------------------ Page (p) */


/* ------------------------------ V/H ------------------------------ */


/*------------------------------------------------------------------------ Page (img) */
.v #page img {
	width: 100%;
	height: auto;
}
p img {
	height: 50dvh;
	width: auto;
	float: left;
	margin-right: 3dvw;
	margin-bottom: 3dvw;
}
/* ------------------------------ V/H ------------------------------ */

.h #page img {
	width: 100%;
	height: auto;
}
.h #page p img {
	height: 50dvh;
	width: auto;
	float: left;
	margin-right: 3dvw;
	margin-bottom: 3dvw;
}

/*------------------------------------------------------------------------ Page (ul/ol/li) */
li {
	font-size: 3dvh;
	line-height: 4dvh;
	font-weight: 400;
}

.h .navmain h2 {
	width: 90%;
	text-align: center;
	font-size: 3vh;
	line-height: 3.5vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
}
/*------------------------------------------------------------------------ Page (h3) */
.v .page h3 {
	font-family: "Poppins", sans-serif;
	width: 90dvw;
	color: #fff;
	position: fixed;
	top: 17dvh;
	left: 100dvw;
	font-size: calc(100dvw*0.04);
	line-height: calc(100dvw*0.09);
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 3dvh 0;
	padding: 0dvh 0 0dvh 10dvw;
	background-color: #909;
	animation: 0.4s 0s linear 1 forwards page-header-v;
}
@keyframes page-header-v {
  from {
	left: 100dvw;
  }
  to {
	left: 0dvw;
  }
}
.v .pageout h3 {
	z-index: 3;
	font-family: "Poppins", sans-serif;
	width: 90dvw;
	color: #fff;
	position: fixed;
	top: 17dvh;
	left: 0dvw;
	font-size: calc(100dvw*0.04);
	line-height: calc(100dvw*0.09);
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 3dvh 0;
	padding: 0dvh 0 0dvh 10dvw;
	background-color: #909;
	animation: 0.3s 0.2s linear 1 forwards page-header-out-v;
}
@keyframes page-header-out-v {
  from {
	left: 0dvw;
  }
  to {
	left: 100dvw;
  }
}
/* ------------------------------ V/H ------------------------------ */
.h .page h3,.h .pageout h3 {
	display: none;
}
/*------------------------------------------------------------------------ Page (h4) */
.v h4 {
	border-bottom: solid #000 thin;
	width: 85dvw;
	position: relative;
	top: 0;
	left: 0;
	font-size: calc(100dvw*0.06);
	line-height: calc(100dvw*0.075);
	margin: 0 0 1dvh 0;
	padding: 0 0 1dvh 5dvw;
	clear: both;
}
/* ------------------------------ V/H ------------------------------ */
.h h4 {
	border-bottom: solid #000 thin;
	width: 65dvw;
	position: relative;
	top: 0;
	left: 0;
	font-size: calc(100dvw*0.035);
	line-height: calc(100dvw*0.045);
	margin: 100dvh 0 50dvh 0;
	padding: 0 0 50dvh 2dvw;
	clear: both;
	animation: 0.8s 0s linear 1 forwards h4-in-h;
}
@keyframes h4-in-h {
  from {
  margin: 100dvh 0 50dvh 0;
	padding: 0 0 50dvh 2dvw;
  }
  to {
  margin: 2dvh 0 3dvh 0;
	padding: 0 0 1dvh 2dvw;
  }
}
/* ------------------------------------------------------ */
.h .push h4 {
	margin: 2dvh 0 3dvh 0;
	padding: 0 0 1dvh 2dvw;
	animation: 0.5s 0s linear 1 forwards h4-out-h;
}
@keyframes h4-out-h {
  from {
	margin: 2dvh 0 3dvh 0;
	padding: 0 0 1dvh 2dvw;
  }
  to {
	margin: 100dvh 0 50dvh 0;
	padding: 0 0 50dvh 2dvw;
  }
}
/*------------------------------------------------------------------------ FAQs */
.question {
	font-weight: bold;

}
.answer {
	display: block;
	font-style: italic;
	width: 95%;
	padding-left: 5%;
	padding-bottom: 2vh;
}