html				{ height: 100%; 
						  scroll-behavior: smooth;
						  overscroll-behavior: contain; }
	
	/* Default Body Styling */
	body				{ position: relative;
						  max-width: 100%;
						  min-height: 100%; 
						  font-family: calibri, arial, sans-serif;
						  font-weight: 100; 
						  margin: 0px; 
						  padding: 0px;
						  background-color: #00070d;
						  color: white; }
	img					{ max-width: 100%;
						  -webkit-animation: fadein .75s;
						  -moz-animation: fadein .75s;
						  mask-image: linear-gradient(to top, transparent 0%, #00070d 10%), 
										linear-gradient(to right, transparent 0%, #00070d 10%),
										linear-gradient(to bottom, transparent 0%, #00070d 10%),
										linear-gradient(to left, transparent 0%, #00070d 10%);
						  -webkit-mask-image: linear-gradient(to top, transparent 0%, #00070d 10%),
										linear-gradient(to right, transparent 0%, #00070d 10%),
										linear-gradient(to bottom, transparent 0%, #00070d 10%),
										linear-gradient(to left, transparent 0%, #00070d 10%);
						  -webkit-mask-composite: source-in; }
	header				{ position: relative;
						  background-color: #00070d;
						  top: 0%;
						  width: 100%;
						  margin: 0;
						  z-index: 2;
						  box-shadow: 0px 1px 10px #6bdae5; }
	div.soon			{ display: none; }
	div.error			{ display: none; }
	@-webkit-keyframes fadein { from { opacity: 0; }
								to { opacity: 1; }}
	@keyframes fadein { from { opacity: 0; }
								to { opacity: 1; }}
	h1					{ text-align: center; 
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 2.8vw; 
						  font-weight: 300;
					      font-style: normal;
						  position: relative;
						  opacity: 0;
						  margin: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	h2					{ font-family: "Bebas Neue", sans-serif;
						  font-size: 2vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: #6bdae5;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	h3					{ font-family: "Bebas Neue", sans-serif;
						  font-size: 2vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: #6bdae5;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	p					{ font-size: 1.3vw;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	ul					{ opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	footer				{ position: relative;
						  z-index: 2;
						  left: 0px;
						  right: 0px; 
						  bottom: 0px;
						  width: 100%;
						  color: white;
						  background-color: #00070d;
						  font-size: 1.1vw;
						  font-weight: 300; 
						  text-align: center;
						  padding: 2.5vw 0vw 2.5vw 0vw; 
						  line-height: 1.5;
						  box-shadow: 0px 1px 10px #6bdae5;
						  animation: none; }
	img.footer			{ text-align: center;
						  width: 15vw; 
						  margin: 0vw 0vw 1vw 0vw;
						  animation: none; }
	br.smallfoot		{ display: none; }
	footer > p			{ opacity: 1;
						  animation: none; }
	a.foot				{ color: white;
						  font-style: normal;
						  text-decoration: underline;
						  transition: color .5s; }
	.foot:hover			{ cursor: pointer;
						  transition: color .5s;
						  color: #6bdae5; }	
							
						 
	/* Landing Page */
	div.landlogo        { position: absolute;
						  transform: translateY(50%);
						  left: 7.5%;
						  width: 25%; }
	img.biglogo			{ max-width: 100%;
						  max-height: 100%;
						  vertical-align: middle; }
	div.intro			{ position: absolute;
						  top: 42vh;
						  right: 7.5%;
					      width: 50%; 
					      text-align: center; }
	div.intro h1		{ font-family: "Bebas Neue", sans-serif;
						  font-size: 3.6vw;
						  font-weight: 300;
						  font-style: normal;
						  opacity: 0;
						  margin-bottom: 10vh;
						  text-shadow: 0px 0px 50px #6bdae5; }
	br.lander			{ display: none; }
	a.explore			{ color: white;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 2.3vw;
						  font-weight: 300;
						  font-style: normal;
						  text-decoration: underline;
						  opacity: 0;
						  transition: color .5s, text-shadow .5s;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.5s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 1.5s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards; }
	.explore:hover		{ color: #6bdae5;
						  text-shadow: 0px 0px 50px #6bdae5; }
						  
						  
	/* Navigation Bar */
	.nav ul				{ list-style-type: none;
						  margin: 0px;
						  padding: 0px;
						  overflow: hidden;
						  margin-right: 2.5%; 
						  padding: 4.5vh 0vw 3.5vh 0vw;
						  animation: none; 
						  opacity: 1; }
	.nav li				{ float: right;
						  animation: none; }
	.nav li a			{ display: block;
						  padding: .5vh 1.5vw 0vh .75vw;
						  text-decoration: none;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 1.6vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: white;
						  transition: color .5s, text-shadow .5s; }
	.nav li a:hover		{ color: #6bdae5;
						  text-shadow: 0px 0px 40px #6bdae5;
						  transition: color .5s, text-shadow .5s; }
	img.header			{ position: absolute; 
					      top: 2vh; 
						  left: 3%;
						  width: 12.5%;
						  max-width: 100%;
						  animation: none; }
	div.cart			{ display: none; }
	/*.dropmenu			{ float: right;
						  display: inline-block; }
	.drop	 			{ background-color: white;
						  color: black;
						  border: none;
						  padding: 0vh 1vw 0vh 1vw;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 1.4vw; 
						  font-weight: 300;
					      font-style: normal; }
	.drop-content 		{ display: none;
						  position: absolute;
						  width: 9%;
						  max-width: 33%;
						  z-index: 1;
						  -webkit-animation: fadeinup .15s;
						  -moz-animation: fadeinup .15s; }
	li .drop-content a	{ padding: 1.5vw 1.5vw 1.5vw 1.25vw;
						  font-size: 1.25vw; }
	.drop-content a 	{ background-color: white;
						  text-decoration: none;
						  display: block;
						  border: .1vw solid black; }
	.dropmenu:hover .drop-content { display: block; }
	a.top 				{ margin-top: 2vh; }
	.menu				{ display: none; }
	.button				{ display: none; }
						 
	
						  transition: color .5s, text-shadow .5s; }
		
	
	/* Mission Page */
	div.about			{ background-image: url("images/back.png");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed;
						  max-width: 100%;
						  height: 85vw;
						  margin: 0;
						  position: relative;
						  z-index: 1;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	.about h2			{ margin-bottom: 0; }
	.about h3			{ margin: 7.5vh 0 0 0; }
	div.mission			{ opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 1s;
						  -moz-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	div.our				{ opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.25s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.25s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	div.disc			{ opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	a.view				{ color: white;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 2vw;
						  font-weight: 300;
						  font-style: normal;
						  text-decoration: underline;
						  transition: color .5s, text-shadow .5s;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.75s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.75s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	.view:hover			{ cursor: pointer;
						  color: #6bdae5;
						  text-shadow: 0px 0px 40px #6bdae5;
						  transition: color .5s, text-shadow .5s; }				  


	/* Strats Page */
	div.strategies		{ background-image: url("images/back.png");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  max-width: 100%;
						  height: 60vw;
						  margin: 0;
						  position: relative;
						  z-index: 1;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: .5s;
						  -moz-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }
	.strategies h2		{ text-align: center; }
	div.strats			{ display: flex;
						  width: 100%;  }
	div.strat1			{ position: relative;
						  flex: 1 1 25%;
						  margin: 1vw;
						  box-shadow: 0 8px 32px 0 rgba(0,0,0,0.18);
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 1s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards;  }
	div.strat2			{ position: relative;
						  flex: 1 1 25%;
						  margin: 1vw;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.25s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.25s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	div.strat3			{ position: relative;
						  flex: 1 1 25%;
						  margin: 1vw;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.5s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	div.strat4			{ position: relative;
						  flex: 1 1 25%;
						  margin: 1vw;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.75s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -webkit-animation-delay: 1.75s;
						  -webkit-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards;  }
	div.stratimg		{ width: 100%;
						  display: block;
						  height: auto; }
	div.overlay 		{ position: absolute;
						  top: 0; left: 0; right: 0; bottom: 0;
						  background: rgba(0,0,0,0.8);
						  opacity: 0;
						  transition: opacity .5s;
						  display: flex; 
						  justify-content: center; 
						  align-items: center; 
						  border-radius: 2vw;
						  box-shadow: 0px 0px 50px #6bdae5; }
	.overlay p		 	{ color: white;
						  font-size: 1.4vw;
						  text-align: center;
						  padding: 20px; }
	.strat1:hover .overlay { opacity: 1;
							 z-index: 2; }
	.strat2:hover .overlay { opacity: 1; }
	.strat3:hover .overlay { opacity: 1; }
	.strat4:hover .overlay { opacity: 1; }
					  
					  
	/* Strat Desc Pages */
	div.stratdesc		{ background-image: url("images/back.png");
						  background-repeat: no-repeat;
						  background-size: cover;
						  background-attachment: fixed;
						  max-width: 100%;
						  height: 90vw;
						  margin: 0;
						  position: relative;
						  z-index: 1;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: .5s;
						  -moz-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }		
	.stratdesc h2		{ text-align: center; }
	h2.strattitle		{ font-size: 2.4vw; }
	div.manage			{ position: relative;
						  padding: 7vh 5% 0vh 5%; 
						  line-height: 1.5;
						  font-size: 1.2vw; }
	h1.manage			{ text-align: center; 
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 2.8vw; 
						  font-weight: 300;
					      font-style: normal;
						  position: relative;
						  opacity: 0;
						  margin: 0 0 8vh 0; }
	h2.manage			{ font-family: "Bebas Neue", sans-serif;
						  font-size: 2vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: #6bdae5; }
	h2.metrics			{ margin: 5vh 0 0 0; }
	div.def				{ text-align: center;
						  opacity: 0;
						  margin-bottom: 2vw;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .75s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: .75s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards; }
	.def a				{ color: white;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 1.2vw; 
						  font-weight: 300;
					      font-style: normal;
						  text-decoration: underline; 
						  margin-bottom: 2vh;
						  transition: color .5s; }
	.def a:hover		{ transition: color .5s;
						  color: #6bdae5; }	
	div.mets			{ display: flex;
						  width: 100%;
						  opacity: 0; 
						  margin-bottom: 1vw;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 1.25s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 1.25s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards;  }
	div.met1			{ position: relative;
						  flex: 1 1 25%; }
	div.met2			{ position: relative;
						  flex: 1 1 25%; }
	div.met3			{ position: relative;
						  flex: 1 1 25%; }
	div.met4			{ position: relative;
						  flex: 1 1 25%; }
	p.metrics			{ font-family: "Bebas Neue", sans-serif;
						  font-size: 1.7vw; 
						  font-weight: 300;
					      font-style: normal;
						  text-align: center; 
						  margin: 0;
						  padding: 0; }
	span.met			{ color: #6bdae5; }
	div.yearly			{ position: relative;
						  display: inline-block;
						  float: left; 
						  margin: 3vh 0 0 0;
						  width: 25%;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 2.5s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 2.5s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards; } 
	.yearly table		{ border-collapse: collapse;
						  margin: 0% auto; }
	.yearly tr, td		{ border: 1px groove white;
						  text-align: center;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 1vw;
						  font-weight: 300;
					      font-style: normal;
						  padding: 1vh 1.5vw; 
						  vertical-align: middle; }
	tr.top td			{ font-family: "Bebas Neue", sans-serif;
						  font-size: 1.2vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: #6bdae5; 
						  border: none; }
	p.fine				{ font-size: .8vw;
						  font-style: italic; }
	div.payme			{ position: relative;
						  display: inline-block;
						  float: right;
						  margin: 3vh 0 0 0;
						  width: 70%;
						  opacity: 0;
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: 2.5s;
						  -webkit-animation-duration: 2s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: 2.5s;
						  -moz-animation-duration: 2s;
						  -moz-animation-fill-mode: forwards; }
	.payme h2			{ text-align: left; }
	div.paypal			{ position: relative;
						  width: 100%;
						  overflow: hidden; }
	div.nr				{ position: absolute;
						  top: 0;
						  left: 50%;
						  width: 100%; }
	a.info				{ color: white;
						  font-style: normal;
						  text-decoration: underline;
						  transition: color .5s; }
	.info:hover			{ transition: color .5s;
						  color: #6bdae5; }	
	
						  

	/* Contact Page */
	div.contact			{ background-image: url("images/back.png");
						  background-repeat: no-repeat;
						  background-size: 100% auto;
						  max-width: 100%;
						  height: 50vw;
						  margin: 0;
						  position: relative;
						  z-index: 1;
						  opacity: 0; 
						  -webkit-animation-name: fadein;
						  -webkit-animation-delay: .5s;
						  -webkit-animation-duration: 1.5s;
						  -webkit-animation-fill-mode: forwards;
						  -moz-animation-name: fadein;
						  -moz-animation-delay: .5s;
						  -moz-animation-duration: 1.5s;
						  -moz-animation-fill-mode: forwards; }	
	div.formleft		{ display: inline-block;
						  float: left;
						  position: relative;
						  width: 35%; 
						  margin-left: 5%; }
	.contact label		{ font-family: "Bebas Neue", sans-serif;
						  font-size: 1.4vw; 
						  font-weight: 300;
					      font-style: normal; }
	span.label			{ font-family: "Bebas Neue", sans-serif;
						  font-size: 1.6vw; 
						  font-weight: 300;
					      font-style: normal;
						  color: #6bdae5; }
	.formleft > input	{ width: 100%;
						  height: 1.5vw; 
						  padding: .65vw;
						  margin: .5vw 0vw 1vw 0vw;
						  background-color: #00070d; 
						  font-family: calibri, arial, sans-serif;
						  color: white;
						  font-size: 1.1vw; 
						  border: .05vw solid gray;
						  transition: border-color .5s, border-radius .5s; }
	div.formright		{ display: inline-block;
						  float: right;
					      position: relative;
						  width: 45%;
						  margin-right: 5%;}
	input:hover			{ border-color: #6bdae5;
						  border-radius: .5vw;
						  transition: border-color .5s, border-radius.5s; }
	input:focus			{ outline: none;
						  border-color: #6bdae5;
						  border-radius: .5vw; }
	textarea.big		{ width: 100%; 
						  height: 11vw; 
						  padding: .75vw;
						  margin: .5vw 0vw;
						  background-color: #00070d;
						  font-family: calibri, arial, sans-serif;
						  color: white;
						  font-size: 1vw;   
						  resize: none;
						  border: .05vw solid gray; 
						  transition: border-color .5s, border-radius .5s; }
	textarea:hover		{ border-color: #6bdae5;
						  border-radius: .5vw;
						  transition: border-color .5s, border-radius.5s; }
	textarea:focus		{ outline: none;
						  border-color: #6bdae5;
						  border-radius: .5vw; }
	input.clearn		{ display: block;
						  background-color: #00070d;
						  color: white;
						  font-family: "Bebas Neue", sans-serif;
						  font-size: 1vw; 
						  font-weight: 300;
					      font-style: normal; 
						  padding: .75vw 1vw .65vw 1vw;
						  border: .1vw solid gray;
						  border-radius: .25vw;
						  transition: border-color .5s, border-radius .5s; }
	.clearn:hover		{ cursor: pointer;
						  color: white;
						  border-color: #6bdae5;
						  border-radius: .5vw; 
						  transition: border-color .5s, border-radius .5s;}