@charset "utf-8";
/* CSS Document */

#head{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:62px;
	background-color:#00eef4;
	opacity:1;
	z-index:99;
	border-bottom:3px solid white;
	}
	
#head:hover{
	
	opacity:1;
	}
	
.butt{
	position:absolute;
	right:0px;
	background-color:red;
	width:80px;
	height:60px;
	top:0px;
	}
h3{
	font-size:20px;}

	
.buttonshopnow{
	
	position:absolute;
	width:100px;
	height:40px;
	font-size:19px;
	color:#00eef4;
	background-color:white;
	padding-top:8px;
	cursor:pointer;
	border-bottom:4px solid #00eef4;}
	
.hidehide .buttonshopnow{
	 display:none;}
	 
.hidehide:hover{
	color:#00eef4;
	transition:1s;}
	
.hidehide:hover img{
	opacity:0.5;
	transition:1s;}
	
.hidehide:hover .buttonshopnow{
	display:block;
	transition:1s;
	}
	
.menuuer{
	background-color:#00eef4;
	width:100%;
	height:40px;
	font-family:Futura, 'Century Gothic', AppleGothic, sans-serif;
	color:white;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	margin-top:-19px;}
	
.menuuer:hover{
	background-color:white;
	transition:1s;
	cursor:pointer;
	color:#666;}
	
.menuu{
	background-color:white;
	width:100%;
	height:40px;
	font-family:Futura, 'Century Gothic', AppleGothic, sans-serif;
	color:#666;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	margin-top:-19px;}
	
.menuu:hover{
	background-color:#00eef4;
	transition:1s;
	cursor:pointer;
	color:white;}
	
#hamburger-menu{
		display:none;
		}
#hamburger-menu:hover .koko{
		display:block;
	}
	
@media screen and (max-width:1200px) {
	.menuu{
		display:none;}
	.koko{
		display:none;}
	#hamburger-menu{
		display:block;}
		
	
}

.inputfororders{
	width:100%;
	padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;}
	
.submitfororders{
	padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-family:Futura, 'Century Gothic', AppleGothic, sans-serif;
	font-size:18px;
	width:200px;
	height:50px;
	}

@media screen and (max-width:500px) {
	.fill {
		height: 300px;
		}
		
		.carousel,
.item,
.active {
    height: 300px;
}

.carousel-inner {
    height: 300px;
}
	
	}