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

	
.mediaViewInfo {
		--web-view-name: NAYA-WEBSITE-MENU;
		--web-view-id: NAYA-WEBSITE-MENU;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: NAYA-WEBSITE-MENU;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
	}
	
@font-face{
	font-family: "La Luxes Serif";
	src: url("../font/LaLuxesSerif.otf") format("opentype");
}

@font-face{
	font-family: "Arboria ☞";
	src: url("../font/Arboria-Light.otf"), url("../font/Arboria-Medium.otf") format("opentype");
}


#NAYA-WEBSITE {
    width: 100%; 
   min-height: 100vh;
	background-color: rgba(255,255,255,1);
	overflow: hidden;
			z-index: 99;	
	}
h1{
	font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 26px;
		color: rgba(201,171,129,1);
		letter-spacing: 0.09px;
	    overflow: visible;
		white-space: nowrap;
text-align: center;
	margin-bottom: 50px;
	
}
hr {
    width: 15%;
    border-style: solid;
    color: #FFFFFF;
    border-width: 1px;
}
@media only screen and (max-width: 1024px) {
h1{ 
		font-size: 22px;		
}

}
@media only screen and (max-width: 600px) {
h1{ 
		font-size: 20px;		
}
}

#LEZZETLER h1{
	color: #F8E1D2;
	margin-bottom:7%;
}

#BANNER {
	position: relative;
top:0;
	left:0;
		margin-top:104px;
    width: 100%;
    height: auto;
	float: left;
}
 @media only screen and (max-width: 1024px) {
 #BANNER {
   margin-top: 87px;
  }
}
@media only screen and (max-width: 600px) {
 #BANNER {
      margin-top: 70px;
  }
} 
#NAYABANNER {

    width: 100%;
    height: auto;
	float: left;
}	
 
#myVideo {
	overflow: hidden;
    width: 100%;
    height: auto;
    transform: matrix(1,0,0,1,0,0);
}
#BANNER-METIN{
		left: 50%;
		top: 50%;
		position: absolute;
		overflow: visible;
		width: 100%;
		white-space: nowrap;
		text-align: center;
		font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 4vw;
		color: rgba(248,225,210,1);
		letter-spacing: 1px;
		transform: translate(-50%, -50%);
	z-index: 2;
}
#BANNER-METIN .KUCUK{
	font-family: Arboria ☞;
	font-weight: lighter;
		font-size: 2vw;
}
.FILTER img{
	
	opacity: .6;
	width: 100%;
	height: auto;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	
}

#HAKKIMIZDA {
	position: relative;
top:0;
	left:0;
    width: 100%;
    height: auto;
	float: left;
	padding:8%;
}


#HIKAYEMIZ {
		
		width: 100%;
		height: auto;
		background-color:white; 
		overflow: visible;
	
	}

.BASLIK {
width: 100%;
	height: auto; 
	float: left;
}


.baslik-orta { 
width:100%;
	height: auto;	
	margin-top:50px;
	
}


	.METIN {
	
		overflow: visible;
		width: 100%;
		height: auto;
		line-height: 39px;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 20px;
		color: rgba(11,13,13,1);
		letter-spacing: 0.09px;
		 padding: 0 8% 0 8%;
	}
@media only screen and (max-width: 1024px) {
.METIN{ 
		font-size: 17px;		
}

}
@media only screen and (max-width: 600px) {
.METIN{ 
		font-size: 15px;		
}
}



#Naya1 {
	
		width: 100%;
		height: auto;
		overflow: visible;
	float:left;
	margin-top:5%;
	}

#LEZZET {
	width: 100%;
	height: auto;
	background-color: rgba(11,13,13,1);
	padding: 5%;
	float:left;
	position: relative;
}
#Group_42{
	width: 8%;
	height: auto;
	position: absolute;
	left: 5%;
}
#Group_42_bz{
	width: 8%;
	height: auto;
	position: absolute;
	right: 5%;
	
}
#Group_42_ca{
	
    width: 8%;
    height: auto;
    position: absolute;
    bottom: 50px;
    left: 5%;

}
#Group_42_b{
	width: 8%;
	height: auto;
