/* Style the tab */

.tabheight{
	height:500px;
}

@media only screen and (max-width:1025px){
	.tabheight{
		height:400px;
	}
}

.tabhover {
  float: left;
  width: 45%;
  height: auto;
  padding-left: 8%;
  padding-top: 5%;
}

@media only screen and (max-width:1025px){
	.tabhover{
		width: 55%;
	}
}

.tabhover button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 20px 20px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
}

.tabhover button:hover {
/*   border: 1px solid #ff8900; */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.tabhover button.active {
/*   border: 1px solid #ff8900; */
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}


.tabcontent {
  padding: 0px 12px;
  width: 55%;
  border-left: none;
  height: 300px;
  display: none;
  float: right;

}

@media only screen and (max-width:1025px){
	.tabcontent{
		width: 45%;
		padding: 20px 20px;
	}
}

.tabcontent.active {
  display: block;
}


.restore_button{
	padding-top:0px;
}

@media only screen and (max-width:1367px){
	.restore_button{
	padding-top:30px;
	}
}

@media only screen and (max-width:1025px){
	.restore_button{
	padding-top:30px;
	}
}
	
.dual_power_circle{
	padding-top:0px;
}

@media only screen and (max-width:1367px){
	.dual_power_circle{
	padding-top:50px;
	}
}