.inputa{

	position:absolute;
	margin-top:21px;
	cursor:pointer;
	width:300px;
	height:60px;
	padding:15px; 
	border:2px solid white;
	color:white; 
	background:none;
	border-radius:60px;
}

input{

}
header{

background:white;
height:50px; 
margin:-13px;

}

footer{

height:50px;
margin:0px;
color:white;
position:relative;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: f9f1f1;
  outline: 1px solid f9f1f1;
}

body{
 font-family:"Poppins", sans-serif;
 background:none;
}
 
#add_order{

width:30px;
 height:30px;
 border-radius:100px;
 top:375px;
 left:1060px; 
 position:fixed;
 z-Index:215; 
 background-image:url(images/add_order.png);
 background-size:cover;
 border:1px solid grey;
 color:black;
 
}

a{

text-decoration:none;
}

footer center{

position:relative;
top:20px;
}

.main_nav{

 padding:5px;
 border-radius:0px;
 background-image:url('images/b94_bg.jpg');
 position:relative;
 left:-20px;
 top:-240px;
 width:102%;
 height:5px;
 
}

.main_nav a span{
	
 color:black;
 padding:5px;
 position:relative;
 top:10px;
 text-align:center; 
 padding:10px;
 transition:0.4s;
}

.main_nav a span:hover{
	
	background-image:url('images/b94_bg.jpg'); 
	 color:white;
	 transition:0.4s;
}
.title_nahu{
 
color:black; 
position:absolute; 
top:-15px;
left:80px;
width:30px;

}

.front_cover{

margin-top:20px;
background-attachment:fixed;
height:500px;
width:102%;
left:-10px;
position:relative;
background-image:url('/images/s1.jpg');
background-size:cover;

}

.front_cover center span{

position:relative;
font-size:25px;
top:330px;
z-index:111;

}

.home_define{

margin-top:20px;
background: none;
height:auto;
width:102%;
left:-8px;
position:relative;
}

.customise_item{

 background-image:none;
 background-size:cover;
 z-index:310;
 float:left; 
 border-top:40px solid blue; 
 border-bottom:3px solid blue; 
 border-radius:10px;
 box-shadow: 0px 8px 8px 2px rgba(0,0,0,0.2);
 margin-left:10px;
 width:200px; 
 height:200px;
 cursor:pointer;
 color:white;
  
}

.customise_item:hover {

transition:0.5s;
background-size:top;

}
.customise_item span {
 
 display:block;
 position:relative; 
 top:-30px; 
 font-size:20px;
 left:20px;
 text-align:center;
 transition:0.5s;
 
}

#item_pic{
 opacity:0;
 transition:0.5s;
 padding:2px; 
 border-radius:60px;
 width:120px;
 position:absolute;
 margin-left:-126px;
 top:80px;
}

#item_pic:hover{

  opacity:1;
  transition:0.5s;
 
}

.customise_item:hover #item_pic {

  opacity:1;
  transition:0.5s;
  box-shadow: 8px 17px 8px 2px rgba(0,0,0,0.2);
 
}

.btn{

	width:100px; 
	height:30px;
	background:skyblue;
	position:absolute;
	border-radius:20px;
    top:240px;
    border:none;
	cursor:pointer;
}



#aymlogo{

position:absolute; 
top:60px; 
left:30px;
width:50px;
}

#nav_heads{

position:relative; 
left:300px; 
}

#nav_heads , span{

 margin-left:50px;
 position:float; 
 float:left; 
 top:20px;

}
 #login{
 
transition:0.3s;
 opacity:0;
 position:absolute;
 left:-390px;
 top:320px; 
 transform:rotateZ(270deg);
 -webkit-transform:rotateZ(270deg);
 }
 
 #login table{
 
 background:none;
 font-size:18px;
 position:absolute; 
 left:120px;
 top:150px;
 }
 
 #signup{
 
 padding:5px;
 background:none; 
 width:240px;
 font-size:17px;
 position:absolute;
 z-Index:400px;
 top:130px;
 margin-left:15px;
 cursor:pointer; 
 }
 
 
 #kamot{
 
width:400px; 
top:130px;
position:absolute;
 }
 
 #home_define{
 
position:absolute;
bottom:-20px;
z-index:10;
width:100%;
border-bottom:30px solid white;
 }
 
#search{

position:absolute;
 left:350px;
}

#search img{

position:absolute;
top:13px;
left:105px;
z-index:10;
width:20px;
}

#search input{

text-indent:30px; 
font-size:15px;
 left:100px;
 width:300px;
 border-radius:30px;
 position:absolute;
 top:10px;
}

#downClick{

cursor:pointer; 
background-image:url(images/order.jpg);
background-size:cover;
position:relative;
top:320px;
z-index:100;
border-radius:100px;
height:140px;
width:140px;
}

#downClick span{

position:relative;
top:150px;
left:-80px;
width:200px;
}

#purchase{

display:block;
text-align:center; 
font-size:18px;
top:0px;
position:relative;
margin:0px;

width:100%;
height:20px;
}

#objectives{

display:block;
margin:30px;
font-size:18px;
top:140px;
height:auto;
position:relative;
left:170px;
}

#objectives span{
 left:20px;
 top:120px;
position:absolute;
 font-size:30px;
}

#objectives div{

width:220px;
height:220px;
background-image:url('images/mugs.jpg');
position:absolute;
margin-top:-170px;
right:290px;
background-size:cover;
}

.design_index{

   box-shadow: 8px 17px 8px 2px rgba(0,0,0,0.2);
   Border:1px solid white; 
   background-size:cover; 
   margin:20px;
   margin-left:50px;
   position:absolute;
   text-align:center;
    transition:0.5s;
}

.design_index:hover{

   box-shadow: 8px 4px 8px 12px rgba(0,0,0,0.2);
   transition:0.5s;
   opacity:0.8;
   
}

.product_nav{

 box-shadow: 0px 6px 6px 2px rgba(0,0,0,0.2);
 width:50px;
 height:50px;
 background:white;
 cursor:pointer; 
 float:left; 
 margin-left:16px;
 border-radius:40px;
 
}

.hl{

color:blue;
font-size:20px;


}

.order_th{

 text-align:left;
 
}


 #deadlines{
		 
		position:fixed;
		//left:1095px;
		top:120px;
		opacity:1;
		overflow-x:hidden;
		overflow-y:hidden;
		text-align:center; 
		height:430px; 
		border-left:2px solid skyblue;
		border-top:40px solid lightgreen;
		border-bottom:5px solid white;
		width:250px; 
		background:white;  
		font-size:16px;
	 }
	 
	 #deadlines:hover{
		 
		 overflow-x:hidden;
		overflow-y:auto;
	 }