position: absolute;
	right: 5%;
	 bottom: 50px;

}
#LEZZETLER {
	
		color: rgba(248,225,210,1);
	float:left;
	width: 100%;
	height: auto;
}
#LEZZETLER ul {
	float: left;
	width: 100%;
	height: auto;
}



.baslik-orta-2 { 
width:100%;
	height: auto;	

}


 .LEZZETLER {
	width: 50%;
	 height: auto;
	 float:left;
	 padding-right: 100px;
	 margin-top:15px;
		margin-bottom: 100px;
	 list-style: none;
}
@media only screen and (max-width: 1024px) {
.LEZZETLER {
	  width: 100%;
		margin-bottom: 75px;
	 padding-right: 0px;
  }
}
@media only screen and (max-width: 600px) {
.LEZZETLER{  
	width: 100%;
		margin-bottom: 75px;
	 padding-right: 0px;
  }
}
	.LEZZET-BASLIK{ 
		white-space: nowrap;
		text-align: center;
		font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		letter-spacing: 0.09px;
		width: 100%;
		float: left;
		
}

    .LEZZET-ICERIK{
	line-height: 39px;
		margin-top: -9.5px;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 20px;
		color: rgba(255,255,255,1);
		letter-spacing: 0.09px;
		 margin-top:20px;
	width: 100%;
		float:left;
		
}
@media only screen and (max-width: 1024px) {
.LEZZET-BASLIK{ 
		font-size: 20px;		
}
    .LEZZET-ICERIK{
		font-size: 17px;
		
}
}
@media only screen and (max-width: 600px) {
.LEZZET-BASLIK{ 
		font-size: 18px;		
}
    .LEZZET-ICERIK{
		font-size: 15px;
		
}
}
#GALERI {
	width: 100%;
	height: auto;
	
	
}
#GALERI img {
	width: 33.3333%;
	height: auto;
	padding: 0;
    margin: 0;
    float: left;
	
}
@media only screen and (max-width: 1024px) {
#GALERI img {
    
	  width: 50%;
  }
}
@media only screen and (max-width: 600px) {
#GALERI img {
     
	 width: 100%;
  }
}
	#NAVIGASYON-BARI {
		fill: rgba(11,13,13,1);
	z-index: 999999999;
		
		
	}
	.NAVIGASYON-BARI {
		position:fixed;
		overflow: visible;
        width: 100%;
		height: 104px;
		left: 0px;
		top: 0px;
		z-index: 9;
		
	}
@media only screen and (max-width: 1024px) {
 #NAVIGASYON-BARI, 	.NAVIGASYON-BARI { 
    height: 87px;
  }
}
@media only screen and (max-width: 600px) {
 #NAVIGASYON-BARI, 	.NAVIGASYON-BARI {
    height: 70px;
  }
}

		#NAYA-LOGO {
		position: fixed;
			width: 100px;
	 left: 50%;
    transform: translate(-50%, 0);
		top: 29px;
		overflow: visible;
	
		cursor: pointer;
			z-index: 999999999;
	}

