@charset "UTF-8";


body {
	margin:0px; padding:0px; 
  font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}


#space1 {
	width:100%; height:10px; background-color:#FFF
}
#space2{
	width:100%; height:8px; background-color:#FFF
}

#space3{
	width:100%; height:155px; background-color:#FFF
}

#space4{
	display:none
}


@media screen and (max-width: 430px){
#space4{
	width:100%; height:150px; clear:both; display:block
}
}

#space5{
	width:100%; height:155px; clear:both
}
.space6{
	width:100%; height:155px; clear:both; background-color:#000
}

.space7{
	width:100%; height:155px; clear:both; background-color:#FFF
}

.space8{
	width:100%; height:5px; clear:both; background-color: #0171BB
}

.space9{
	width:100%; height:85px; clear:both; background-color: #FFF
}

#Logo {
	padding-left:9%; max-width:390px; padding-top:-150px; position:fixed; z-index:100
}

@media screen and (max-width: 800px){

#Logo {
	max-width:250px !important; margin:auto !important; 
	
}
}

@media screen and (max-width: 630px){

#Logo {
	max-width:140px !important; padding-top:40px !important; margin-left:auto !important; margin-right:auto !important; width:100%; z-index:6 !important;
}


}

@media screen and (max-width: 430px){

#Logo {
	display:none
}


}

#Logo-resp {
	display:none
}

@media screen and (max-width: 430px){

#Logo-resp {
	display:block; margin:auto; width:140px
}


}

#menuWrapper {
	 position:fixed; margin:0px; padding:0px; width:100%; max-width:3000px; z-index:1
}



.wrapperLinks {
  height:100%; margin-top:0px; background-color:#FFF
}

.linklayout{
	margin-left:9%; margin-right:auto; margin-top:-1%; background: rgba(225, 225, 225, .7); border-radius: 0px 0px 10px 10px; 
 overflow:hidden; max-width:300px; 
}

@media screen and (max-width: 610px){
	
	.linklayout{
	margin-left:auto !important; margin-right:auto !important; margin-top:-2% !important; background: rgba(225, 225, 225, .7); border-radius: 0px 0px 10px 10px; 
 overflow:hidden; max-width:250px !important; 
}
	
}
							

#footer {
	background-image:url(images/bgfooter.png); position:fixed; bottom:0px; width:100%;
}


.menu{font-size:1.4em; text-align:right; margin:0px;}

