body{
	background-color:  black ;
}

#logo{
	height: 70px;
	width: 220px;
	margin-left: 5%;
}


#cart{
	float: right;
}

.highap{
   color:white; 
	margin-left:100px;
}

.topform{

	margin-left: 15%;
	width: 90%
	
}
.keyword {
	padding: 6px 0px 2px 10px; 
	font-size:20px;
	
	
}
#drop{
	max-width: 100px; 
padding: 10.6px 0px 3.8px 0px; 
	font-size:15px;
margin: 8px 0px 10px 0px;
}

 #search{
	width: 40%;
	margin: 15px 0px 10px -4px;
}
#srchbtn{
	height: 34px;
	background-color: #f13a11;
	margin-left: -4.6px;
	margin-bottom: -9.3px;
	padding-top: 1px;
	padding-left: 4px;
}



/*img#logo{
 float:left;
 margin-top:-4px;
 
}*/

.title{
	float:left;
margin-top: 1px;
margin-right: -10px;
margin-left: 50px;
color: #F2C91E;
}

.footer{
	  width:77%;
  margin-left:10%;
  margin-right: 10%;
width: auto;
background-color: #f13a11;
	height: 25px;
  border-radius: 0px 0px 25px 25px;
}


.navbar{
  width:77%;
  margin-left:10%;



}

.spacer{
	width: 100%;
}

#space{
	width:60%;
	margin-left: 10%

}
#cent{

	height: 460px;
}

#centi{
	height:100px;
	width: 250px;
}

#top{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.kit{
	background-color: #5499C7;
		width: 20%;
	height: 421px;
float: left;
	text-align: center;
	margin-left:10%;
	

}

.kit h1{
	font-size: 10px;

}


#sub{
	margin-top: 20px;
  background-color: #3DD1E7;
  border: 0 solid #E5E7EB;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.75rem;
  padding: .75rem 1.65rem;
  position: relative;
  text-align: center;
  text-decoration: none #000000 solid;
  text-decoration-thickness: auto;
  width: 100%;
  max-width: 460px;
  position: relative;
  cursor: pointer;
  transform: rotate(-2deg);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}





.auto{
	width: 60%;
	height: 420px;
	background-color: #f9f9f9;
	float: left;

	
}


.navbar li{
	display: inline-block;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-left: 0px;
	text-align: center;

}
.navbar li a{
	text-decoration: none;
	color: #f13a11;
	background-color: black;
	padding: 8px 20px;

	transition: 0.44s ease;
}

.navbar li a:hover{
	background-color: #f13a11;
	color: white;
	border: 2px solid ; 
	
}
.navbar li#active a{
	background-color: black;
	color: #fff;
	
}




.middle{
	width: 60%;
	height:250px;

	float: left;
}

#a{
	background-color:purple;
	
}
#b{
	background-color: yellow;
}

.center{
	display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;

}

.cen{
	width: 80%;
	height: 420px;
	background-color:#333333;
margin-left: 10%;
color: white;

}

.cartt{
	width: 80%;
	height: auto;
	background-color:white;
margin-left: 10%;
}

.tab{
	display: flex;
  justify-content: center;
  align-items: center;

}

.mc{
	text-align: center;
}

.card {
	display: inline-block;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 30%;
height: 200px;
margin-left: 9%;
text-align: center;
font-family: arial;
}

.price {
color: grey;
font-size: 10px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 250px;
  margin: 1px 40px 1px 40px;
  display: inline-block;
  height: 300px;
  text-align: center;
  font-family: arial;
  background-color: #D6EBF2;
display: flex;
  align-items:flex-start;
}

.price {
  color: grey;
  font-size: 22px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;

}




.cardbutton:hover {
  opacity: 0.7;
}


.products{
	  width: 100%;
	  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.navbar{

width: auto;
background-color: #f13a11;
	height: 38px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: -3px;
padding-top: 5px;
border-radius: 25px 25px 0px 0px;
}



.checkout{
width: 80%;
float: left;
height: auto;
	background-color:white;
margin-left: 10%;
}

.cphp{
	width: 45%;
float: left;
	background-color:white;
height: auto;

}

.pay{
width: 55%;
float: right;
	background-color:white;
	height: auto;

}

#cupload{
	  display: flex;
  justify-content: center;
  align-items: center;
}



.acc{
	background-color: #99cfe0; 
	width: 15%; 
	height: 420px; 
	text-align: center; 
	float: left;
}

.acc li{
	display: flex;
width: 100%; 
	text-align: center;

}
.acc li a{
	text-decoration: none;
	color: #fff;
	background-color: #5499C7  ;
	padding: 8px 20px;
width: 100%;
	transition: 0.44s ease;
}

.acc li a:hover{
	background-color: #fff;
	color:#05b3ca ;

	
}


a:link {
  color: #f13a11;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

.tab a:visited {
  color: grey;
  background-color: transparent;
  text-decoration: none;
}

.center a {
  color: red;
  background-color: transparent;
  text-decoration: none;
}

#view{
	height: 480px;
}


.parent{
margin-right: 5%;

	float: right;

}

.student{
margin-left: 5%;

	float: left;
}





@media (max-width:760px) {
	.un_email{
		display:none;
	}



}

@media (max-width:970px) {
	.un_phone{
		display:none;
	}


		#view{
	height: 1200px;
}

.cen{
	width: 100%;
    margin-left:0px;
}

.footer{
	  width:100%;
  margin-left:0px;

}

#top{
  width:100%;
    margin-left:0px;
}

.parent{
margin-top: 40px;
margin-left: 1%;
margin-right: 0%;
float: left;

}

#logo{
	margin-left: 20%;
}

}

@media (max-width:1180px) {
	.un_status{
		display:none;
	}



}