@media only screen and (max-width: 1024px) {
 #NAYA-LOGO {
    top: 20px;
  }
}
@media only screen and (max-width: 600px) {
 #NAYA-LOGO {
      top: 15px;
  }
} 
	#Path_1 {
		fill: rgba(248,225,210,1);
	}
	.Path_1 {
		overflow: visible;
		position: absolute;
		width: 18.706px;
		height: 37.526px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_2 {
		fill: rgba(248,225,210,1);
	}
	.Path_2 {
		overflow: visible;
		position: absolute;
		width: 23.309px;
		height: 37.526px;
		left: 24.466px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_3 {
		fill: rgba(248,225,210,1);
	}
	.Path_3 {
		overflow: visible;
		position: absolute;
		width: 23.309px;
		height: 37.526px;
		left: 66.189px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Group_2 {
		position: absolute;
		width: 89.498px;
		height: 47.53px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#Group_1 {
		position: absolute;
		width: 89.498px;
		height: 47.53px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	#SIDE-MENU {
		position: fixed;
		height: 20.503px;
		left: 7%;
		top: 41.748px;
		overflow: visible;
		z-index: 99999;
	}
#GO-HOME {
		position: fixed;
		height: 20.503px;
		left: 7%;
		top: 41.748px;
		overflow: visible;
		z-index: 99999;
	float:left;
	}

.GO-HOME .gohome {
		text-decoration: none;
	color:rgba(248,225,210,1);
	font-family: Arboria ☞;
	font-size: 15px;
	font-weight: lighter;
	}
.GO-HOME .geri a {
		
	color:rgba(248,225,210,1);
	
	}

.GO-HOME:hover .gohome {
		padding-left: 25px;
	transition-duration: 0.5s;
	}

.geri{
	position: absolute;
	left:0;
	color:rgba(248,225,210,1);
	visibility: hidden;
	
}
.GO-HOME:hover .geri {
		visibility: visible;
	transition:5s;
	}

@media only screen and (max-width: 600px) {
.GO-HOME .gohome {
		display:none;
	}}
@media only screen and (max-width: 600px) {
.geri {
		visibility: visible;
	}}

@media only screen and (max-width: 1024px) {
 #SIDE-MENU, #GO-HOME {
    top: 32px;
  }
}
@media only screen and (max-width: 600px) {
 #SIDE-MENU, #GO-HOME {
      top: 24px;
  }
} 
.SIDEBAR {
	position: fixed;
	width: 20%;
	height: 100vh;
	top:40px;
	left:0px;
	display:none;
	text-decoration: none;
	background-color:rgba(0,0,0,0.00);
	}

	@media only screen and (max-width: 1024px) {
 .SIDEBAR {
   width: 33%;
  }
}
@media only screen and (max-width: 600px) {
 .SIDEBAR {
      width: 65%;
  }
}
	
#SIDE-MENU:hover .SIDEBAR {
	display:block;
}
.sidebar-menu {
	width: 100%;
	height: 100%;
margin-top:63px;
	background-color: rgba(201,171,129,1);
	font-family: Arboria ☞;
		font-style: normal;
		font-weight: normal;
	font-size: 15px;
}

.sidebar-menu ul {
padding-top: 30px;
	padding-bottom: 0px;
}
.sidebar-menu ul li {
	list-style: none;
padding-bottom:30px;
	text-align: center;
		padding-top:30px;
}
.sidebar-menu ul li a{
	font-weight: 700;
	color: #FFFFFF;
	text-decoration:none;
}
@media only screen and (max-width: 1024px) {
 .sidebar-menu {
   margin-top:48px;
	 width: 100%;
  }
	.sidebar-menu ul {
padding:40px;
}
.sidebar-menu ul li {
padding-bottom:30px;

}
}
@media only screen and (max-width: 600px) {
 .sidebar-menu {
     width: 100%; 
	 margin-top:30px;
  }
	.sidebar-menu ul {
padding:30px;
}
.sidebar-menu ul li {
	
padding-bottom:25px;
}
}
	

	#Rezervasyon {
		position: fixed;
		width: 103px;
		height: 31px;
		right:5%;
		top: 32px;
		overflow: visible;
		border-radius: 15px;
		z-index: 999999999;
		
	}

  
	#Rectangle_7 {
		fill: transparent;
		stroke: rgba(248,225,210,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Rectangle_7 {
		position: fixed;
		overflow: visible;
		width: 103px;
		height: 31px;
		left: 0px;
		top: 0px;
	}
	#Rezervasyon_c {
		left: 12px;
		top: 6px;
		position: absolute;
		overflow: visible;
		width: 79px;
		white-space: nowrap;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 14px;
		color: rgba(248,225,210,1);
	}
  
	#Rezervasyon_c a {
		color:	rgba(248,225,210,1);
		text-decoration:none;
	padding-bottom: .4em;
	}


