@charset "utf-8";
/* CSS Document */

body
{
 background-color: #000000;
 margin-left: 4vw;
}

@media only screen and (max-width: 700px) {
body  {
    margin-left: 8vw;
  }
}

* {
  box-sizing: border-box;
}
	
.column {
  float: left;
  width: 100%;
  display: none; /* Hide all elements by default */
}

.show {
  display: block;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

table {
	/*border: 0px white solid;*/
	margin-left: 12px;
}
	
#myInput {
  background-image: url('searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #000;
  margin-bottom: 12px;
	margin-left: 12px;
}

#myTable {
  border-collapse: collapse;
  font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
  width: 90%;
  border: 1px solid #B5ADA5;
  font-size: 18px;
  margin-bottom: 12vw;
}
	
#myHeading th {
	border-collapse: collapse;
	font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
	width: 100%;
	line-height: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 10px solid  #cb380e;
	font-size: 18px;
}

.myHeading {
	
	border: 1px  #cb380e solid;
	width: 90%;
	height: 40px;
	margin-left: 12px;
	font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
	background-color:  #cb380e;
	
}

@media only screen and (max-width: 700px) {
#myHeading th  {
    visibility: hidden;
  }
}

.tableHead
{
	background-color: #cb380e;
	border: 0px #B5ADA5 solid; /*  #cb380e #B5ADA5 */
	margin: 0px;
	color: #FFF;
	width: 100%;
	font-size: 1.0vw;
}

@media only screen and (max-width: 700px) {
.tableHead  {
    font-size: 2.7vw;
    padding: 0 2vw 0 0;
  }
}
#myTable th, #myTable td {
	/*border: 0px white solid;*/
	padding-left: 12px; padding-right: 12px;
	padding-top: 2px; padding-bottom: 0px;
}

#myTable tr {
	border-bottom: 1px solid  #cb380e; /*  #cb380e #B5ADA5 */
	width: 100%;
	background-color: #FFFFFF;
	/*border: 2px solid red !important;*/
}

@media only screen and (max-width: 700px) {
  #myTable tr  {
    /*border: 1px solid green !important;
	  background-color: yellow;*/
  }
}

#myTable tr.header, #myTable tr:hover {
  background-color: #E5E2E0;
}

#myBtnContainer
{
	padding-top: 10px;
}

.titleFirst {
	font-size: 3vw;
	line-height: 7vw; 
	padding-top: 22vw;
	padding-left: 12px;
	font-weight: 700;
	font-family: Martianmono Variablefont Wdth Wght, sans-serif;
	color: #FFF;/* #002D74; */
}

@media only screen and (max-width: 700px) {
  .titleFirst   {
    font-size: 7vw;
	line-height: 12vw; 
	padding-top: 12vw;
  }
}
	
	
.titleSecond {
	font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
	font-size: 1.2vw;
	font-weight: 600;
	letter-spacing: 1px;
	color: #14caf1;/* #00ADBB */
	text-transform: uppercase; 
	padding-left: 5px;
}

@media only screen and (max-width: 700px) {
  .titleSecond   {
    visibility: hidden;
	 /* font-size: 4vw;
	  line-height: 2vw;
	  margin: -12px 0 0 12vw;
	  text-align: center;*/
  }
}

.hmeArea {
	font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
	font-size: 1vw;
	font-weight: 400;
	letter-spacing: 1px;
	color: #ffffff;/* #00ADBB */
	text-transform: uppercase; 
	margin-left: 38vw;
	text-decoration: none; 
}

@media only screen and (max-width: 700px) {
  .hmeArea   {
  font-size: 2.2vw;
  margin: 0 30% 20% 30%;

     /*visibility: hidden;
	 font-size: 4vw;
	  line-height: 2vw;
	  margin: -12px 0 0 12vw;
	  text-align: center;*/
  }
}

.hmeArea a{
  color: #ffffff;/* */
  text-decoration: none; 
}

.hmeArea a:hover{
  color: #cb380e;/* */
  text-decoration: none; 
}

