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

    /* Genel Ayarlar */
    .form-control, .form-select, .btn {
      height: 40px;
    }
    
    /* Top Header */
    .top-header {
      background: #f8f9fa;
      padding: 2px 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .top-header marquee {
      font-size: 14px;
      color: red;
      font-weight: 600;
      flex: 1;
    }
    .top-header .lang-flags {
      display: flex;
      gap: 6px;
      align-items: center;
      flex-wrap: nowrap;
      justify-content: flex-end;
    }
    .top-header .lang-flags img {
      width: 28px;
      height: 18px;
      cursor: pointer;
    }
    
    /* Header */
    .header {
      padding:0;
      border-bottom: 1px solid #ddd;
    }
    .logo img {
      height: 80px;
      width: 300px;
    }
    
    /* Contact Section */
    .contact-box {
      display: flex;
      align-items: center;
      gap: 15px;
    }
    .icon-block {
      height: 60px;
    }
    .icon-block img {
      height: 100%;
      width: auto;
    }
    .contact-info a {
      display: flex;
      align-items: center;
      color: #333;
      text-decoration: none;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 1px;
    }
    .contact-info i {
      margin-right: 10px;
      font-size: 1.4rem;
      color: #28a745;
    }
    
   
    /* Form Overlay */
    .form-overlay {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(0,0,0,0.9);
      border: 1px solid #fff;
      padding: 20px;
      border-radius: 8px;
      width: 90%;
      max-width: 1200px;
      z-index: 10;
	  overflow: visible;  
		
    }
    .form-overlay .form-label {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 12px;
      color: #fff;
    }
    /* Nereden / Nereye Inputları: Şeffaf beyaz arka plan (daha koyu) */
    .geo-input {
      background-color: rgba(255,255,255,0.3);
      border: 1px solid #ccc;
      padding-left: 35px;
		color: #fff;
    }
    /* Konum simgesi */
    .input-icon {
      position: absolute;
      left: 15px;
      top: 68%;
      transform: translateY(-50%);
      color: #fff;
    }
  /* Nereden / Nereye Inputları: Şeffaf beyaz arka plan (daha koyu) */
    .geo-input:hover,
.geo-input:focus,
.geo-input:active {
      background-color: rgba(255,255,255,0.3);
      border: 1px solid #ccc;
      padding-left: 35px;
		color: #fff;
    }
    /* Konum simgesi */
    .input-icon:hover,
	  .input-icon:focus,
	  .input-icon:active{
      position: absolute;
      left: 15px;
      top: 68%;
      transform: translateY(-50%);
      color: #fff;
    }
	  
	  .geo-input::placeholder { /* Modern tarayıcılar */
  color: #fff;
  opacity: 1; /* Firefox için tam görünürlük */
}

.geo-input::-webkit-input-placeholder { /* Chrome/Safari/Opera */
  color: #fff;
}

.geo-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.geo-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.geo-input::placeholder {
  color: #fff !important;
}
	  
	  /* Yolcu (passenger) Input: */
    .passenger-input,.passenger-input:hover,
	  .passenger-input:focus,
	  .passenger-input:active{
      cursor: pointer;
      background-color: #fff;
		  border: 1px solid #ccc;
      color: #fff;
      text-align: center;
		background-color: rgba(255,255,255,0.3);
    }
    .passenger-dropdown {
      display: none;
      background: #fff;
      color: #000;
      position: absolute;
      /* Aşağı veya yukarı açılma, JS ile ayarlanacak */
      width: 100%;
      border: 1px solid #ddd;
      z-index: 1050!important; /* Diğer öğelerin üstünde görünmesi için */
      padding: 10px;
    }
    
    /* TRANSFER Butonu: Siyah zemin, beyaz border, geniş */
    .transfer-btn {
      font-size: 1rem;
      padding: 0.75rem;
      background-color: #000;
      border: 1px solid #fff;
      color: #fff;
      text-transform: uppercase;
      white-space: nowrap;
		margin-top: 29px;
		padding: 5px;
    }

	  	  /* Yolcu (passenger) Input: */
    .doviz-input,.doviz-input:hover,
	  .doviz-input:focus,
	  .doviz-input:active{
      cursor: pointer!important;
      background-color: #fff;
		  border: 1px solid #ccc!important;
      color: #fff;
      text-align: center;
		background-color: rgba(255,255,255,0.3);
    }
	#doviz {

		cursor: pointer!important;
		background-color: rgba(255,255,255,0.3) !important;
  border-color: #CBAAC6 !important;
    border-width: 2px !important;
  color: #fff !important;
  padding-left: 10px;
		
		background-image: url("data:image/svg+xml,%3Csvg fill='black' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Açılır seçeneklerin stili */
#doviz option {
  background-color: #fff;
  color: #000;
}
	  
	  .transfer-btn:hover { background-color: #993399 !important; }
    /* Footer */
    footer {
      background: #343a40;
      color: #fff;
      padding: 20px;
      text-align: center;
    }

	 /* Genel Özel Stil - "ec-" öneki ile */
    .ec-transfer-table {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      font-family: Arial, sans-serif;
      font-size: 14px;
    }
    .ec-transfer-row {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #ccc;
    }
    .ec-transfer-cell {
      padding: 15px;
      box-sizing: border-box;
      border-right: 1px solid #ccc;
      text-align: center;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .ec-bold {
      font-weight: bold;
    }
    .ec-vehicle-img {
      max-width: 100%;
      height: auto;
      object-fit: cover;
      margin-top: 10px;
    }
    .ec-bg-dark {
      background-color: #666666;
      color: white;
    }
    .ec-bg-light1 {
      background-color: #F0F0F0;
    }
    .ec-bg-light2 {
      background-color: #CCCCCC;
    }
    /* Esnek genişlikler */
    .ec-flex-2 { flex: 2; }
    .ec-wide { flex: 2; }
    .ec-short { flex: 2; }
    .ec-vehicle-name {
      font-size: 18px;
      font-weight: bold;
    }
    .ec-price-row {
      display: flex;
      flex-direction: column;
      align-items: center;
     
    }
    .ec-price-row span {
      margin: 5px 0;
    }
    
    /* Üst satır: Marquee ve Para Birimi */
    .ec-header-row {
      display: flex;
      flex-wrap: wrap;
    }
    .ec-marquee-cell {
      flex: 2;
      text-align: center;
      color: red;
    }
    .ec-currency-cell {
      flex: 4;
      display: flex;
      justify-content: center;
      gap: 10px;
    }
    .ec-currency-cell a {
      color: black !important;
      text-decoration: none;
      font-weight: bold;
    }
    
    /* Başlık Satırı: Araç Fiyatı Başlığı ve Araç Adları */
    .ec-title-row {
      background-color: #666666;
      color: white;
      font-weight: bold;
      text-transform: uppercase;
    }
    .ec-transfer-title {
      flex: 2;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .ec-vehicle-title {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    
    /* Fiyat Başlıkları Satırı */
    .ec-price-head-row {
      background-color: #666666;
      color: white;
      font-weight: bold;
      text-transform: uppercase;
    }
    .ec-wide-cell { flex: 2; }
    .ec-narrow-cell { flex: 1; }
    
    /* Fiyat Satırları */
    .ec-price-data-row {
      background-color: #CCCCCC;
      color: black;
      font-weight: normal;
    }
    .ec-price-data-row.alt {
      background-color: #F0F0F0;
    }
    .ec-transfer-cell {
      min-height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    
		.ana-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
			z-index: -1;
}

/* Daha önceki slayt-container ve slayt CSS'inle birlikte kullanılabilir */

		
    /* Genel Yapı */
    .ec-table {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      font-family: Arial, sans-serif;
      font-size: 14px;
      border-collapse: collapse;
    }
    /* Üst Başlık: Araç Fiyatı Başlığı ve Araç Bilgileri */
    .ec-vehicle-header {
      display: flex;
      flex-wrap: wrap;
      background-color: #666666;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      border: 1px solid #ccc;
    }
    .ec-vehicle-header .ec-cell {
      padding: 10px;
      box-sizing: border-box;
      border-right: 1px solid #ccc;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    /* Sol başlık, genişlik 2 kolona denk gelecek şekilde */
    .ec-cell.title {
      flex: 2;
      font-size: 16px;
    }
    /* Diğer hücreler */
    .ec-cell.vehicle {
      flex: 1;
    }
    .ec-cell.vehicle .ec-vehicle-name {
margin-top: 10px;
      font-size: 12px;
    }
    .ec-vehicle-img {
 
      object-fit: cover;
    }

    



/* Fiyat Tablosu Başlık Satırı */
    .ec-price-header {
      display: table-cell;
    padding: 10px;
    text-align: center;
      width: 100%;
      border: 1px solid #ccc;
      background-color: #666666;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
    }
    .ec-price-header .ec-col {
      display: table-cell;
      padding: 1px
      border-right: 1px solid #ccc;
      text-align: center;
		
    }
    /* Geniş sütunlar (Havalimanı, Bölge) */
    .ec-col.wide {
      width: 20%;
    }

	   .ec-col.wide2 {
      width: 40%;
    }

	   .ec-col.wide2 {
      flex: 2;
      text-align: center;
      color: orange; /* Turuncu renk */
      font-size: 18px;
      font-weight: bold;
      background-color: #666666;
  
      border-radius: 5px;
		   
	
      align-items: center; /* Dikey ortalama */
      height: 100%; /* Yüksekliği tüm satır boyunca yaymak için */
    }
	  /* Dar sütunlar (1-2 PX, 1-5 PX, vs.) */
    .ec-col.narrow {
      width: 15%;
    }
	
    .ec-price-row {
      display: table;
      width: 100%;
      border: 1px solid #ccc;
    }
    .ec-price-row .ec-col {
      display: table-cell;
      padding: 10px;
      border-right: 1px solid #ccc;
      text-align: center;
    }
    .ec-price-row.alt {
      background-color: #F0F0F0;
      color: #000;
    }
    .ec-price-row:not(.alt) {
      background-color: #CCCCCC;
      color: #000;
    }

	  


	
/* Container for the slider */
ana-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 10px;
  box-sizing: border-box;
	z-index: 0!important;
}

/* Slaytlar tamamen dolmalı */
.slayt-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 100%; /* Artık dış container ile uyumlu */
  margin: 20px auto 0;
  justify-content: space-between;
}

.slayt {
  flex: 0 0 24%; /* Her biri yaklaşık %24 yer kaplar */
  height: 220px;
  border: 1px solid black;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ddd;
  position: relative;
}
.slayt .gorsel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slayt .gorsel.active {
  opacity: 1;
  z-index: 1;
}

/* Resim */
.slayt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Başlık Animasyonlu Yazı */
.slayt h2 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  color: white;
  background-color: rgba(0, 0, 0, 0.5); /* Hafif siyah arkaplan */
  border: 2px solid black;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 18px;
  opacity: 0;
  animation: slideIn 1s forwards;
  animation-delay: 5s;
  white-space: nowrap;
}

/* Aktif görseldeki yazı için görünürlük ve kayma efekti */
.slayt .gorsel.active h2 {
  animation: slideIn 3s forwards, slideOut 3s forwards 5s;
}

/* Giriş animasyonu */
@keyframes slideIn {
  0% {
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(0%);
    opacity: 1;
  }
}

/* Çıkış animasyonu */
@keyframes slideOut {
  0% {
    transform: translateX(-50%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
  }
}

	
	

	
.anaoteller {		
			
			
 max-width: 1200px;		
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;  /* Ara divler arasındaki boşluğu sağlar */
  margin: 20px auto;  /* Divin kenarlarında boşluk olmaması için margin 0 */
  padding: 0;
}

.anaoteldiv {
  position: relative;
  overflow: hidden;
	border: 1px solid black;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.anaoteldiv:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.anaoteldiv img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.anaoteldiv:hover img {
  transform: scale(1.05);
}

.anaoteldivyazi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  padding: 10px 8px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  backdrop-filter: blur(4px);
  transition: background 0.3s ease;
}

.anaoteldiv:hover .anaoteldivyazi {
  background: rgba(0, 0, 0, 0.8);
}

.slaytalti1 {
    padding: 20px 0;
    background-color: #f5f5f5; /* İsteğe bağlı arka plan rengi */
}

.slaytalti-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
}

.slaytalti-item {
    flex: 1 1 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.slaytalti-item img {
    max-width: 100%;
    height: auto;
}

.full-width {
    flex: 1 1 100%;
}
		
		.tripadvisor-logo {
    max-width: 100%;
    height: auto;
    width: 150px;  /* İstediğiniz boyutu buraya yazabilirsiniz */
    transition: transform 0.3s ease;
}

.tripadvisor-logo:hover {
    transform: scale(1.1); /* Hover efekti ile biraz büyümesini sağlarız */
}

		
		footer {
  background-color: #2b2b2b;
  color: #fff;
  padding: 20px;
  text-align: center;
  font-family: Arial, sans-serif;
}

.altmenu {
  margin-bottom: 10px;
}

.altmenu a {
  color: #fff;
  text-decoration: none;
  margin: 0 15px;
  font-size: 14px;
}

.altmenu a:hover {
  text-decoration: underline;
}

.adresdiv {
  margin: 15px 0;
  font-size: 14px;
}

.adresdivadres {
  font-weight: bold;
}

.altdiv {
  margin-top: 15px;
  font-size: 12px;
  color: #888;
}

.phone-call {
  position: fixed;
  bottom: 20px;
  left: -30px;
  z-index: 100;

  border-radius: 50%;
  background-color: #25d366;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

.phone-call:hover {
  transform: scale(1.0);
}

.phone-call a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

.cbh-ph-circle {
  border: 4px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.cbh-ph-circle-fill {
  background-color: #25d366;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cbh-ph-img-circle1 i {
  font-size: 24px;
}



#kmacb {
    position: fixed;
    display: none;
    background-color: transparent;
    width: 160px;
    height: 160px;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 15px;
    bottom: 15px;
}

.cbh-phone{position:fixed;    left: -40px;
    bottom: 60px; visibility:hidden;background-color:transparent;height:80px;cursor:pointer;z-index:99;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
.cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.cbh-phone.cbh-static1{opacity:.6}
.cbh-phone.cbh-hover1{opacity:1}
.cbh-ph-circle{ left: -40px;
    bottom: 60px; visibility:hidden;background-color:transparent;height:80px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
.cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
.cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
.cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
.cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {border-color: rgb(40, 210, 48)}
.cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: rgb(40, 210, 48);}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:rgb(40, 210, 48);}

.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}
		
	.fa-whatsapp:before{
	font-size: 2rem;
}	


	

/* TripAdvisor Specific Styling */
.TA_excellent {
    margin-bottom: 10px;
}

.TA_links li {
    list-style: none;
}

.tripadvisor-logo {
    width: 150px;
    height: auto;
}

	

/* Logo Container Styles */
.logo-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

/* Each logo box style */
.logo-box {
  background-color: white; /* White background for each logo */
  padding: 3px; /* Some padding around each logo */
  border-radius: 3px; /* Optional: rounded corners */
}		
/* Vendor logo style */
.vendor-logo {
  max-width: 60px; /* Ensure logos are not too large */
  height: auto;
}

	
/* Container for social links */
.social-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.social-box {
  width: 172px;
  height: 101px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

		
		
.social-box:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.social-box img {
  max-width: 100%;
  max-height: 100%;
  width: 170px!important;
  height: 90px!important;
  object-fit: contain;
  display: block;
}

		.social-boxt .tursab {

  height: 101px!important;
  display: flex;
  
}

  .top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
    padding: 5px 15px;
    font-size: 14px;
  }

  .top-header .marquee-container {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 15px;
  }

  .top-header .marquee-container marquee {
    color: #333;
    font-weight: 500;
  }

  .top-header .header-right {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .top-header .dropdown .btn {
    height: 32px;
    padding: 3px 6px;
    font-size: 14px;
    width: 80px; /* Buton genişliği sabitlendi */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .top-header .dropdown-menu {
    min-width: 80px; /* Açılır menü genişliği küçültüldü */
  }



	.top-header .lang-flags img {
  width: 32px;
  height: 22px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid #ccc;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.top-header .lang-flags img:hover {
  transform: scale(1.25); /* %10 büyür */
}
#currencyDropdown {
  font-weight: bold !important;
  padding: 4px 9px;
  min-width: 80px;
  font-size: 0.9rem;
}

#currencyDropdown:hover {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}



.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
    padding: 5px 15px;
    font-size: 14px;
    position: relative; /* Varsayılan konum */
  }
  
  /* Marquee alanı */
  .marquee-container {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 15px;
  }
  
  .marquee-container marquee {
    color: #333;
    font-weight: 500;
  }
  
  /* Sağ kısım: Döviz ve bayraklar */
  .header-right {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  

  

  
  .lang-flags img {
    width: 32px;
    height: 22px;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid #ccc;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  
  .lang-flags img:hover {
    transform: scale(1.1);
  }
 

    .top-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #f8f9fa;
      padding: 5px 15px;
      font-size: 14px;
      position: relative;
      transition: all 0.3s ease;
    }
    /* Marquee alanı */
    .marquee-container {
      flex-grow: 1;
      overflow: hidden;
      white-space: nowrap;
      margin-right: 15px;
    }
    .marquee-container marquee {
      color: #333;
      font-weight: 500;
    }
    /* Header Right (Döviz ve Bayraklar) */
    .header-right {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .lang-flags img {
      width: 32px;
      height: 22px;
      object-fit: cover;
      border-radius: 3px;
      border: 1px solid #ccc;
      transition: transform 0.3s ease;
      cursor: pointer;
    }
    .lang-flags img:hover {
      transform: scale(1.1);
    }


.form-overlaym { display: none;
	} 



	
	.form-overlay {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #fff;
  padding: 20px 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 1200px;
  z-index: 10;
  overflow: visible;
}

.form-overlay .form-label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}

.form-overlay form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
}



   /* Global Tanımlar (Önem Sırasına Göre) */

/* Sayfa Genel Ayarları */
body {
  padding-top: 60px;
}

/* Üst Menü (Header) */
.top-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

/* Diğer Önemli Yapılar */
.header-right {
  /* Eğer globalda header-right ile ilgili ayar varsa, buraya ekleyebilirsiniz. */
}

/* Sosyal Medya Kutuları */
.social-container {
  justify-content: center;
}
.social-box {
  width: 120px;
}
.social-name {
  font-size: 12px;
}

/* Global Tanımlar (Önem Sırasına Göre) */

/* Sayfa Genel Ayarları */
body {
  padding-top: 60px;
}

/* Üst Menü (Header) */
.top-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

/* Diğer Önemli Yapılar */
.header-right {
  /* Eğer globalda header-right ile ilgili ayar varsa, buraya ekleyebilirsiniz. */
}

/* Sosyal Medya Kutuları */
.social-container {
  justify-content: center;
}
.social-box {
  width: 120px;
}
.social-name {
  font-size: 12px;
}

/* Diğer Global Tanımlar (Varsa eklemeler) */
/* ... */

/* Medya Sorgusu (max-width: 767px) */
@media (max-width: 767px) {
  .top-header {
    padding: 5px 0;
    flex-direction: row;
    align-items: center;
  }
  .header-right {
    width: 100%;
    background-color: #000;
    justify-content: space-between;
    padding: 5px 10px;
    margin: 0;
  }
  .marquee-container {
    /* Başlangıçta göster, scrolla bağlı olarak JavaScript ile gizlenecek */
    display: block;
  }
  body {
    /* Global padding-top zaten tanımlı; gerekirse medya özelinde farklılaştırılabilir */
    padding-top: 60px;
  }

  /* Form Overlay Tanımları */
  .form-overlay {
    display: none;           /* İlk tanım */
    position: relative;
    bottom: 10px;            /* Son tanımdan */
    left: auto;
    transform: none;
    margin-top: 20px;
    width: 95%;              /* Son tanımdan */
    border-radius: 0;
  }
  .form-overlaym {
    display: flex;
    position: relative;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,0.9);
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 8px;
    width: 98%;
    max-width: 1200px;
    z-index: 10;
    overflow: visible;
  }
  .form-overlaym .form-label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
  }
  .form-overlay form {
    flex-direction: column;
    align-items: stretch;
  }
  .form-overlay .col-md-3,
  .form-overlay .col-md-2,
  .form-overlay .col-md-1,
  .form-overlay .col-md-4,
  .form-overlay .col-md-6 {
    width: 100% !important;
  }

  /* Alt Menü & Diğer İçerik Tanımları */
  .altmenu {
    display: block;
    margin-bottom: 10px;
  }
  .altmenu a {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .adresdiv p {
    font-size: 12px;
  }
  .phone-call .cbh-ph-img-circle1 i {
    font-size: 20px;
  }
  .ec-transfer-table {
    width: 100%;
    font-size: 12px;
  }
  .ec-transfer-row {
    flex-direction: column;
    align-items: center;
  }
  .ec-transfer-cell {
    flex: 1 0 100%;
    text-align: center;
    padding: 10px;
  }
  .ec-short {
    flex: 1 0 100%;
  }
  .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
  }
  .header.container {
    flex-direction: column;
    text-align: center;
	  margin-left: 10px!important;
	  margin-right: 10px!important;
  }
  .logo {
    margin-bottom: 10px;
  }
  .contact-box {
    justify-content: center;
    flex-direction: row;
  }
  .top-header .lang-flags {
    justify-content: flex-end;
    flex-wrap: nowrap;
	  padding-right: 20px!important;
  }
.fixed-header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1050;
	
	}
	
  .ec-vehicle-header,
  .ec-price-header,
  .ec-price-row {
    display: block;
  }
  .ec-cell,
  .ec-col {
    display: block;
    width: 100%;
    border-right: none;
    text-align: center;
  }
  .slayt {
    flex: 0 0 48%; /* 2'li kolon */
    margin-bottom: 10px;
  }
  .slaytalti-content {
    flex-direction: column;
    align-items: center;
  }
  .slaytalti-item {
    flex: 1 1 100%;
    margin-bottom: 10px;
  }
}


@media (max-width: 480px) {
  .slayt {
    flex: 0 0 100%; /* Tek kolon */
  }
}
.formdoviz {min-width: 140px;}

@media (min-width: 767px) and (max-width: 1260px) {
  .form-overlay form {
    flex-wrap: nowrap;
	  --bs-gutter-x: 0rem;
  }
  /* Sütun genişliklerini gerekirse küçültebilirsiniz */
  .form-overlay .col-md-3,
  .form-overlay .col-md-2,
  .form-overlay .col-md-1 {
    flex: 0 0 auto;
  }
	
.formdoviz {min-width: 80px;}



.form-overlay form {
  gap: 1px!important;

}

}

	  
	  .info-box {
  background-color: #f9f9f9;
  border: 2px solid #bbb;
}

	.mini-feature {
  font-size: 12px; /* Küçük yazı boyutu */
  padding: 2px 4px; /* Küçük padding */
  line-height: 1.1; /* Daha sıkı satır yüksekliği */
  text-transform: capitalize; /* Yazıları baş harfleri büyük yap */
}
  /* Menü öğelerini daha küçük yap */
  @media (max-width: 991px) {
    .navbar-nav .nav-link {
      font-size: 0.9rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
  }

  @media (max-width: 767px) {
    .navbar-nav .nav-link {
      font-size: 0.8rem;
      padding-left: 0.4rem;
      padding-right: 0.4rem;
    }
  }
	
	@media (min-width: 992px) and (max-width: 1200px) {
		
		    .navbar-nav .nav-link {
      font-size: 0.85rem;
      padding-left: 0.4rem;
      padding-right: 0.4rem;
    }
		
		
	  }
	@media (min-width: 767px) and (max-width: 991px) {
		
		    .navbar-nav .nav-link {
      font-size: 0.6rem!important;
      padding-left: 0.4rem;
      padding-right: 0.4rem;
    }
		
  .navbar-nav {
    justify-content: center !important;
  }

  .navbar .container {
    padding-left: 10px;
    padding-right: 10px;
  }

	  }
	  
	  .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  flex-wrap: wrap;
}

.marquee-container {
  flex: 1;
  min-width: 200px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}


.lang-flags img {
  height: 20px;
  width: auto;
  margin-left: 5px;
  cursor: pointer;
}

/* 767px ve üstü için tek satır garantisi */
@media (min-width: 767px) {
  .top-header {
    flex-wrap: nowrap;
  }
}

/* 767px - 1190px arasında font ve boşlukları küçült */
@media (min-width: 767px) and (max-width: 1190px) {
  .marquee-container {
    font-size: 0.85rem;
    margin-right: 10px;
  }


  .lang-flags img {
    height: 88px;
  }
}
.header {
  padding: 10px 0;
}
.btn-dark-grey {
    background-color: #444;   /* Koyu gri */
    color: #fff;
    border: none;
  }

  .btn-dark-grey:hover {
    background-color: #000;   /* Siyah */
    color: #fff;
  }	  


.menu-link {
    background-color: #f1f1f1;
    padding: 8px 12px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: background 0.3s;
    text-decoration: none;
    color: #000;
  }

  .menu-link:hover {
    background-color: #e2e2e2;
    text-decoration: none;
  }

  .menu-link i {
    margin-right: 8px;
    color: #555;
  }
.form-overlayblog {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    max-width: 1200px;
    z-index: 10;
    overflow: visible;
}

.input-icon {
  position: absolute;
  right: 15px;
  top: 38px;
  color: #aaa;
}
@media (max-width: 575.98px) {
  

  .responsive-logo {
    max-height: 30px;
    width: auto;
  }

  .responsive-icon {
    max-height: 24px;
    width: auto;
  }

  .contact-info a {
    font-size: 13px;
  }
}


  /* Ana Menü (Masaüstü) */
    .navbar-nav .nav-link {
      font-size: 14px;
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
    }
    
    /* Dropdown Menüler */
    .dropdown-menu {
      background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 100%);
      border: none;
    }
    .dropdown-menu a {
      font-size: 12px;
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
      padding: 10px 20px;
      display: block;
      text-decoration: none;
      transition: background-color 0.3s ease, color 0.3s ease;
    }
    .dropdown-menu a:hover {
      background-color: rgba(255,255,255,0.9);
      color: #000;
    }
    
    /* Çok seviyeli dropdown */
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
      margin-top: -1px;
      display: none;
      min-width: 200px;
    }
    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
    }
    .nav-item.dropdown:hover > .dropdown-menu {
      display: block;
    }
    /* Ortak stil: konum ikonları ve input içi */