@media screen and (max-width: 410px){
	.menu{font-size:1em; text-align:center !important; margin:0px !important; padding:0px !important;}
}

      .menu li{
		  list-style: none; display: inline; margin-right: 4px; color:#0071B8; text-decoration:none;}
		  
		  @media screen and (max-width: 610px){
			  .menu li{
		  list-style: none; display: inline; margin-right:0px !important; color:#0071B8; text-decoration:none; margin:0px !important; padding:0px;}
		  }
		  
      .menu li:hover, .menu li.active .menu li.selected {
            color:#33B449; text-decoration:none;
        }
		.menu a:link{
			text-decoration:none;
			color: #0376B8; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; text-align:right;
		}
		 @media screen and (max-width: 610px){
			 .menu a:link{
			text-decoration:none;
			color: #0376B8; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; text-align:center !important;
		}
		 }
		.menu a:visited{
			text-decoration:none;
			color: #0376B8;
		}
		.menu a:hover, .menu a.active
		{
            color:#33B449; text-decoration:none;
        }

a:link{
	text-decoration:none;
			color:#FFF; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; font-size:1.0em; }
			a:active, a:visited{
	text-decoration: none;
	color: #FFF;
	font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	font-size: 1em;
}
				a:hover{
					color: #6CF;font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; text-decoration:none; font-size:1.0em;}
					
					.web:link{
	text-decoration:none;
			color:#FFF; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; font-size:1.0em;}
			.web:active, .web:visited{
				text-decoration:none; color:#FFF; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; font-size:1.0em;}
				.web:hover{
					color:#F0F; font-family: "Zalando Sans SemiExpanded", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal; text-decoration:none; font-size:1.0em;}
					
					.footerWrapper {
						background-image:url(../images/bgfooter.png); position:fixed; bottom:0px; width:100%;}
						
						.footerStyle {
							color:#FFF; padding-top:20px; padding-bottom:20px;}
							
							@media screen and (max-width: 610px){
								.footerStyle {
							color:#FFF; padding-top:2px !important; padding-bottom:2px !important;}
							}
							
							
							
							.ID {
							float:right; padding-bottom:20px; padding-right:3%;	
							}
							
							@media screen and (max-width: 610px){
								.ID {
									text-align:center !important; float:none !important;  padding-right:0px !important; padding-bottom:5px !important;
							
							}}
							
							
							
							.Social {
								float:left; padding-bottom:20px; padding-left:3% ;
							}
							
							@media screen and (max-width: 610px){
								.Social {
									text-align:center !important; float:none !important; padding-left:0px !important; padding-bottom:5px !important;
							}
							}
							
							
							
							.fbBtn
							{
							display:none !important	
							}
							
							@media screen and (max-width: 610px){
								.fbBtn
							{
							display:block !important; max-width:140px !important; margin:auto !important;
							}
								
							}
							
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoBg {
	margin-left:0;
	margin-right:0;
	padding-top:-200px;
	z-index:2
}





@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: relative;
  bottom: 0;
  margin-left: -20px;
  width: 100%;
  height: 40px;
  text-align:center;
 font-size:14px;
}

#arrowNav a, a:active{color:#FFF; text-decoration:none; text-align:center}
#arrowNav a:hover{ -moz-animation:none;
  -webkit-animation: none;
  animation:none;}
#arrowNav a{color:#FFF; text-decoration:none;}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  margin-top:48%; max-width:25px; margin-left:50%; font-size:36px; margin-bottom:10px
}

.top-bounce { position: absolute;padding-top:45%; max-width:45px; margin-left:50%; font-size:12px; margin-bottom:0px; text-align:center}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

#text {margin:4%; text-align:center}

#text h1 { text-align:center; color:#0071B8;}
#text h3 { text-align:center; color:#0071B8;}
.containerForm h3 { text-align:center; color:#0071B8;}

#gallery-wrapper {margin:auto; width:100%; max-width:4000px;}


* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 33%;
}

.column-gallery {
  float: left;
  width: 6%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#reserve {background-color:#3ab34a}

#reserve h1 {color:#FFF; text-align:center; }

input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #093;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #0F6;
}

/* Add a background color and some padding around the form */
.containerForm {
    border-radius: 5px;
    color:white;
    padding: 20px;
}

.hide-robot{
			display:none;
		}


.antispam { display:none;}

#Restaurant img{width:100%; max-width:2000px; margin:0px; padding:0px}

#contact-img {width:100%; margin:0px; max-width:2000px}
#contact h1 { text-align:center; color:#0071B8;}
#contact h3 { text-align:center; color:#0071B8;}
#contact table{margin:auto; width:220px	} 
#footer-end-page {text-align:right; color:#FFF; background-color:#0171BB; width:100%}

.row {
  display: flex; /* equal height of the children */
  background-color:#FFF ; text-align:center
}

@media screen and (max-width: 610px){
	.row {
  display: block; /* equal height of the children */
  background-color:#FFF ; text-align:center
}
}

.col {
  flex: 1; /* additionally, equal width */
  
  padding: 2rem
}

.button-reserve {width:220px; font-size:16px; color: #FFF; text-align:center; height:50px; background-color:#3AB446; border:0px; margin-right:auto; margin-left:auto; cursor:pointer}

.div-button-reserve {width:220px; margin:auto}

#restaurant{background-color:#000}

.col iframe {width:90%; height:450px;}
h3 {text-align:center; color:#0171BB}
.instagallery {width:70px; margin:auto}\

#h2contact h2{color:#093}