*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

ul, ol{
  padding: 0;
}

#logo a img{
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px;
	border-radius:5px;
}

.fade div img.positionleft{
object-position: left;
}

.hide {
  opacity: 0;
}

.fb_top{
position:absolute;
top:15px;
left:20px;
}

.booking_top{
position:absolute;
top:15px;
left:72px;	
}

.fb_top:hover img, .booking_top:hover img{
	filter: grayscale(1);
}

.fb_top img, .booking_top img{
	width:35px;
	transition: .5s all;
	border-radius:4px;
}

body {
  line-height: 1.5;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}

img, picture, video, canvas {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
  font-size: 1rem;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

nav{background:#fff;padding:20px;box-sizing:border-box;position:sticky;top:0;z-index:9999;box-shadow: 0px 0px 5px rgba(0,0,0,.1);}
nav ul{display:flex;list-style:none;gap:30px;justify-content:center;margin:0 auto;}

nav a{position: relative;text-decoration:none;font-size:14px;font-weight:400;color: #494949;transition: .3s all;letter-spacing: 2px;}

        nav ul a::after {
	  border: 1px solid rgba(255, 255, 255, 0);
	  width: 0;
	  position: relative;
	  bottom: -1px;
	  content: '';
	  margin: 0 auto;
	  display: block;
        }
        nav ul a:hover::after {
          backface-visibility: hidden;
	  border-color: #dead46;
	  transition: width 350ms ease-in-out;
	  width: 90%;
        }
        
        nav ul a:hover{
        	color: #bc830b;
        }
        
        #logo{
        	margin:0 auto;
        	max-width:300px;
        	margin-top:45px;
        	margin-bottom:50px;
        	width:100%;
        }

#menuToggle{
	display:none;
}

#upclick{
	position:fixed;
	right:10px;
	height:35px;
	width:35px;
	background:#dfa731;
	cursor:pointer;
	transition: .3s all ease-out;
	z-index:9;
	line-height:0;
	box-sizing: content-box;
	bottom:-60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#upclick img{
	width:12px;
}

#upclick:hover{
	background: #000;
}

		.text_h{
			text-align:center;
			position:absolute;
			left:50%;
			top:50%;
			z-index:9999;
			transform: translate(-50%, -50%);
			background:rgba(255,255,255,.7);
			padding:30px 100px;
			font-size:30px;
			font-weight:600;
			letter-spacing:2px;
			border-radius:10px;
			backdrop-filter: blur(1px);
		}
		
		header{
			position:relative;
			color: #171717;
		}
		
		.text_h a{
			color: #171717;
		}
		
		.text_h a:hover{
			text-decoration:none;
		}
		
		.fade div img{
			  object-fit: cover;
			  width: 100%;
			  height: 100%;
			  position:absolute;
		}
		
		.fade div.photo{
			position:relative;
			width:100%;
			display:block;
			height: 700px;
		}
		
		.fade div.photo::after {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
		  pointer-events: none;
		}
		
		.text_h .t1, .text_h .t2{
			font-size:40px;
			-webkit-tap-highlight-color: transparent;
		}
		
		.text_h div{
			margin:18px 0;
			line-height: 1.2;
		}
		
#content{
	padding:100px 25px;
	box-sizing:border-box;
	max-width:1200px;
	margin:0 auto;
	font-size:18px;
	color:#545454;
	overflow:hidden;
}

#content h1{
	text-align:center;
	margin-bottom:5px;
	font-size:50px;
	line-height:1.2;
	color:#dc9500;
}

#content h2{
	text-align:center;
	margin-bottom:30px;
	font-size:35px;
	line-height:1.2;
	color:#f9a800;
}

.text_1{
	text-align:center;
	margin-bottom:50px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	border-radius: 10px;
	padding:40px 30px;
	letter-spacing:.4px;
	font-siez:20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	line-height:1.7;
}

.section_text_photo{
	display:grid;
	grid-template-columns: 50% 50%;
	gap:25px;
	margin-top:100px;
	align-items: center;
}

.photo_cont{
	perspective: 1200px;
}

.section_text_photo img{
	box-shadow: rgba(222, 173, 70, 0.4) 5px 5px, rgba(222, 173, 70, 0.3) 10px 10px, rgba(222, 173, 70, 0.2) 15px 15px, rgba(222, 173, 70, 0.1) 20px 20px, rgba(222, 173, 70, 0.05) 25px 25px;
	border-radius:10px;
	transition: transform .3s ease-in-out;
}

  .section_text_photo img:hover {
    transform: scale(1.07);
  }

