h1 {
  text-align: center;
  font-size: 200%;
}

.Home {
  font-family: Arial;
}

.Products {
  font-family: Arial;
}

.Services {
  font-family: Arial;
}

.Reviews {
  font-family: Arial;
}

.Help {
  font-family: Arial;
}

.Contact_Us {
  font-family: Arial;
}

.About_Us {
    font-family: Arial;
}

.Roadmap {
    font-family: Arial;
}

body {
  font-family: Verdana, sans-serif;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}  
table, th, td {
  margin-left: auto;
  margin-right: auto;
}

.navbar {
  overflow: hidden;
  background-color: #333;
}
.navbar a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.navbar a:hover {
  background-color: #ddd;
  color: black;
}
.navbar a.first {
  background-color: #ff0000;
  color: white;
}
.topnav input[type=text] {
  float: right;
  padding: 6px;
  border: none;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 17px;
}

.faq-heading{
    border-bottom: #777;
    padding: 20px 60px;
}
.faq-table{
display: flex;
flex-direction: column;
}
.hr-line{
  width: 60%;
  margin: auto;
  
}
.faq-page {
    color: #444;
    cursor: pointer;
    padding: 30px 20px;
    width: 60%;
    border: none;
    outline: none;
    transition: 0.9s;
    margin: auto;
}
.faq-body{
    margin: auto;
   width: 50%; 
   padding: auto;
   
}
.active,
.faq-page:hover {
    color: #FF0000;
}
.faq-body {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}
.faq-page:after {
    content: 'V';
    font-size: 15px;
    color: #777;
    float: right;
}
.active:after {
    content: "X";
}
.home {
  background-image: url("homepage.png");
   font-size: 500%;
   text-align: center;
   color: white;
   outline: 5px solid black
}    
.Intro {
    text-align: center;
    font-family: Arial;
    width:800px;
}
#Fluff {
    text-align: left;
    width:800px;
    font-family: Arial;
}
.FluffList {
    width:800px;
    padding-left:32%;
    font-family: Arial;
    display: inline-block; 
    text-align: left;
}
.MiddleLower {
    text-align: center;
}
#videotext {
    text-align: center;
    width:800px;
    font-family: Arial;
}
#founder {
    border-radius: 20%;
    padding-bottom:8px;
}
.AUBanner {
    margin:auto;
    outline:none;
    border:none;
    text-align:center;
    font-size:200%;
}
h2 {
    margin:auto;
    outline:none;
    border:none;
    text-align:center;
    font-family: Arial;
}
ul {
    list-style-position: inside;
}
fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border: 2px groove;
  border-color: #000000;
  background-color: #e6e6e6;
  width:1000px;
  text-align: left;
}
#largebox {
    width:80%;
}
.smallbox {
    width:25%;
}
.namebox {
    width:20%;
}
.required:after {
    content:" *";
    color: red;
}
#astetik {
    color: red;
}
.button {
    background-color: #ff0000;
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
}
.button:hover {
    opacity: 0.6;
    cursor: pointer;
}
h3 {
    margin: auto;
    outline: none;
    border: none;
    text-align: center;
}
#newsletter {
    width: 15px;
    height: 15px;
}
#phone {
    width:9%;
}
.leftbox {
    float:left; 
    background:white;
    width:25%;
    height:280px;
    margin:5px;
}
.middlebox {
    float:left; 
    background:white;
    width:25%;
    height:280px;
    margin:5px;
}
.rightbox {
    float:left;
    background:white;
    width:25%;
    height:280px;
    margin:5px;
}
#row1 {
    display:flex;
    flex-direction:column;
    padding-left:20%
}
#row2 {
    display:flex;
    flex-direction:column;
    padding-left:20%
}
#row3 {
    display:flex;
    flex-direction:column;
    padding-left:20%
}
.imgo {
    opacity: 1.0;
}
.imgo:hover {
    opacity: 0.6;
}
.roadmap{
    
    position: relative;
}
.roadmap:before
{
content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('road.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.roadmat {
 position: relative;   
}
#search {
    float: right;
    border: 1px solid grey;
    background: #f1f1f1;
    padding-left: 10px;
    width:20%;
    font-size: 14px;
}
#icon {
    float: right;
    border: 1px solid grey;
    border-left: hidden;
    background: #ff3a00;
    opacity: 1.0;
}
#icon:hover {
    opacity: 0.65;
}
#searchbarproduct {
    display: flex;
    flex-flow: row-reverse;
}
.product {
    background: red;
    width:20%;
    height:20%;
    float: left;
    margin:auto;
}
.rating {
    background: white;
    width:200px;
    height:400px;
    float: left;
    margin:auto;
}
.topproduct {
    width:100%;
}
.detail {
    background: white;
    width:300px;
    height:400px;
    float: left;
    margin:auto;
}
#pr1 {
    display:flex;
    flex-direction:row;
    padding-left:10%;
    overflow: auto;
}
.categories {
  background-color: #000000;
  color: white;
  padding: 7.6px;
  font-size: 16px;
  border: 1px solid grey;
  border-top: hidden;
  float: right;
  cursor: pointer;
}
.categories:hover {
    background-color: red;
}
.cdd-content {
  display: none;
  float:right;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}
.cdd-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {
    background-color: #ddd;
}
.show {
    display: block;
}
h4 {
    font-family: Arial;
}
#producttitle {
    margin:auto;
    outline:none;
    border:none;
    text-align:center;
    padding-left:25%;
}
#des {
    text-align: justify;
    font-family: Arial;
}
#rate {
    font-family: Arial;
}
.cpg:hover {
    cursor: pointer;
}
meter::-webkit-meter-optimum-value {
  background: red;
}
#button {
    background-color: #ff0000;
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
}
#button:hover {
    opacity: 0.6;
    cursor: pointer;
}
}