body{
  background-color:coral;
}
#wrapper{
  font-family:tahoma;
}
.container{
  width:95%;
  margin:0 auto;
  
}
#subheader{
  width:100%px;
  height:30px;
  background:red;
  color:white;
  margin-top:-15px;
  
}
#subheader p{

  float:left;
  margin-top:7px;
}
#subheader a{
  float:right;
  line-height:30px;
  color:#fff;
  text-decoration:none;
  margin-left:30px;
}

#main-header{
  width:100%;
  height:100px;
  background:coral;
  float:left;
  margin-top:-15px;
}
#logo{
  width:25px;
  margin-top:20px;
  float:left;
}
#span{
  color:black;
  font-size:45px;
  font-weight:bold;
  margin-left:15px;
  font-family:cursive;
}
#span2{
  color:black;
  font-size:35px;
  font-weight:bold;
  margin-left:15px;

  font-family:cursive;
}
#span3{
  color:black;
  font-size:35px;
  font-weight:bold;
  font-family:cursive;
}
#search{
  width:650Px;
  float:left;
  padding:20px;
  margin-left:300px;
}
.search_Side{
  width:650px;
  height:50px;
  background:#fff;
  border:none;
  border-radius:10px;
  float:left;
  padding-left:15px;
}
.search_Inside{
  width:100px;
  height:50px;
  border-radius:10px;
  border:none;
  color:#fff;
  background:brown;
  margin-left:-100px;
}

#user_menu{
  width:200px;
  float:right;
  margin-top:15px;
}
#user_menu li{
  float:left;
  width:90px;
  text-align:center;
  list-style:none;
  font-size:25px;
  border-left:1px solid black;
  
}
#user_menu li:hover{
  font-size:30px;
  transition:all .5s ease;
}

#user_menu>li>a{
  color:black;
  text-decoration:none;
}
#nav{
  width:100%;
  height:35px;
  background:coral;
  float:left;
}

nav{
  width:1280px;
  margin:0 auto;
  box-shadow:10px 14px 50px 2px coral;
  
}
nav a{
  margin-left:35px;
  color:NAVY;
  text-decoration:none;
}
nav a:hover{
  color:black;
  transition: all .7s ease;
}

#slider{
  width:100%;
  max-width:100%;
  float:left;
  
}
#heading_block{
  width:100%;
  height:auto;
  float:left;
  color:#000;
  font-size:22px;
}

#heading_block h2{
  line-height:35px;
  border-left:20px solid #000;
  padding-left:20px;
}
.checkbox{
  width:235px;
  height:235px;
  float:left;
  overflow:hidden;
  position:relative;
  margin:0 5px 5px 0;
}
.checkbox span{
  width:100%;
  background:rgba(0,0,0,0.6);
  color:white;
  height:35px;
  line-height:35px;
  display:block;
  bottom:30px;
  position:absolute;
  z-index:999;
  text-align:center;
  
}
.checkbox:hover span{
  color:NAVY;
}
.checkbox img{
  max-width:100%;
  transition:all .5s ease;
}
.checkbox:hover img{
  transform:scale(1.3,1.3);
  transition:all .5s ease;
  
}

.products1{
  width:235px;
  height:300px;
  overflow:hidden;
  margin:0 18px 30px 0 ;
  position:relative;
  float:left;
  
}

.products1>img{
  max-width:100%;
  
}
.products_transparent{
  background:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  position:absolute;
  opacity:0;
  transition:all .5s ease;
}
.products1:hover .products_transparent{
  opacity:1;
  transition:all .5s ease;
}
.features{
  text-align:center;
  margin-top:-150px;
  transition:all .5s ease;
}

.features p{
  color:red;
  font-family:verdana;
  
}
.products1:hover .features{
  margin-top:150px;
  transition:all .5s ease;
}
.features input{
  width:150px;
  height:35px;
  font-size:17px;
}
#footer{
  width:100%;
  height:aut;
  background:white;
  float:left;
}
.footers1{
  width:25%;
  float:left;
}
.footers2{
  width:20%;
  float:left;
}
.footers2 ul li{
  list-style:none;
}
.footers2 ul li a{
  text-decoration:none;
  color:olive;
}
.footers2 ul li a:hover{
  color:Maroon;
  text-decoration:underline;
}

.container a:hover{
  color:white;  
}