.desktop-form {
  position: relative;
}

.input-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #aaa;
  pointer-events: none;
}

/* Nereden/Nereye özel dropdown */
.nereden-dropdown, .nereye-dropdown {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 0.375rem;
  z-index: 9999;
	background: #FFFFFF;
	font-weight: 400;
}

/* Dropdown aktifken göster */
.nereden-dropdown.show, .nereye-dropdown.show {
  display: block !important;
}

/* Butonlara özel hover ve seçili stiller */
.nereden-dropdown .dropdown-item:hover,
.nereye-dropdown .dropdown-item:hover {
  background-color: #ECECEC;
  color: #000;
	font-weight: 500;
}

/* Header stilleri */
.nereye-dropdown .dropdown-header {
  background-color: #f1f1f1;
  font-weight: bold;
}
.dropdown-item.active {
  background-color: #007bff;
  color: #fff;
}
/* Özel dropdown stilleri */
.nereden-dropdown,
.nereye-dropdown {
  font-size: 14px; /* Küçük yazı */
  background-color: #ffffff !important; /* Beyaz zemin */
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  z-index: 1055;
	font-weight: 400;
}

/* Dropdown itemlar */
.nereden-dropdown .dropdown-item,
.nereye-dropdown .dropdown-item {
  padding: 6px 15px;
  font-size: 13px;
  white-space: nowrap;
}

