/* CSS Document */


/*CONTACT FORM */
#gallery{
   margin-top:20px;
}
.contactdow{	
text-align:center;

background-image:url(../images/restaurant.jpg);
	width:auto;
	height:500px;
	border-radius:2%;
	background-position: 0px;
	background-position:top;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;

}
.contactdow .tinWindow{
  background-color: rgba(0,0,0,0.5);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  justify-content: center;
  align-items:center;

}
.contactdow .tinWindow .contact-text{
    color:#ffffff;
	font-weight:100;
	font-size:50px;
	style: italic;
	z-index:1;

}
.contactdow .tinWindow .contact-text p{
    color:#ffffff;
	font-weight:100;
	font-size:25px;
	line-height:20px;
	font-family: italic;
	color:#C4C4;
	z-index:1;

}
.contactdow .tinWindow .contact-text span{
    color:#ffffff;
	font-weight:100;
	font-size:25px;
	
	

}
.contactdow .tinWindow .contact-text .btnContact{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   padding:10px 20px;
   
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   
   

}

.contactdow .tinWindow .contact-text .btnContact:hover{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   padding:10px 20px;

}
 .contactdow #map{
  padding:20px;
  width:100%;
  height:50%;
}	
#em1{
  
    margin-right: auto;
    margin-left: auto;
    width:50%;
	height:30%;
    min-height: 10em;
	color:#ffffff;
	margin-top:300px;
	
	z-index:1;

}
#em1 .btnContact{
align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;

    widht:100%;
   cursor: pointer;
   transition: all 0.3s ease-in-out;

}
#em1 .btnContact:hover{
 align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   
   widht:100%;
}

.bodyImg2{
position:relative;
opacity:0;
transition: all 2s ease-in-out;
transform: translateX(20px);

}
.is-showing2{
opacity:1;
transform: translateX(0px);


}
  .pop {   
display: none; /* hide the errors */  
   
    /* add some styling */  
       
   
     
   /* background-color: #FFBABA;  
	  background-color:#EE0101; this my favourite color
	  
	  
	    color:white;
	    font-size:10px;
	    font-weight:bold;
	    margin-top:0px;
	    padding:0px;
	    text-transform:uppercase;
	    width:200px; */
		
		
		 background: none repeat scroll 0 0  #FF6600;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 200px;
    z-index: 5001;
	 
	
	}
	
	#Reqest{
		
		
		 width:125px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */  
    cursor:pointer;  
	font-size: 15px; 
    background:#FF6600;
	 /* background-color: #7d0413; */
	  color: #FFFFFF;
	   align:center;
	}
	   /* Portrait & landscape phone */
@media (max-width: 480px){
#gallery{
   margin-top:-50px;
}
.contactdow .tinWindow .contact-text{
    color:#ffffff;
	font-weight:100;
	font-size:30px;
	style: italic;
	z-index:1;

}
.contactdow .tinWindow .contact-text p{
    color:#ffffff;
	font-weight:100;
	font-size:20px;
	line-height:20px;
	font-family: italic;
	color:#C4C4;
	z-index:1;
	

}
.contactdow .tinWindow .contact-text span{
    color:#ffffff;
	font-weight:100;
	font-size:25px;
	
	

}


#em1{
  
    margin-right: auto;
    margin-left: auto;
    width:50%;
	height:30%;
    min-height: 10em;
	color:#ffffff;
	margin-top:370px;
	 
	z-index:1;

}
#em1 .btnContact{
align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
  
    widht:100%;
   cursor: pointer;
   transition: all 0.3s ease-in-out;

}
#em1 .btnContact:hover{
 align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   
   widht:100%;
}

}
@media (min-width: 768px) {
  .contactdow .tinWindow .contact-text .btnContact{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   padding:10px 20px;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   
  
}
#em1{
  
    margin-right: auto;
    margin-left: auto;
    width:50%;
	height:30%;
    min-height: 10em;
	color:#ffffff;
	margin-top:300px;
	
	z-index:1;

}
#em1 .btnContact{
align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   
    widht:100%;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   z-index:1;
}
#em1 .btnContact:hover{
 align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   z-index:1;
  
}
}
@media (max-width: 768px) {
  .contactdow .tinWindow .contact-text .btnContact{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   padding:10px 20px;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   
  
}
#em1{
  
    margin-right: auto;
    margin-left: auto;
    width:50%;
	height:30%;
    min-height: 10em;
	color:#ffffff;
	margin-top:400px;
	
	z-index:1;

}
#em1 .btnContact{
align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   
    widht:100%;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   z-index:1;
}
#em1 .btnContact:hover{
 align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   z-index:1;
  
}
}
@media (min-width: 1200px) {
  /* CSS Document */


/*CONTACT FORM */
#gallery{
   margin-top:20px;
}
.contactdow{	
text-align:center;

background-image:url(../images/restaurant.jpg);
	width:auto;
	height:500px;
	border-radius:2%;
	background-position: 0px;
	background-position:top;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;

}
.contactdow .tinWindow{
  background-color: rgba(0,0,0,0.5);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  justify-content: center;
  align-items:center;

}
.contactdow .tinWindow .contact-text{
    color:#ffffff;
	font-weight:100;
	font-size:50px;
	style: italic;
	z-index:1;

}
.contactdow .tinWindow .contact-text p{
    color:#ffffff;
	font-weight:100;
	font-size:25px;
	line-height:20px;
	font-family: italic;
	color:#C4C4;
	z-index:1;

}
.contactdow .tinWindow .contact-text span{
    color:#ffffff;
	font-weight:100;
	font-size:25px;
	
	

}
.contactdow .tinWindow .contact-text .btnContact{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
   padding:10px 20px;
   
   cursor: pointer;
   transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; 
   

}

.contactdow .tinWindow .contact-text .btnContact:hover{
   align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   padding:10px 20px;

}
 .contactdow #map{
  padding:20px;
  width:100%;
  height:50%;
}	
#em1{
  
    margin-right: auto;
    margin-left: auto;
    width:50%;
	height:30%;
    min-height: 10em;
	color:#ffffff;
	margin-top:100px;
	
	z-index:1;

}
#em1 .btnContact{
align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#ffffff;
   border: 1px solid white;
  
    widht:100%;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#em1 .btnContact:hover{
 align-items:center;
   font-size:20px;
   text-decoration:none;
   color:#000000;
  background-color:#ffffff;
   
   widht:100%;
}

.bodyImg2{
position:relative;
opacity:0;
transition: all 2s ease-in-out;
 -webkit-transition:  all 2s ease-in-out;
transform: translateX(20px);
 -webkit-transform: translateX(20px);

}
.is-showing2{
opacity:1;
transform: translateX(0px);
 -webkit-transform: translateX(0px);

}
  .pop {   
display: none; /* hide the errors */  
   
    /* add some styling */  
       
   
     
   /* background-color: #FFBABA;  
	  background-color:#EE0101; this my favourite color
	  
	  
	    color:white;
	    font-size:10px;
	    font-weight:bold;
	    margin-top:0px;
	    padding:0px;
	    text-transform:uppercase;
	    width:200px; */
		
		
		 background: none repeat scroll 0 0  #FF6600;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 200px;
    z-index: 5001;
	 
	
	}
	
	#Reqest{
		
		
		 width:125px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */  
    cursor:pointer;  
	font-size: 15px; 
    background:#FF6600;
	 /* background-color: #7d0413; */
	  color: #FFFFFF;
	   align:center;
	}

}


}