td a
{ 
	display: block; 
	color: black;
	text-decoration: none;
	border: 0px red solid;
}

/*this is for the td tags*/
.lefty {
	text-align: left;
	line-height: 23px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 84vw;
	height: 1vw;
	border: 0px green solid;
}

@media only screen and (max-width: 700px) {
  .lefty   {
    /*visibility: hidden;*/
	  font-size: 2.5vw;
	  line-height: 3vw;
	  width: 50vw;
	  height: 14vw;
  }
}


/*this is for the td tags*/
.righty {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 10vw;
	border: 0px red solid;
}


@media only screen and (max-width: 700px) {
  .righty   {
    width: 22vw;
  }
}

.viewLink a
{
	text-align: center;
	font-size: .80vw;
	line-height: 2vw;
	font-weight: 600;
	margin: 0 .15vw 0 .15vw;
	padding-left: 1.2vw;
	padding-right: 1.2vw;;
	/*background-color: white;*/
	width:100%;
	color: #cb380e;
	border: 1px #B5ADA5 solid;/**/
	border-right: 1px #B5ADA5 solid;
}

@media only screen and (max-width: 700px) {
  .viewLink a   {
  /* background-color: royalblue;*/
  	width:12vw;
  	height: 5vw;
  	font-size: 2vw;
  	padding: 1.5vw 0 1vw 0;
  }
}


.viewLink a:hover
{
	/*background-color: #14caf1;*/
	color: #002D74;
	text-decoration-line: underline;
	/*border: 1px #14caf1 solid;*/
}

.viewDwn a
{
	text-align: center;
	font-size: 12px;
	line-height: 33px;
	font-weight: 600;
	padding-left: 0px;
	padding-right: 10px;
	/*background-color: white;*/
	width:100%;
	color: #cb380e;
	/*border: 1px #B5ADA5 solid;*/
}

@media only screen and (max-width: 700px) {
  .viewDwn a   {
	/*background-color: red;*/
  }
}

.viewDwn a:hover
{
	/*background-color: #14caf1;*/
	color: #000000;
	text-decoration-line: underline;
	/*border: 1px #14caf1 solid;*/
}


	
.btn {
  border: none;
  font-family: Martianmono Variablefont Wdth Wght, sans-serif; /*font-family: Arial, "sans-serif";*/
  outline: 1px #B5ADA5 solid;
  padding: 1vw 1vw ;/*12px 16px */
  margin-left: 1vw;
  background-color: white;
  width: 8vw;
  cursor: pointer;
  font-size: 1.10vw;
}

@media only screen and (max-width: 700px) {
.btn  {
    width: 15.5vw;
    padding: 2vw 0vw ;
    margin: .5vw auto .5vw auto;
    font-size: 2.5vw;
  }
}

.btn:hover {
  background-color: #cb380e;
	color: #fff;
}

.btn.active {
  background-color: #14caf1;
  outline: 1px #14caf1 solid;
  color: #000;
  width: 8vw;
}

@media only screen and (max-width: 700px) {
.btn.active {
    width: 15.5vw;
    padding: 2vw 0vw ;
    margin: .5vw auto .5vw auto;
    font-size: 2.5vw;
}
}

* {
	  box-sizing: border-box;
}

@font-face {
  font-family: 'Martiangrotesk Vfvf';
  src: url('https://cdn.prod.website-files.com/6721f8088cd6bbd9354054f1/6721f8088cd6bbd935405562_MartianGrotesk-VFVF.woff2') format('woff2');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Martiangrotesk Stdrg';
  src: url('https://cdn.prod.website-files.com/6721f8088cd6bbd9354054f1/6721f8088cd6bbd93540550d_MartianGrotesk-StdRg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Martianmono Variablefont Wdth Wght';
  src: url('https://cdn.prod.website-files.com/6721f8088cd6bbd9354054f1/6721f8088cd6bbd935405564_MartianMono-VariableFont_wdth%2Cwght.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}