/* Aktif seçim rengi */
.nereden-dropdown .dropdown-item.active,
.nereye-dropdown .dropdown-item.active {
  background-color: #000;
  color: #fff;
}

/* Scrollbar özelleştirme (Webkit tarayıcılar için) */
.nereden-dropdown::-webkit-scrollbar,
.nereye-dropdown::-webkit-scrollbar {
  width: 6px;
}

.nereden-dropdown::-webkit-scrollbar-track,
.nereye-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.nereden-dropdown::-webkit-scrollbar-thumb,
.nereye-dropdown::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.nereden-dropdown::-webkit-scrollbar-thumb:hover,
.nereye-dropdown::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.nereden-dropdown,
.nereye-dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateY(5px);
  z-index: 1055;
  display: none;
  background-color: #ffffff;
  font-size: 14px;
  max-height: 250px;
  overflow-y: auto;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* Daha modern scroll bar */
.nereden-dropdown::-webkit-scrollbar,
.nereye-dropdown::-webkit-scrollbar {
  width: 6px;
}

.nereden-dropdown::-webkit-scrollbar-thumb,
.nereye-dropdown::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

.custom-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  max-height: 250px;
  overflow-y: auto;
  display: none;
}
.custom-dropdown .dropdown-item.active {
  background-color: #f0f0f0;
}