#Rezervasyon_c::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: .7px;
  background-color: rgba(248,225,210,1);
  transition: width 0.35s ease-out;
}
#Rezervasyon_c:hover::before {
  width: 100%;
}

   @media only screen and (max-width: 1024px) {
 #Rezervasyon {
    top: 30px;
  }
}
@media only screen and (max-width: 600px) {
 #Rezervasyon {
      top: 20px;
  }
} 


#BIZE-ULASIN {
	position: relative;
top:0;
	left:0;
	margin-top: 100px;
    width: 100%;
    height: auto;
	float: left;
}
#Group_53, #Group_55{
	max-width: 50%;
	height: auto;
	
}
#Group_35_u, #Group_40{
	max-width: 70%;
	height: auto;
	
}


.ILETISIM-2 {
	line-height: 25px;
		margin-top: -2.5px;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 20px;
		color: rgba(11,13,13,1);
		letter-spacing: 1px;
	padding-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
.ILETISIM-2{ 
		font-size: 17px;		
}

}
@media only screen and (max-width: 600px) {
.ILETISIM-2{ 
		font-size: 15px;		
}
}

#COPYRIGHT {
		margin-top: 50px;
	margin-bottom: 25px;
		overflow: visible;
		line-height: 25px;
		margin-top: -5px;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 15px;
		color: rgba(169,65,36,1);
		letter-spacing: 1px;
	}
@media only screen and (max-width: 1024px) {
#COPYRIGHT{ 
		font-size: 13px;		
}

}
@media only screen and (max-width: 600px) {
#COPYRIGHT{ 
		font-size: 11px;		
}
}

#SOSYAL{
		width: 100%;
		height: auto;
		overflow: visible;
    text-align: center;
    padding-bottom: 4%;
    padding-top: 1%;
}

	
#SOSYAL a {
	padding: 10px;

}

#SOSYAL a.menu1 {
	
	position: absolute;
	bottom:100px;
	left:20%;
}
#SOSYAL a.menu2 {
	
	position: absolute;
	bottom:100px;
	left:40%;
}
#SOSYAL a.menu3 {

	position: absolute;
	bottom:100px;
	left:60%;
}


.y-img{
	width: 100%;
	height: auto;	
}


#Group_38{
	max-width: 50%;
	height: auto;
	padding-bottom: 50px;
	
}
	#Rectangle_3{
		fill: rgba(248,225,210,1);
	}
	.Rectangle_3 {
		position: absolute;
    overflow: visible;
    width: 15.561px;
    height: 1.915px;
    left: 0px;
    top: 0px;
	}

	#Rectangle_4 {
		fill: rgba(248,225,210,1);
	}

	.Rectangle_4 {
		    position: absolute;
    overflow: visible;
    width: 31.122px;
    height: 1.915px;
    left: 0px;
    top: 9.294px;
	}
	#Rectangle_5, #Rectangle_5-2 {
		fill: rgba(248,225,210,1);
	}

	.Rectangle_5 {
    position: absolute;
    overflow: visible;
    width: 15.561px;
    height: 1.915px;
    left: 0px;
    top: 18.588px;
	}
.Rectangle_5-2 {
    position: absolute;
    overflow: visible;
    width: 31.122px;
    height: 1.915px;
    left: 0px;
    top: 18.588px;
	visibility: hidden;
	}

#SIDE-MENU:hover .Rectangle_3, #SIDE-MENU:hover .Rectangle_5  {
	display:none;
}
#SIDE-MENU:hover .Rectangle_4 {
	transform: rotate(-45deg);
	transition-duration: 0.5s;
}
#SIDE-MENU:hover .Rectangle_5-2 {
	transform: rotate(45deg);
	 top: 9.294px;
