@charset "UTF-8";

/* Google Fonts Import Link */
/*@import url('https://fonts.googleapis.com/css?family=HK+Grotesk:400,600,300&display=swap');*/
/* CSS Document */

*{
  font-family: "HK Grotesk", sans-serif;
}

.breakDiv{
	margin: 30px;
		}

.beta_header {
	
	width: 1200px;
	height: 43px;
	margin-left: 15px;
	border-style: solid;
	border-width: 1px;
	border-radius: 12px;
	background: #FAFADF;
	border-color: lightcoral;
	margin-bottom: 5px;
	padding-top: 10px;
	text-align: center;
	font-size: smaller;
	color: lightcoral;
	
	
}

.beta_header_flex {
	
	width: 95%;
	height: 43px;
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-radius: 12px;
	background: #FAFADF;
	border-color: lightcoral;
	margin-bottom: 5px;
	padding-top: 10px;
	text-align: center;
	font-size: smaller;
	color: lightcoral;
	
	
}

.domain_header {
	
	width: 1200px;
	height: 200px;
	margin-left: 15px;
	border-style: solid;
	border-width: 5px;
	border-radius: 12px;
	background: #fff;
	border-color: black;
	margin-bottom: 5px;
	padding-top: 75px;
	text-align: center;
	font-size: large;
	color: black;
	
	
}

.domain_header_flex {
	
	width: 95%;
	height: 200px;
	margin: auto;
	border-style: solid;
	border-width: 5px;
	border-radius: 12px;
	background: #fff;
	border-color: black;
	margin-bottom: 5px;
	padding-top: 75px;
	text-align: center;
	font-size: large;
	color: black;
	
	
}

.copy{
			font-size: smaller;
			align-content: center;
		}

.copyCard{
			margin: auto;
			width: 50%;
		}

.copyMain{
			padding-top: 50px;
			align-content: center;
			text-align: center;
		}

.chart{
	display: block;
	
	margin: auto;
	width: 97%;
}

.chart_1000{
	display: block;
	
/*	margin: auto;*/
	width: 1200;
	padding-left: 40px;
}

.chart text{
	
	font-family: "Arial";
}



/*
.chart:after {
  content: '';
  border-left: 1px dashed rgb(68, 74, 79);
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 172px;
  bottom: 563px;
  left: var(--left);
}

.chart:hover:after {
  opacity: 1;
}
*/


.chart_element{
	
}

.chart_element:after {
  content: '';
  border-left: 2px dashed rgb(68, 74, 79);
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: -10px;
  bottom: -10px;
  left: var(--left);
}

.chart_element:hover:after {
  opacity: 1;
}

.chartCard{
			width: 50%;
			margin: auto;
			
		}

.chartCardLarge{
/*	width: 1200px;*/
	width: 95%;
	min-width: 908px;
	margin: auto;
	margin-top: 15px;
	align-content: center;
	border-style: solid;
/*	outline: thin solid #e6e6e6;*/
	border-width: 1px;
	border-color: lightgray;
	padding-bottom: 25px;
	background-color: white;
		}

.chartCardLarge_1200{
	width: 1200px;
/*	width: 95%;*/
	min-width: 908px;
	margin-left: 15px;
	margin-top: 15px;
	align-content: center;
	border-style: solid;
/*	outline: thin solid #e6e6e6;*/
	border-width: 1px;
	border-color: lightgray;
	padding-bottom: 25px;
	background-color: white;
		}

.chartCardLarge_text{
/*	width: 1200px;*/
	width: 95%;
	min-width: 908px;
	margin: auto;
	
	margin-top: 15px;
	align-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
/*	padding-bottom: 25px;	*/
	margin-bottom: 40px;
	background-color: white;
		}

.chartCardLarge_text p{
/* 	font-family: "Open Sans", sans-serif;*/
/*	HK Grotesk*/
	font-family: "HK Grotesk", sans-serif;
	font-size: 13px;
	letter-spacing: 0.03em;
	color: #1d1b31;
		}


.chartCardLarge_text strong{
	font-family: "HK Grotesk", sans-serif;
	font-weight: 600;
	
		}

.chartCardLarge_text_1200{
	width: 1200px;
/*	width: 95%;*/
	min-width: 908px;
	margin-left: 15px;
	
	margin-top: 15px;
	align-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
/*	padding-bottom: 25px;	*/
	margin-bottom: 40px;
	background-color: white;
		}

.chartCardLarge_text_1200 p{
/* 	font-family: "Open Sans", sans-serif;*/
/*	HK Grotesk*/
	font-family: "HK Grotesk", sans-serif;
	font-size: 13px;
	letter-spacing: 0.03em;
	color: #1d1b31;
		}