/* Passenger Dropdown Paneli Genel Stil */
.passenger-dropdown {
  background-color: #fff !important;  /* Beyaz zemin */
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Her bir öğe için kapsayıcı */
.passenger-item {
  margin-bottom: 10px;
  text-align: center;
}

/* Üstteki etiket */
.passenger-label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
}

/* Kontrol butonları ve sayı */
.passenger-controls {
  display: inline-block;
  text-align: center;
}

/* Küçük buton boyutu (özel) */
.btn.btn-outline-dark.btn-xs,
.btn.btn-xs {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.5;
}

/* Sayı göstergesi */
.passenger-count {
  margin: 0 8px;
  font-size: 14px;
}

/* Mobilde kaymayı engellemek için genişlik sınırı */
@media (max-width: 576px) {
  .passenger-dropdown {
    width: 90%;
    left: 5%;
    right: 5%;
  }
}


.yolcusayac {height:30px!important;}


/* Döviz select seçeneklerine özel hover, focus ve active stilleri */
.dovizoption:hover,
.dovizoption:focus,
.dovizoption:active {
  background-color: #555 !important;
  color: #fff !important;
}
.formdoviz select option:hover,
.formdoviz select option:focus,
.formdoviz select option:active {
  background-color: #555 !important;
  color: #fff !important;
}
.form-overlayblog .form-label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

