:root {
    --fwp: 3vw;
  }

html {font-family: 'Mulish', sans-serif;overflow-x:hidden !important}

body {background-color: rgb(255, 255, 255);font-family: 'Mulish', sans-serif;}

header {padding: 25px var(--fwp);background-color: white;width: 100%;transition: ease-in-out all 0.5s; box-sizing:border-box;    justify-content: space-between;}
header.sticky {padding: 10px var(--fwp);position: fixed;transition: ease-in-out all 0.5s; background-color: rgb(255, 255, 255, 0.7);z-index: 99;}

header .header-left .menu-trigger{ width: 55px; cursor: pointer;display: inline-block;}
header .header-left .menu-trigger #topline{ transform: scaleX(1); transition: ease-in-out all 0.5s;   }
header .header-left nav:hover #topline{ transform: scaleX(1.65); transition: ease-in-out all 0.5s;   }

header .header-left nav ul {white-space: nowrap;width: 0;overflow: hidden; transition: ease-in-out all 0.5s; }
header .header-left nav:hover ul{width: calc(95% - 55px);transition: ease-in-out all 0.5s; }
header .header-left nav ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;white-space: nowrap;  }
header .header-left nav ul li { font-size: 20px;  color: rgb(50, 48, 137);  line-height: 1.2; font-weight: 400; padding: 0 5px; }
header .header-left nav ul li a{ font-size: 20px;  color: rgb(50, 48, 137);  line-height: 1.2; font-weight: 400; padding: 5px 10px;text-decoration: none;    display: inline-block;}
header .header-left nav ul li.active a, header .header-left nav ul li:hover a{ text-shadow: 0px 0px 1px rgb(50, 48, 137); }

.mobile-menu {display:none  }

header .logo {width: 175px;}
header .reserve {max-width: 95px;transition: ease-in-out all 0.5s; }
header .reserve:hover {  transition: ease-in-out all 0.5s; }

header.sticky .reserve {max-width: 65px;}
header.sticky .logo {width: 130px;}


#homevideo  {font-size: 0;}
#homevideo video {width: 100%;height: auto;font-size: 0;}

.hometext1 {padding: 65px 0;}
.title1 { margin-bottom: 35px;font-size: 50px; font-family: 'Playfair Display', serif;  color: rgb(50, 48, 137);  font-weight: bold;  line-height: 1;  text-align: center; width: 100%;display: flex; flex-direction: column;}
.title1:after { content: url('/files/static/title1-bottom.png');}
.text1 { font-size: 25px;    color: rgb(50, 48, 137);    line-height: 1.2;  text-align: center; margin-bottom: 35px; }

.fullscreen {padding: 60px var(--fwp);box-sizing: border-box;background-size: cover;background-position: right center;background-repeat: no-repeat;height: 100vh;position: sticky;top: 0; }
.fullscreen.noon {background-image: url('/files/gunduz-fullscreen.jpg');z-index:2}
.fullscreen.night {background-image: url('/files/gece-fullscreen.jpg');}