.chartCardLarge_text_1200 strong{
	font-family: "HK Grotesk", sans-serif;
	font-weight: 600;
	
		}


.chartCardLarge_header{
	
	width: 100%;
	height: 43px;
	margin: auto;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: lightgray;
	margin-bottom: 15px;
	
			
		}

.chartCardLarge_header_1200{
	
	width: 1200px;
	height: 43px;
	margin: auto;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: lightgray;
	margin-bottom: 15px;
	
			
		}

.chartCardLarge_header_1200 a{
	
	font-size: 14px;
	font-weight: 480;
	padding-left: 18px;
	margin-left: auto;
	
			
		}

.chartCardLarge_header_title{
	display: inline-block;
	padding-top: 8px;
	width: calc(100%-61px);
	font-family: "Arial";
	
		}
.chartCardLarge_header_title a {
	font-size: 14px;
	font-weight: 480;
	padding-left: 18px;
	margin-left: auto;
	
	

		}

.copyCardCharts{
			margin: auto;
			width: 50%;
			margin-top: 20px;
			padding-bottom: 50px;
			margin-bottom: 50px;
			padding-left: 30px;
		}
.justRight{

	margin-left: auto;
	margin-right: 0;
	
}

.chart_addon{
	display: none;
	width: 100%;

	
}

.chart_addon.active{
	display: block;
	width: 100%;
}

.crosshair{
/*
	height: 100%;
	min-height: 800px;
	
*/
}

.crosshair:after {
  content: '';
  border-left: 1px dashed rgb(68, 74, 79);
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 145px;
	height: 1060px;
/*  bottom: 10%;*/
  left: var(--left);
  pointer-events: none; 
}

.crosshair:hover:after {
  opacity: 1;
}


.second_line{

}

.second_line:after{
	content: '';
  border-left: 1px dashed rgb(68, 74, 79);
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 990px;
  bottom: -10px;
  left: var(--left);
}

.second_line:hover:after {
  opacity: 1;

}

.chart_btn_div{
	padding-left: 15px;
}
			
.chart_multi{
	
}

.copyCardChartsLarge{
			margin: auto;
			width: 50%;
			margin-top: 20px;
			padding-bottom: 50px;
			margin-bottom: 50px;
			padding-left: 3%; 
		}

.content_frame {
	width:98%;
	display: inline-block;
	min-width: 910px;
}

.content_landing {
	width:98%;
	display: inline-block;
	max-width: 1100px;
/*	min-width: 910px;*/
}

.content_frame a{
	font-family: "HK Grotesk", sans-serif;
	letter-spacing: 0.02em;
}

.content_frame .header {
/*	padding-top: 12px;*/
	width:100%;
/*	display: block;*/
}
.content_frame .pad {
	display: flex;
	width: 2px;
	height: 130vh;
}

.cursor, .hand{
	position: fixed;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
/*	transition: transform .1s;*/
}

.cursor {
	background: #000000;
	top: 0;
	width: 20px;
	height: 20px;
	z-index: 999;
}

.hand{
	background: #000000;
	top: 50%;
	width: 150px;
	height: 150px;
	display: grid;
	place-content: center;
	z-index: 998;
}

.button{
  background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	height: 30px;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}



.button a{
  color: #11101d;
}

.button:hover, .button:focus{
	  background-color:  #f2f2f2;
}