.blogbaslik {
  text-align: center;
  margin-bottom: 1.5rem;
}

.shadow-title h4 {
  display: inline-block;
  color: #E00000;
  font-size: 1.75rem;
  text-shadow: 2px 2px 5px rgba(92,86,86,0.50); /* Kırmızı gölge */
  background: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

/* Nereden/Nereye özel dropdown */
.nereden-dropdownm, .nereye-dropdownm {
  max-height: 400px;
  overflow-y: auto;
  border-radius: 0.375rem;
  z-index: 9999;
	background: #FFFFFF;
	font-weight: 400;
}

/* Dropdown aktifken göster */
.nereden-dropdownm.show, .nereye-dropdownm.show {
  display: block !important;
}

/* Butonlara özel hover ve seçili stiller */
.nereden-dropdownm .dropdown-item:hover,
.nereye-dropdowm .dropdown-item:hover {
  background-color: #ECECEC;
  color: #000;
	font-weight: 500;
}

/* Header stilleri */
.nereye-dropdownm .dropdown-header {
  background-color: #f1f1f1;
  font-weight: bold;
}

/* Scrollbar özelleştirme (Webkit tarayıcılar için) */
.nereden-dropdownm::-webkit-scrollbar,
.nereye-dropdownm::-webkit-scrollbar {
  width: 6px;
}

.nereden-dropdownm::-webkit-scrollbar-track,
.nereye-dropdownm::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.nereden-dropdownm::-webkit-scrollbar-thumb,
.nereye-dropdownm::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.nereden-dropdownm::-webkit-scrollbar-thumb:hover,
.nereye-dropdownm::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.nereden-dropdownm,
.nereye-dropdownm {
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateY(5px);
  z-index: 1055;
  display: none;
  background-color: #ffffff;
  font-size: 14px;
  max-height: 250px;
  overflow-y: auto;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
/* Döviz Seçici Genel Konteyner */
.currency-selector {
  position: relative;
  display: inline-block;
}

/* Seçim Butonu */
.currency-btn {
  font-weight: bold !important;
  padding: 4px 9px;
  min-width: 80px;
  font-size: 0.9rem;
  background-color: #f8f9fa;
  color: #000;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Buton Hover Durumu */
.currency-btn:hover {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* Seçenekler Listesi */
.currency-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  z-index: 1050;
}

/* Her Seçenek */
.currency-option {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 0.9rem;
  color: #000;
}

/* Seçenek Hover & Active Durumu */
.currency-option:hover,
.currency-option.active {
  background-color: #000;
  color: #fff;
}
 .link-item:hover {
        background-color: #dcdcdc !important;
        transition: background-color 0.2s ease-in-out;
    }



/* Geçerli input */
.is-valid {
  border: 2px solid #28a745 !important; /* Yeşil */
}

/* Hatalı input */
.is-invalid {
  border: 2px solid #dc3545 !important; /* Kırmızı */
}

/* Shake efekti */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
.shake {
  animation: shake 0.5s;
}


/* is-required görünümü */
.is-required {
  border: 1px solid #dc3545; /* is-invalid gibi kırmızı kenar */
  padding-right: calc(1.5em + 0.75rem); /* sağ boşluk ikon için */
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23dc3545" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><text x="0" y="14" font-size="16" font-weight="bold">*</text></svg>')!important;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: 1em 1em;
  background-color: #fff;
}

/* is-invalid ve is-valid klasik halleri */
.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 12 12'%3e%3cpath d='M8.982 1.566a.5.5 0 0 1 .036.708L3.707 8.586l-1.414-1.414L7.604 1.6a.5.5 0 0 1 .708-.036l.67.67zM7.05 10.44a1 1 0 1 1-1.415 1.415 1 1 0 0 1 1.415-1.415z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: 1em 1em;
}

.is-valid {
  border-color: #28a745!important;
  padding-right: calc(1.5em + 0.75rem)!important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2328a745' viewBox='0 0 16 16'%3e%3cpath d='M10.97 4.97a.75.75 0 0 1 1.08 1.04l-4.479 5.385a.75.75 0 0 1-1.08 0l-2.48-3a.75.75 0 1 1 1.14-.976l1.939 2.343 3.88-4.796z'/%3e%3c/svg%3e")!important;
  background-repeat: no-repeat!important;
  background-position: right calc(0.375em + 0.1875rem) center!important;
  background-size: 1em 1em!important;
}