body
{
	overflow: visible;
	padding: 0px;
	margin: 0px;
}


h1
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 45px;
	font-family: Roboto, Arial, serif; font-weight: 300; 
}

strong
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 45px;
	font-family: Roboto, Arial, serif; font-weight: 300; 
}

p
{
	font-family: Roboto, Arial, serif; font-weight: 400; 
	margin-bottom: 50px;
	color: gray;
}

li
{
	font-family: Roboto, Arial, serif; font-weight: 400; 
	margin-bottom: 50px;
	color: gray;
}

h2
{
	margin-top: 5px;
	margin-bottom: 65px;
	font-size: 25px;	
	font-family: Roboto, Arial, serif; font-weight: 300; 
}

h3
{
	
	font-family: Roboto, Arial, serif; font-weight: 900; 
	color: red;
	margin-top: 10%;
}

h5
{
	margin-top: 35px;
	margin-bottom: 65px;
	text-align: center;
	font-size: 20px;	
	font-family: Roboto, Arial, serif; font-weight: 300; 
	max-width: 900;
	margin-left: auto;
	margin-right: auto;
	
}

h4
{
	font-size: 25px;
	font-family: Roboto, Arial, serif; font-weight: 400; 
}

.article
{
	display: inline-block;
	position: relative;
	padding-right:auto;
	padding-left:auto;
	overflow: hidden;
	width: 90%;
	max-width: 800px;
}

.article *
{
	text-align: left;
}

.article img
{
	width: 100%;
}

.article li
{
	padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
}

.menu_container
{
	width: 100%;
	height: 100%;
	
}


.slide
{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
	
}


.slide.autoHeight {
	height:auto!important;
	min-height: 100%!important;
}

.slide.autoHeight .container {
	position: relative!important;
	transform: translate(-50%, 0%)!important;
	
}
#results
{
	width:100%;
	height:100%;
	position: relative;
	overflow: visible;
	overflow-y: auto;
    overflow-x: auto;
	
}

#menu
{
	width: 100%;
	height: 50px;
	display: inline-block;
	background-color: black;
	position: fixed;
	z-index:99999;
}

#links
{
	position: absolute;
	display: inline-block;
	float: right;
	color: white;
	right: 0px;
	padding-right: 30px;
	
}

#menu li
{
	float: right;
	color: white;
	padding-left: 20px;
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	
	
	
}

#menu li a
{
	color: white;
    text-decoration: none;
}

#logo
{
	position: absolute;
	display: inline-block;
	padding-top: 5px;
}

#logo img
{
	height:40px;
}

.contentt
{
	max-width: 800px;
	height: 150px;
	width: 95%;
	
	margin-top: 30px;
	
	margin-left: auto;
    margin-right: auto;
    
}

.med .container .name
{
	display: none!important;
}

.med .container .summ
{
	display: none!important;
}


.small .container .name
{
	display: none!important;
}

.small .container .summ
{
	display: none!important;
}

.small .container .con
{
	display: none!important;
}

.small .container .pro
{
	display: none!important;
}


table
{
	transform-origin: 0% 0%;
	transform: scale(1)!important;
}

.med table
{
	transform-origin: 0% 0%;
	transform: scale(0.8)!important;
}



.container
{
  text-align: center;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#slide0
{
	height:auto;
}

#slide0 .container
{
  text-align: center;
  position: relative;
  background-color: blue;
  width: 80%;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
}



#results .container
{
	width: 80%;
	height: auto;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
   
	
}

.slide.autoHeight .btns_container
{
	padding-bottom: 10%;
}

.option_btn
{
	cursor: pointer;
	display:inline-block;
	position: relative;
	width: 250px;
	height: 80px;
	border: 1px solid black;
	padding: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	
	-webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
	
	
}


.option_btn h4
{
	width: 85%;
	padding: 0px;
	margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
}



.option_btn:hover
{
	background-color: #1F57D4;
}

.option_btn:hover h4
{
	color: white!important;
}

#slide_1
{
	background-color: black;
}

#slide_1 h2,h4
{
	color: white;
}


#slide_1 .option_btn h4
{
	color: white;
}

#slide_1 .option_btn
{
	border: 1px solid white;
}


#slide_7 .container
{
	max-width: 800px!important;
	text-align: left;


}


#slide_7 .container p
{
	line-height: 200%;

}

#slide_7 .container h5
{
	text-align: left;
	margin-top: 60px;
	margin-bottom: 20px;

}



.tg img
{
	width: 100px;
}





#tg-4NvY7 .tg-yw4l {
    vertical-align: top;
    padding: 20px;
    padding-top: 20px;
    border-bottom: solid 1px gray;
    max-width: 150px;
    
}


#tg-4NvY7 .tg-sort-header {
    vertical-align: top;
    text-align: left;
    color: gray;
    border: solid 0px gray;
}

#tg-4NvY7 .score
{
	font-family: Roboto, Arial, serif; font-weight: 400; 
	margin-bottom: 50px;
	font-size: 60px!important;
	color: gray;
	text-align: center;
}

#tg-4NvY7 .conc
{
	font-family: Roboto, Arial, serif; font-weight: 400; 
	margin-bottom: 50px;
	font-size: 20px!important;
	color: black;
	text-align: left;
}

#tg-4NvY7 .pro
{
	color: #136B1A;
}

#tg-4NvY7 .con
{
color: #9C1818
}

#tooltipWindow
{
	display: inline-block;
	position: absolute;
	z-index:99999;
	transform: scale(0.3);
	width: 1200px;
	height: 800px;
	background-color:black;
	
}

#tooltipWindow iframe
{
	width: 1200px;
	height: 800px;
	
	
}

tr{
	
  cursor:pointer;
  display:block;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  	
  
}

tr:hover
{

	transform: scale(1.05);
	background-color: white;
	-webkit-box-shadow: 10px 10px 80px -23px rgba(0,0,0,0.55);
	-moz-box-shadow: 10px 10px 80px -23px rgba(0,0,0,0.55);
	box-shadow: 10px 10px 80px -23px rgba(0,0,0,0.55);
    z-index:999999;

}

tr.header:hover
{
transform: scale(1);
background-color: white;
	-webkit-box-shadow: 10px 10px 80px -23px rgba(0,0,0,0);
	-moz-box-shadow: 10px 10px 80px -23px rgba(0,0,0,0);
	box-shadow: 10px 10px 80px -23px rgba(0,0,0,0);

}

tr.header th
{
text-align: left;

}


.tg td.name { 
	
	min-width: 150px; 
	line-height: 60px;
	font-family: Roboto, Arial, serif; font-weight: 400; 
	margin-bottom: 50px;
	font-size: 20px!important;
	color: black;
	text-align: left;

}

.tg td.logo { 
	
	min-width: 80px; 

}

.tg th.name { 
	
	min-width: 150px; 

}

.tg th.logo { 
	
	min-width: 80px; 

}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{ min-width: 150px; font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal;}
.tg th{min-width: 150px; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
th.tg-sort-header::-moz-selection { background:transparent; }th.tg-sort-header::selection      { background:transparent; }th.tg-sort-header { cursor:pointer; }table th.tg-sort-header:after {  content:'';  float:right;  margin-top:7px;  border-width:0 4px 4px;  border-style:solid;  border-color:#404040 transparent;  visibility:hidden;  }table th.tg-sort-header:hover:after {  visibility:visible;  }table th.tg-sort-desc:after,table th.tg-sort-asc:after,table th.tg-sort-asc:hover:after {  visibility:visible;  opacity:0.4;  }table th.tg-sort-desc:after {  border-bottom:none;  border-width:4px 4px 0;  }@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>