.button_active{
  background-color: #f2f2f2;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	height: 30px;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}

/*
.button.active{
  background-color: #F31014;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	height: 30px;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
*/

.button_chart{
  background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	height: 25px;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 9px;
  margin: 4px 2px 14px;
  cursor: pointer;
}

.button_chart.active{
  background-color: #f2f2f2;
}
.dropbtn {
	
  background-color: #fff;
  color: black;
  padding: 12px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #f2f2f2; 
}

.dropbtn_inActive {
	
  background-color: #fff;
  color: lightgray;
  padding: 12px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown_chart{
/*	display: inline-block;*/
	float: right;
	width: 61px;
  	margin-left: auto;
  	margin-right: 0;
	border-left-style: solid;
	border-width: 1px;
	border-color: lightgray;
/*
	margin-left: auto;
  	margin-right: 0px;
  	display: inline-block;
*/
	
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 90px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 12px;
  
}

.dropdown_chart a:hover {background-color: #ddd;}

.home_card{
	font-size: 13px;
	display: inline-flex;
	width: 40%;
	padding: 20px;
	height: 250px;
	margin-left: 3%;
	min-width: 300px;
	max-width: 400px;
	margin-bottom: 20px;
	border-style: solid;
	border-color: lightgray;
	border-width: 1px;
}

.home_card span{
	font-size: 17px;
	font-weight: 500;

}

.home_card_top {
	font-size: 16px;
	display: inline-flex;
	width: calc(80%);
	margin-top: 11px;
	padding: 20px;
	padding-left: 40px;
	min-height: 250px;
	min-width: 300px;
	margin-left: 6px;
	margin-bottom: 9px;

}

.home_card_top span{
	font-size: 21px;
	font-weight: 500;

}

.home_card_top a{
	opacity: 1;
	color: #11101d;
	font-weight: 500;
}

.home_card_header {
	font-size: 16px;
	display: inline-flex;
	width: calc(80%);
	margin-top: 11px;
/*	padding: 20px;*/
	padding-left: 40px;
	min-height: 30px;
	min-width: 300px;
	margin-left: 6px;
	margin-bottom: 0px;

}

.home_card_chartheader {
	font-size: 14px;
	display: inline-flex;
	width: 100%;
	margin-top: 20px;
/*	padding: 20px;*/
	padding-left: 40px;
	min-height: 20px;
	min-width: 300px;
	margin-left: 6px;
/*	margin-bottom: 9px;*/

}

.home_card_chartheader .rightMenu{
	font-size: 13px;
	position: relative;
	top: 16px;
	margin-left: auto;
	margin-right: 3%;
	

}

.home_card_chartheader .rightMenu .active{
	font-weight: 600;
}

.home_card_chartheader_1200 {
	font-size: 14px;
	display: inline-flex;
	width: 1200px;
	margin-top: 20px;
/*	padding: 20px;*/
	padding-left: 40px;
	min-height: 20px;
	min-width: 300px;
	margin-left: 6px;
/*	margin-bottom: 9px;*/

}

.home_card_chartheader_1200 .rightMenu{
	font-size: 13px;
	position: relative;
	top: 16px;
	margin-left: auto;
/*	margin-right: 3%;*/
	

}

.home_card_chartheader_1200 .rightMenu .active{
	font-weight: 600;
}


.home_card_subheader {
	font-size: 14px;
	display: inline-flex;
	width: calc(80%);
	margin-top: 20px;
/*	padding: 20px;*/
	padding-left: 40px;
	min-height: 20px;
	min-width: 300px;
	margin-left: 6px;
/*	margin-bottom: 9px;*/

}

.home_card_subheader a{
  color: #11101d;

}

.home_card_subheader a:hover{
  color: darkgrey;

}

.home_card_header span{
	font-size: 21px;
	font-weight: 500;

}

.home_card_subheader span{
	font-size: 20px;
	font-weight: 500;

}



.home_card_header a{
	opacity: 1;
	color: #11101d;
	font-weight: 500;
}

.home_card i{
	position: relative;
	top:120px;
/*	left:0px;*/
/*	right:10px;*/
	opacity: 1;
	color: #efeff5;
	font-size: 90px;
}


.show {display: block;}


@media screen and (max-width:992px){
	
	
	.chartCardLarge{
	width: 908px;
/*	width: 96%;*/
	min-width: 600px;
	margin: auto;
	margin-top: 15px;
	align-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	padding-bottom: 25px;	
		}

.chartCardLarge_text{
	width: 908px;
/*	width: 96%;*/
	min-width: 600px;
	margin: auto;
	margin-top: 15px;
	align-content: center;
	border-style: solid;
	border-width: 1px;
	border-color: lightgray;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
/*	padding-bottom: 25px;	*/
	margin-bottom: 40px;
		}
	
	
.home_card_top {
	font-size: 13px;
	display: inline-flex;
	width: calc(80%);
	margin-top: 11px;
	padding: 20px;
	padding-left: 25px;
	min-height: 250px;
	margin-left: 6px;
	margin-bottom: 9px;

}

.home_card_top span{
	font-size: 17px;
	font-weight: 500;

}

	
.home_card i{
	position: relative;
	top:130px;
	left:10px;
/*	right:10px;*/
	opacity: 1;
	color: #efeff5;
	font-size: 80px;
}
	
/*.verticalTrackerLine {
  border-left: 2px dashed RGB(68, 74, 79);
  position: fixed;
  z-index: 1;
  opacity: 0;
  transition: left 0.1s;/* <------ this was moved from JS */
/*  pointer-events: none;  <------ this was added */
/*}*/
	
	

	
	
}