.fullscreen .section-top  {display: flex;flex-direction: column;  align-items: flex-end;}
.fullscreen .icon {width: 90px;}
.fullscreen .title2  {margin:10px 0;display: block;float: right;font-size: 60px; font-family: 'Playfair Display', serif; color: rgb(50, 48, 137); font-weight: bold; line-height: 1.067;  text-align: right;}
.fullscreen .text2  {font-size: 17px;  color: rgb(50, 48, 137); line-height: 1.2; text-align: right; width: 400px; }
.fullscreen .hour {cursor:pointer;background-color: #f4aa36;padding: 8px 0;display: block;width: 215px;display: flex;align-items: center;justify-content: center;margin-bottom: 80px;color:white;text-decoration:none}
.fullscreen .hour span.times {width: 0;overflow: hidden;white-space: nowrap;  display: inline-block;font-size: 14px;font-weight: 600;padding-left: 8px;transition: ease-in-out all 0.5s; }
.fullscreen .hour:hover span.times{width: 100px;transition: ease-in-out all 0.5s; }

.fullscreen .hour span.foods {width: 100px;overflow: hidden;line-height:20px; display: inline-block;font-size: 20px;font-weight: 600;margin-right: 8px;transition: ease-in-out all 0.5s;text-transform:uppercase }
.fullscreen .hour:hover span.foods{width: 0;transition: ease-in-out all 0.5s; }

.fullscreen.night   { z-index:3}
.fullscreen.night .title2  { color: #fff; }
.fullscreen.night .text2  { color: #fff; }
.fullscreen.night .hour {background-color: #323089;color: rgb(255, 255, 255);}
.fullscreen.night .hour img {}

/*timelapse*/

.timelapse { position: sticky;  height: 290vh;    top: 0;z-index:4}
.timelapse .inner{position: sticky;top:0;}
.timelapse .inner>div{padding: 60px var(--fwp);background-size: cover;background-position: right center;background-repeat: no-repeat;height: 100vh;width: 100%; }
.timelapse .noon {background-image: url('/files/gunduz-fullscreen.jpg');position: relative;top:0;transition: ease-in-out all 0.5s;}
.timelapse .night {background-image: url('/files/gece-fullscreen.jpg');position: absolute;opacity: 0;top:0;transition: ease-in-out all 0.5s;}
.timelapse .section-top  {display: flex;flex-direction: column;  align-items: flex-end;}
.timelapse .icon {height: 80px;}
.timelapse .title2  {margin:10px 0;display: block;float: right;font-size: 60px; font-family: 'Playfair Display', serif; color: rgb(50, 48, 137); font-weight: bold; line-height: 1.067;  text-align: right;}
.timelapse .text2  {font-size: 17px;  color: rgb(50, 48, 137); line-height: 1.2; text-align: right; width: 400px; }
.timelapse .hour {background-color: #f4aa36;padding: 8px 0;display: block;width: 215px;display: flex;align-items: center;justify-content: center;}
.timelapse .night .hour {background-color: #323089;color: rgb(255, 255, 255);}
.timelapse .hour span {width: 0;overflow: hidden;white-space: nowrap;  display: inline-block;font-size: 14px;font-weight: 600;padding-left: 8px;transition: ease-in-out all 0.5s; }
.timelapse .hour:hover span{width: 100px;transition: ease-in-out all 0.5s; }
/*timelapse*/


.bgwhite {background-color: white;  position: relative;z-index:5}

.specs {padding-top: 60px;padding-bottom: 40px;}
.specs .item{display: flex;flex-direction: column;align-items: center;position: relative;height: auto;}

.specs .item .icon{margin-bottom: 20px;height: 50px;width: auto;;}
.specs .item .spin{position: absolute;width: 90px;height: auto;right: 1rem;top: 5px;    animation: spin1 8s linear infinite;}

.specs .item .textarea{background-color: #323089;color: white;  height: 100%;}
.specs .item .textarea .title{ font-size: 29px;font-family: 'Playfair Display', serif; font-weight: 500; line-height: 1.2;  text-align: center;width: 100%;  display: block;margin-bottom: 25px;}
.specs .item .textarea .text{ font-size: 16px; font-family: "Mulish"; color: rgb(255, 255, 255);  line-height: 1.2;  text-align: center;}

.foodmenu {display: flex;  justify-content: center;margin: 30px 0;flex-direction: row;    flex-wrap: wrap;;}
.foodmenu .item {cursor: pointer;transition: .5s all ease-in-out;padding: 0 5px;min-width:200px;box-sizing:border-box;width:25%}
.foodmenu .item .title { letter-spacing: -0.8px;transition: .5s all ease-in-out; font-size: 29px; font-family: 'Playfair Display', serif;font-weight: 400;  color: rgb(8, 7, 51);  line-height: 1.2;  text-align: center;display: flex;  flex-direction: column;font-weight: 500;}
.foodmenu .item .title:after {  content:'';display:block ;background-image: url(/files/static/title2-bottom.png);width: 95%;background-position: center;background-repeat: no-repeat;background-size: contain;  height: 7px;  margin-top: 15px; }
.foodmenu .item .list {transition: .5s all ease-in-out; font-size: 16px;  font-family: "Mulish";  color: rgb(8, 7, 51); font-weight: bold;  line-height: 1.875;  text-align: left;padding: 15px 0;text-align:center;}

.foodmenu .item:hover .title {  transition: .5s all ease-in-out;color: rgb(50, 48, 137);font-weight: 500;}
.foodmenu .item .title:after {   }
.foodmenu .item:hover .list {  transition: .5s all ease-in-out; color: rgb(50, 48, 137);  }

.foodmenu .slick-dots {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.foodmenu .slick-dots li{padding: 0 5px;}
.foodmenu .slick-dots li button{ border: 0;font-size: 0;padding: 0;width: 20px; height: 3px;border-radius: 3px;background-color: #999;}
.foodmenu .slick-dots li.slick-active button{ width: 25px; background-color: rgb(50, 48, 137);;}

.parallax1 {  background-position: center;width: 100%;height: 330px;background-size:cover;background-attachment: fixed;background-repeat: no-repeat;position: relative;display: flex; align-items: center;  justify-content: center;}
.parallax1:before {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;background-color: #323089 ;opacity: 0.35; mix-blend-mode: multiply;content: '';display: block;}
.parallax1 .title {display: flex;  max-width: 80%;  flex-direction: column; font-size: 45px;  font-family: 'Playfair Display', serif; color: rgb(255, 255, 255); font-weight: bold;  line-height: 1;  text-align: center;position: relative; z-index: 99;}
.parallax1 .title:after {content:'';background-repeat: no-repeat ;background-image: url(/files/static/title3-bottom.png); background-size: contain; height: 7px; width: 100%;margin-left: 0;margin-top: 25px;}

.gallery {box-sizing:border-box}
.gallery .gallery-grid{    columns: 3;  column-gap: 15px;}
.gallery:after{content: '';display: block;width: 100%;height: 10px;background-position: center;background-repeat: no-repeat;background-image: url('/files/static/gallery-bottom1.png');margin-top: 2.9rem ;}
.gallery .gallery-grid .item{margin-bottom: 15px;overflow: hidden;  height: 100%;width: 100%;  object-fit: cover; display: flex;  align-items: center;  justify-content: center;position: relative;}
.gallery .gallery-grid .item a{display: flex;align-items: center;justify-content: center;min-height: 100%;min-width: 100%}
.gallery .gallery-grid .item a::after{content: '';display: block; background-color: #323089;position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 4;opacity: .7;transition: .5s all ease-in-out; mix-blend-mode: multiply;;}
.gallery .gallery-grid .item:hover a::after{opacity: 0;transition: .5s all ease-in-out; }
.gallery .gallery-grid .item img{min-width: fit-content;min-height: fit-content;width: auto;}

.gallery .gallery-grid .item:nth-child(1) {height: 300px;}
.gallery .gallery-grid .item:nth-child(2) {height: 500px;}
.gallery .gallery-grid .item:nth-child(3) {height: 700px;}
.gallery .gallery-grid .item:nth-child(4) {height: 700px;}
.gallery .gallery-grid .item:nth-child(5) {height: 300px;}
.gallery .gallery-grid .item:nth-child(6) {}
.gallery .gallery-grid .item:nth-child(7) {height: 600px;}
.gallery .gallery-grid .item:nth-child(8) {height: 600px;}
.gallery .gallery-grid .item:nth-child(9) {height: 300px;}

#map {height: 350px;width: 100%;}

footer {padding: 35px 0;background-color: #323089;color: white;}
footer .s {display: block;position: relative;padding-left: 20px;margin-bottom: 5px;font-size: 14px;text-decoration:none;}
footer .s a {font-size: 14px;text-decoration:none;color:white;}
footer .s>span {position: absolute;left:0;  top: 5px;font-size: 15px;}
footer .sm {margin-top: 30px; display: flex; align-items: flex-start;  justify-content: center;}
footer .sm a{color: white;text-decoration: none;padding: 0 5px;transition: .3s all ease-in-out;padding-top: 5px;}
footer .sm a:hover{padding-top: 0px;transition: .3s all ease-in-out;;}

footer .footer-links {list-style: none;margin:0;padding: 0;text-align: right;}
footer .footer-links a{color: white;text-align: right;text-decoration: none;font-size: 15px;transition: .5s all ease-in-out;}
footer .footer-links a:hover{padding-right: 7px;transition: .3s all ease-in-out;;}

@keyframes spin1 {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}

@media only screen and (max-width: 800px) {
  
  body.blured > *:not(.mobile-menu) { filter:blur(5px) }	
	
  header {justify-content: space-between;padding: 15px var(--fwp);}
  header .header-left {position:relative}
  header .header-left nav:hover ul {display:none !important}
  header .header-left nav ul li {padding:0;}
  header .header-left nav ul li a{ font-size: 14px;  padding: 5px 5px;}
  header .logo{width: 100px;}
  header .header-center {   font-size: 0;  display: flex;    align-items: center;}
  header .header-center a { display: block; width:100% }
  header .header-left .menu-trigger { width: 35px;}
  header .reserve { width: 65px;}

  .mobile-menu {display:none; padding:4rem; height:100vh;width:100%;position:fixed;top:0;z-index: 999;    left: 0;box-sizing:box-sizing }
  .mobile-menu:before {background-color: #323089;opacity:0.9;mix-blend-mode:multiply;content:'';display:block;position:absolute;left:0;top:0;height:100vh;width:100%; }
  .mobile-menu.show {display:flex; align-items:center;  justify-content: space-between;    flex-direction: column; }
  .mobile-menu > *{ z-index:9999}
  .mobile-menu .close-menu{ position:absolute;right:2rem;top:2rem;color:white;font-size:25px}
  .mobile-menu ul{ list-style:none;margin:0;padding:0;  display: flex;  align-items: center;    justify-content: center;    flex-direction: column;}
  .mobile-menu ul a{font-size: 25px;  color:  #fff;  line-height: 1.2; font-weight: 400; padding: 15px 10px;text-decoration: none;    display: inline-block;text-align:center }
  .mobile-menu .sm a{font-size: 20px;  color: #fff;  line-height: 1.2; font-weight: 400; padding: 5px 10px;text-decoration: none;    display: inline-block; }

  .hometext1 {padding: 2rem;}
  .title1 {font-size: 35px;}
  .text1 {font-size: 18px;}

  .fullscreen { padding-left: 50vw;}
  .fullscreen.noon {  background-image: url(/files/gunduz-fullscreen-m.jpg);}
  .fullscreen.night {  background-image: url(/files/gece-fullscreen-m.jpg);}

  .fullscreen .icon {  width: 70px;}
  .fullscreen .title2 {  font-size: 40px;}
  .fullscreen .text2 { font-size: 16px;font-weight: 600;width: auto;text-shadow: 0 0 5px rgb(255 255 255);}
  .fullscreen.night .text2 { text-shadow: unset;}
  .fullscreen .hour {width: 200px;}
  .fullscreen .hour img {width: 35px;}

  .specs {  flex-wrap: wrap;}
  .specs .item{ margin-bottom: 25px;}
  .specs .item .icon {height: 35;}
  .specs .item .spin {width: 50px;    top: 40px;}
  .specs .item .textarea .title {font-size: 22px;}
  .specs .item .textarea .text {font-size: 15px;}

  .foodmenu {}
  .foodmenu .item .title {font-size: 22px;}
  .foodmenu .item .list {font-size: 15px;}

  .gallery .gallery-grid {columns: 2; }
  .gallery .gallery-grid .item{ margin:15px 0;}
  .gallery .gallery-grid .item:nth-child(3n+1) {height: 415px !important;}
  .gallery .gallery-grid .item:nth-child(3n+2) {height: 250px !important;}
  .gallery .gallery-grid .item:nth-child(3n+3) {height: 150px !important;}
  .gallery .gallery-grid .item:first-child {margin-top:0}
  .gallery .gallery-grid .item:last-child {margin-bottom:0}
  .gallery .gallery-grid .item a {min-width: 100% ;   width: auto;    flex-flow: column;}
  
  .gallery .gallery-grid .item img { min-width: 100%; min-height: 100%;  width: auto;height:auto;    transform: translate(-50%, -50%);    position: absolute;    left: 50%;    top: 50%;}

  footer .f-left {margin: 25px 0;    display: flex;    flex-direction: column;    align-items: center;}
  footer .footer-links  {text-align: center;}
  footer .footer-links a {text-align: center;}

  .timelapse { position: relative;  height: auto;    top: 0;z-index:4}
  .timelapse .night {  position: relative;  opacity: 1;   top: unset;    transition: ease-in-out all 0.5s;	color:white !important}
  .timelapse .night .title2{ 	color:white !important}
  .timelapse .night .text2{ 	color:white !important}
  .timelapse .noon {  background-image: url(/files/gunduz-fullscreen-m.jpg);}
  .timelapse .night {  background-image: url(/files/gece-fullscreen-m.jpg);}
  .timelapse .hour {margin-bottom:30px}

  .safari-iphone {}
  .safari-iphone .parallax1 {background-size: auto;background-position:center 5%;background-attachment:scroll}
  /*.safari-iphone .gallery .gallery-grid .item:nth-child(3n+1) {height: 500px !important;}
  .safari-iphone .gallery .gallery-grid .item:nth-child(3n+2) {height: 300px !important;}
  .safari-iphone .gallery .gallery-grid .item:nth-child(3n+3) {height: 200px !important;}*/

}


.iframe-lightbox,
.iframe-lightbox .backdrop {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.iframe-lightbox {
	display: none;
	position: fixed;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	
	z-index: 999999;
}

.iframe-lightbox .backdrop {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: default;
}

.iframe-lightbox .content-holder {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-right: -50%;
	height:85vh
}

.iframe-lightbox .content {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

.iframe-lightbox .content>.body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-lightbox .content>.body.is-loaded {height:85vh}

.iframe-lightbox .content>.body .half-circle-spinner,
.iframe-lightbox .content>.body .half-circle-spinner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.iframe-lightbox .content>.body .half-circle-spinner {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	position: relative;

	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.iframe-lightbox .content>.body .half-circle-spinner .circle {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: calc(60px / 10) solid transparent;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-1 {
	border-top-color: #FFFFFF;
	-webkit-animation: half-circle-spinner-animation 1s infinite;
	animation: half-circle-spinner-animation 1s infinite;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-2 {
	border-bottom-color: #FFFFFF;
	-webkit-animation: half-circle-spinner-animation 1s infinite alternate;
	animation: half-circle-spinner-animation 1s infinite alternate;
}

@-webkit-keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.iframe-lightbox .content>.body.is-loaded .half-circle-spinner {
	display: none;
}

.iframe-lightbox iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3);

	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.iframe-lightbox.is-showing {
	display: block;
}

.iframe-lightbox.is-opened {
	opacity: 1;
}

.iframe-lightbox .btn-close {
	position: fixed;
	top: 0.625em;
	right: 0.625em;
	width: 1.500em;
	height: 1.500em;
}


.iframe-lightbox .btn-close:before,
.iframe-lightbox .btn-close:after {
	content: " ";
	width: 0.125em;
	height: 1.500em;
	position: absolute;
	right: 0.625em;
	background-color: #FFFFFF;
}

.iframe-lightbox .btn-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.iframe-lightbox .btn-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



body.iframe-lightbox--open {
	overflow: hidden;
}