visibility: visible;
		transition-duration: 0.5s;
	
}

	#Rectangle_7 {
		fill: transparent;
		stroke: rgba(248,225,210,1);
		stroke-width: 1px;
		stroke-linejoin: miter;
		stroke-linecap: butt;
		stroke-miterlimit: 4;
		shape-rendering: auto;
	}
	.Rectangle_7 {
		position: absolute;
		overflow: visible;
		width: 103px;
		height: 31px;
		left: 0px;
		top: 0px;
	}
	#Rezervasyon_ {
		left: 12px;
		top: 6px;
		position: absolute;
		overflow: visible;
		width: 81px;
		white-space: nowrap;
		text-align: center;
		font-family: Arboria ☞;
		font-style: normal;
		font-weight: lighter;
		font-size: 14px;
		color: rgba(248,225,210,1);
	}
	#Rezervasyon_ a {
		color:	rgba(248,225,210,1);
		text-decoration:none;
	padding-bottom: .4em;
	}


#Rezervasyon_::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: .7px;
  background-color: rgba(248,225,210,1);
  transition: width 0.35s ease-out;
}
#Rezervasyon_:hover::before {
  width: 100%;
}


	#NAYA-WEBSITE-MENU {
		background-color: rgba(11,13,13,1);
		overflow: hidden;
		--web-view-name: NAYA-WEBSITE-MENU;
		--web-view-id: NAYA-WEBSITE-MENU;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	

MENU {
	position: absolute;
	left: 0px;
	top:104px;
	width: 100%;
	height: 100vh;
	float: left;
	background-color: rgba(11,13,13,1);
}
#YIYECEK-MENU {
		
		width: 50%;
		height: auto;
		float:left;
		transition-duration:0.6s;
	 transform: scale(1);
	}
@media only screen and (max-width: 1024px) {
 #YIYECEK-MENU {
	 width: 100%;
  }}
@media only screen and (max-width: 600px) {
 #YIYECEK-MENU {
	 width: 100%;
  }} 
	#Mask_Group_4 {
		width: 100%;
		height: auto;
		overflow: visible;
		 transform: scale(1);
		transition-duration:0.6s;
		filter: brightness(40%);
	}
#YIYECEK-MENU:hover #Mask_Group_4 {
    -ms-transform: scale(1.2); /* IE 9 */
 -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

.YYECEKLER {
		left: 50%;
		top: 60%;
		position: absolute;
		overflow: visible;
		white-space: nowrap;
		font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 4vw;
		color: rgba(248,225,210,1);
		transform: translate(-50%, -50%);
	}
.DELCASES {
		left: 50%;
		top: 68%;
		position: absolute;
		overflow: visible;
		white-space: nowrap;
		font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 2vw;
		color: rgba(248,225,210,1);
		transform: translate(-50%, -50%);
	}

.MENU-ICON {
		left: 50%;
		top: 45%;
		position: absolute;
		overflow: visible;
		white-space: nowrap;
		font-family: La Luxes Serif;
		font-style: normal;
		font-weight: normal;
		font-size: 4vw;
		color: rgba(248,225,210,1);
		transform: translate(-50%, -50%);
	}

#ICECEK-MENU {
		
		width: 50%;
		height: auto;
		float:left;
		transition-duration:0.6s;
	 transform: scale(1);
	}
@media only screen and (max-width: 1024px) {
 #ICECEK-MENU {
    
	  width: 100%;
  }
}
@media only screen and (max-width: 600px) {
 #ICECEK-MENU {
     
	 width: 100%;
  }
} 
	#Mask_Group_5 {
		width: 100%;
		height: auto;
		float: left;
		overflow: visible;
		 transform: scale(1);
		transition-duration:0.6s;
		filter: brightness(40%);
	}
#ICECEK-MENU:hover #Mask_Group_5 {
	 -ms-transform: scale(1.2); /* IE 9 */
 -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2);  
	transition-duration:0.6s;
	z-index: -1;
}

.container{
	width: 100%;
	margin:auto;
}