.section_text_photo img.effectleft{
	box-shadow: rgba(222, 173, 70, 0.4) -5px 5px, rgba(222, 173, 70, 0.3) -10px 10px, rgba(222, 173, 70, 0.2) -15px 15px, rgba(222, 173, 70, 0.1) -20px 20px, rgba(222, 173, 70, 0.05) -25px 25px;
}

.list{
	margin:60px 0;
}

.list ul{
	margin-top:10px;
	padding-left:20px;
}

#footer {
  width: 100%;
  background: #fbfbfb;
  padding: 60px;
  color: #575757;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #d9d9d9;
}
	
#footer_container {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  display: flex;
  font-size: 15px;
  box-sizing: border-box;
}

.footer_logo{
  display: block;
  max-width:220px;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

.footer_logo img{
  border-radius: 5px;
}

#footer_container span {
  color: #312c2c;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
  letter-spacing: .4px;
}

#footer_container a {
  color: #936300;
  text-decoration:none;
}

#footer_container a:hover{
	text-decoration:underline;
}

#footer_container ul {
  margin-left: 15px;
  font-size: 16px;
}

.footer_4{
	margin-top: auto;
	text-align:right;
	font-size:14px;
}
		
@media all and (min-width: 981px) {
	nav #top_menu_div{
		display:flex !important;
	}
}

@media all and (max-width: 1150px) {	

	#footer_container a{
		margin:0 auto;
	}
		
	#footer_container {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	  }
	  
	.footer_4{
		text-align:left;
	}
	
	.footer_1, .footer_2, .footer_3, .footer_4{
		text-align:center;
	}
	
	  #footer_container ul{
	  	list-style: inside;
	  	text-align: center;
	  	margin-left:0;
	  }
  
}
		
@media all and (max-width: 980px) {

.fb_top{
top:17px;
}

.booking_top{
top:17px;	
}

	.footer_4{
		text-align:center;
	}
		
	#footer_container span{
		font-size:24px;
	}

.footer_2{
	font-size:20px;
}

.footer_2 div{
	line-height: 2 !important;
}
		
#footer_container {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
  
  #footer{
  	padding:30px 20px;
  }
  
  #footer_container ul li{
  	margin:10px 0;
  }
  
  #footer_container ul li a{
  	font-size:20px;
  }
  
  .footer_logo{
  	margin:0 auto;
  }
		
		.section_text_photo{
			grid-template-columns: 100%;
			padding:0 !important;
		}
		
		.text_cont{
			order:0;
			text-align:center !important;
			margin-bottom:30px;
		}
		
		.photo_cont{
			order:1;
		}
		
		.photo_cont img{
			max-width:500px;
			width:100%;
			margin:0 auto;
		}
		
		.text_h div{
			margin:20px 0;
		}
		
		nav ul#top_menu{
			text-align:center;
			flex-direction:column;
			gap:0;
			top: 10px;
    			position: relative;
		}
		
		nav ul#top_menu a{
			font-size:20px;
			display:block;
			padding:10px 0;
		}
		
		nav #top_menu_div{
			display:none;
		}
		
			.fade div.photo{
				height:500px;
			}
			.text_h .t1, .text_h .t2{
				font-size:27px;
			}
			.text_h{
				font-size:25px;
				padding:15px;
			}
			
	#menuToggle{
		display: block;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
		position: relative;
		cursor:pointer;
		width: 33px;
		left:0;
		margin: 0 auto;
		margin-top:1.5px;
	}
	
	#menuToggle:hover span{
		background:#dfa731;
		transition: .3s all;
	}
	
	#menuToggle span
	{
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  background: #000;
	  z-index: 1;
	  transform-origin: 2px 2px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  opacity 0.55s ease;
	}
	
	#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}
	
	#menuToggle.nav-open span
	{
	  opacity: 1;
	  transform: rotate(-45deg) translate(0, -1px);
	}
	
	#menuToggle.nav-open span:nth-last-child(2)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}
	
	#menuToggle.nav-open span:nth-last-child(3)
	{
		transform: rotate(45deg) translate(-2px, -2px);
	}
			
		}