/*navbar dropdown*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
        }
 html, body {
 max-width:100%;
 overflow-x:hidden;
 scroll-behaviour: smooth;
 height: 100%
 }       
 
 .container {
 	 position: relative;
 	 display: inline-block;
 }      

 #label-1 {
 	 font-size: 2.4em;
 	 line-height: 60px;
 	 cursor: pointer;
 	 transition: .5s ease;
 	 color: #fff;
 	 transition: 2s;
 }

 #label-2 {
 	 color: transparent;
 	 margin-left: -40px;
 }
 
 .label-container {
 	 position: absolute;
 	 margin-top: -60px;
 	 background: none;
 	 margin-left: 290px;
 	 height: 57px;
 	 width: 100px;
 	 display: block;
 	 padding-left: 15px;
 }
 
 #toggle {
 	 display: none;
 }
 
 .nav > a {
 	display: block;
 	line-height: 30px;
 	text-decoration: none;
 	color: #000;
 	padding-left: 25px;
 	padding-top: 20px;
 	font-size: 20px;
 }

 .nav > a:hover {
 	background: rgba(0,0,0,.7);
 	color: #fff;
 	border-left: 5px solid #fff;
 	box-shadow: 0px 10px 10px;
 	padding-left: 40px;
 } 
 
 .nav {
 	 background: linear-gradient(to left bottom, #93A5CF, #E4EfE9 );
 	 position: absolute;
 	 width: 300px;
 	 height: 0px;
 	 border-radius: 15px;
 	 transition: height 1s;
 	 margin-left: 10px;
 	 overflow: hidden;
 	 z-index: 10 !important;
 }
 
 #toggle:checked ~ nav {
 	 height: 310px;
 }
 
 #toggle:checked ~ .label-container > #label-1 {
 	 color: transparent;
 }
 
 #toggle:checked ~ .label-container > #label-2 {
 	 font-size: 2.4em;
 	 line-height: 60px;
 	 cursor: pointer;
 	 transition: .5s ease;
 	 color: #fff;
 	 transition: 2s;
 }
 
  #restoran-h1 {
   	letter-spacing:1px;          
   	background: #11195A;
   	color:orange;
   	width:100%; 
   	height:50px; 
   	padding-left:10px; 
   	font-size:25px;     
   	font-weight:bold;  	       	    
   	margin-top:0px;
    padding-top: 10px;  
   	font-family:myFont;
   }        
 
/*navbar dropdown END*/


 #shadow{
 	 height:810px; 
 	 width:100%; 
 	 margin-top:-815px;
 	 position:relative;                  
 	 background:rgba(0,0,0,.8);
 	
 }
 #shadow h1, p {
 	 color: #fff;
 	 text-align: center;
 	 width: 300px;
 	 margin: 0 auto;
 }
 
         /* Hero image*/
 #div-hero{
 	 overflow: hidden hidden;
 	 
 
 }         
         
 #hero-img{
 	 animation-name: myAnimation;
 	 animation-iteration-count: infinite;
 	 animation-duration: 10s ;
 	 animation-timing-function: linear;
 }
 
 @keyframes myAnimation {
from{
transform: rotatez(0deg);
}
to{
transform: rotatez(360deg);
}
 }

.service-div {
	 width:80%;
	 height:190px; 
	 margin: 0 auto;
	 border:none; 
	 padding:10px 10px 10px 20px;                         
	 box-shadow:0px 10px 20px #ccc; 
}
 .service-div p{
 	 color:#000; 
 	 font-weight:400; 
 	 display:inline
 }
 
 .service-div:hover {
 	background: orange;
 	color: #fff !important;
 	transition: 1s ease;
 }
 .service-div:hover i{
 	color: #fff !important;
 	transition: 1s ease;
 }
 .service-div:hover p {
 	color: #fff !important;
 	transition: .5s ease;
 }
 
 
 .reservation-input {
 	width: 80%;
 	height: 50px;
 	
 }
 
 .reservation-div {
 	line-height: 20px;
 	padding-top: 20px;
 }
 
 #reservation-select {
 	width: 80%;
 	height: 50px;
 	
 }
 
  #select-label {
  	color: #000;
  	margin-left: -170px;
  	font-weight: 300;
  }
  
  
 #date-label {
 	color: #000;
 	margin-left: -250px;
 	font-weight: 300;
 }
.chef1-div {
	margin-bottom: 40px;
	margin: 0 auto;
	height:315px;
	width:80%; 
	box-shadow:0px 10px 20px #ccc;  
	justify-self:center; 
	text-align:center; 
	overflow-y:hidden;
	justify-content: center;
	text-align: center;
	transition: 1s ease;
}  
 .chef1-div a i {
 	color: #fff;
 	background: orange;
 	width: 30px;
 	height: 50px;
 	padding-top:20px;
 	border-radius: 50% 50% 0% 0%;
 	margin: 0 auto;
 }
 .chef1-div a{
 	padding-left: 15px;
 }
 
 .chef1-div:hover {
 	height: 380px;
 	transition: 1s ease;
 }
 .footer-div {
 	padding:0px 0px 30px 40px;
 }
 .footer-div a {
 	display: block;
 	color: #fff;
 	text-decoration: none;
 	line-height: 30px;
 }
 
 .footer-div p {
 	display: inline;
 	color: #fff;
 	line-height: 30px;
 }
 #icons-div a{
 	display: inline;
 	border-outline: light;
 	border: 1px solid #fff;
 	border-radius:100%;
 	margin-right: 5px;
 	
 }
 #icons-div a i{
 	width:30px;
 	height:50px;
 	padding-left:10px;
 }
 #footer-div-2 a{
 	text-decoration: none;
 	color: #fff;
 margin: 0 auto;
 
 }
 #footer-div-3 a{
 	color: #fff;
 	text-decoration: none;
 	nargin-left: 20px;
 }