/*-----------------------------------------
* Theme Name: Travel Stock
* Author: Themez Hub
* Version: 1.0
* Last Change: Aug 15 2018
  Author URI    : http://www.themezhub.com/
 --------------------------------*/
@media only screen  and (min-width : 768px) {
	.main-banner {
		padding:15% 0 5%;
		min-height: 650px;
		height: 100vh;
	}
	.page-title.image-title {
		height: 450px;
	}
	
	/*-------- Dashboard ----------*/
	.dashboard-bg {
		height: 100vh;
		position: fixed;
		min-height: 650px;
		z-index: 11;
	}
	.navbar-nav>li.dash-link>a .avatar {
		position: absolute;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 36px;
		text-align: center;
		border-radius: 100%;
		background-color: #f5f6f7;
		color: #fff;
		text-transform: uppercase;
		left: -27px;
		top: 20px;
	}
}
	
@media only screen  and (min-width : 993px) {
	section {
		padding:6em 0 4em 0;
	}
	.navbar-default .navbar-brand img {
		max-width:170px;
	}
	.half-box {
		padding:140px 40px;
	}
	.half-box h2{
		font-size:50px;
	}
}

@media only screen  and (min-width : 1024px) {
	h1 {
	  font-size:46px;
	}
	h2 {
	  font-size:36px;
	}
	h3 {
	  font-size:27px;
	}
	h4 {
	  font-size:20px;
	} 
	
	h5 {
	  font-size:17;
	}
	
	h6 {
	  font-size:12;
	}
	
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu.left-nav li a {
		text-align:left;
	}
	
	/*------------ Custom Font Style --------------*/
	.font-50{
	font-size:50px;
	}

	.font-60{
		font-size:60px;
	}

	.font-80{
		font-size:80px;
	}

	.font-100{
		font-size:100px;
	}

	.font-150{
		font-size:150px;
	}

	.font-200{
		font-size:200px;
	}

	.font-250{
		font-size:250px;
	}

	.font-300{
		font-size:300px;
	}

	.font-400{
		font-size:400px;
	}

	.font-450{
		font-size:450px;
	}

	.font-500{
		font-size:500px;
	}

	.font-bold{
		font-weight:bold;
	}
	.main-banner h2 {
		font-size: 50px;
		font-weight: 600;
		margin-bottom:10px;
	}
	.main-banner p{
		font-size:17px;
	}

}

@media only screen  and (min-width : 1200px) {
}

@media only screen and (max-width: 1023px) and (min-width: 993px){

}

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

}

@media only screen and (max-width: 992px) and (min-width: 768px){

}
@media screen and (max-width: 992px) {
	.navbar-default .navbar-brand img {
		max-width: 160px;
	}
	.main-banner .form-control{
		margin-bottom:10px;
	}
	
	.fb-log-btn {
		margin-bottom: 10px;
	}
	
	.main-banner {
		padding-top: 120px;
	}
	.log-screen {
		background-image: none !important;
	}
	.soon-wrapper {
		background-image: none;
	}
	
	/*--------- Dashboard ----------*/
	.book_image {
		margin: 0 15px 0 0;
		width: 100%;
	}
	.dasboard-prop-listing .prop-info {
		width: 100%;
	}
	
}

@media screen and (max-width: 767px) {
	/*-- General Style--*/
	html body .mob-padd-0{
		padding:0;
	}
	html body .mob-mrg-0{
		margin:0;
	}
	html body .mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	.heading h2 {
		font-size: 28px;
	}
	/*----- Mobile Padding Settings ------*/
	.mob-padd-0{
		padding-left:0;
		padding-right:0;
	}
	.mob-mrg-0{
		margin-left:-15px;
		margin-right:-15px;
	}
	.mob-extra-mrg{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.banner {
		padding: 100px 0 80px 0;
	}
	
	.mbb-1{
		border-bottom:1px solid #dde6ef;
	}
	.destination-box.list-style, .hotel-box.list-style, .restaurent-box.list-style, .tour-box.list-style {
    height: auto;
	}
	.destination-box.list-style .inner-box, .hotel-box.list-style .inner-box, .restaurent-box.list-style .inner-box, .tour-box.list-style .inner-box  {
		padding: 30px 20px 30px 20px;
	}
	.sl-box{
		margin-bottom:10px;
	}
	.profile-header-nav .theme-btn {
		width: 100% !important;
		display: block;
		float: none !important;
		margin-bottom: 15px;
	}
	.profile-header-nav .fl-right{
		float:none;
	}
	.profile-header-nav .nav-tabs li a {
		border-right:none;
	}

	.log-wrapper {
		display: block !important;
	}
	.nice-select ul.list {
		max-height:150px;
		overflow-y: scroll;
	}

}

@media screen and (max-width: 479px) {
	ul.amenities.third li{
		width:50%;
	}
	ul.amenities.fourth li{
		width:50%;
	}

}

.bsl {
	padding-top:15px;
}

    @keyframes floatAnimation {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-15px);
        }
        100% {
            transform: translateY(0);
        }
    }
    
    .chart-image {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .chart-image img.one {
        animation: floatAnimation 3s ease-in-out infinite;
        position: relative;
        z-index: 2; /* Logo önde olacak */
    }
    
    /* Logo arkasına beyaz efekt ekleyelim */
    .chart-image::before {
        content: '';
        position: absolute;
        width: 110%; /* Logodan biraz daha büyük */
        height: 110%;
        background-color: rgba(255, 255, 255, 0.3); /* Hafif şeffaf beyaz */
        border-radius: 90%; /* Yuvarlak efekt için */
        z-index: 1; /* Logo arkasında olacak */
        filter: blur(80px); /* Hafif bulanıklık efekti */
    }
	
#revieweren_summary {
  color:#334e6f;
  -webkit-border-radius:5px 5px 5px 0;
  padding:20px 10px;
  background:#f4f5f7;
  -moz-border-radius:5px 5px 5px 0;
  -ms-border-radius:5px 5px 5px 0;
  border-radius:5px 5px 5px 0;
  margin-bottom:10px;
  text-align:center;

}
#revieweren_summary strong {
  font-size:60px;
  display:block;
  line-height:1
}
#revieweren_summary em {
  font-style:normal;
  font-weight:500;
  display:block
}


.btn-successspac {
  color: #fff;
  background-color: #16397b;
  border-color: #4b6598;
  border-radius: 5px;
}

.btn-successspac:hover {
  color: #fff;

}


        .split-container {
            min-height: 100vh;
        }
        
        .video-section {
            padding: 0;
            position: relative;
            overflow: hidden;
			border-radius: 5px;
        }
        
        .video-container {
            position: relative;
            width: 100%;
            height: 420px;
        }
        
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            z-index: 2;
        }
        
        .video-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            filter: blur(3px) brightness(0.7);
            overflow: hidden;
        }
        
        .video-wrapper iframe {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1.1);
        }
        
        .logo122 {
            max-width: 200px;
            margin-bottom: 30px;
            filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
        }
        
        .video-text {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            max-width: 80%;
        }
        
        .duyuru-section {
            padding-left: 20px;
        }
        
        .duyuru-baslik {
            color: #343a40;
            font-weight: bold;
            font-size: 28px;
            margin-bottom: 40px;
            text-align: center;
            text-transform: uppercase;
            position: relative;
        }
        
        .duyuru-baslik:after {
            content: '';
            display: block;
            width: 80px;
            height: 3px;
            background: #dc3545;
            margin: 15px auto 0;
        }
        
        .duyuru-item {
            background-color: white;
            border-left: 5px solid #16387a;
            padding: 10px;
            margin-bottom: 35px;
            border-radius: 5px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        
        .duyuru-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .duyuru-item h3 {
            color: #16387a;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        
        .duyuru-item p {
            color: #495057;
            margin-bottom: 8px;
        }
        
        .duyuru-tarih {
            color: #6c757d;
            font-size: 16px;
            display: flex;
            align-items: center;
        }
        
        .duyuru-tarih:before {
            content: '📅';
            margin-right: 8px;
        }
        
        @media (max-width: 768px) {
            .split-container {
                flex-direction: column;
            }
            
            .image-section {
                height: 300px;
            }
            
            .image-text {
                font-size: 18px;
            }
            
            .duyuru-section {
                padding: 30px 20px;
            }
            
            .logo {
                max-width: 150px;
                margin-bottom: 20px;
            }
        }
		
.renke {
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  float: right;
  background: #14387a;
  font-size: 12px;
}		


.ersi {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: linear-gradient(to bottom, #4c6699 0%,#15387b 100%);
color: #ffff;

}


        .custom-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin: 30px auto;
        }
        .card-content {
            display: flex;
            height: 350px;
        }
        .text-section {
            flex: 1;
            padding: 30px;
            background-color: #f6f8fb;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .image-section {
            flex: 1;
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .image-effect {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('../../assets/img/poex.fw.png') center/cover;
            opacity: 0.9;
            filter: brightness(0.7) contrast(1.1);
        }
        .card-title {
            color: #2c3e50;
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 10px;
        }
        .card-subtitle {
            color: #7f8c8d;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 20px;
            border-bottom: 2px solid #f1f1f1;
            padding-bottom: 10px;
        }
        .card-body-text {
            color: #34495e;
            font-size: 12px;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .signature {
            text-align: right;
            font-style: italic;
            color: #7f8c8d;
            margin-top: auto;
        }
        .logo555 {
            position: absolute;
            color: white;
            font-size: 3rem;
            font-weight: bold;
            z-index: 2;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
		
		.ber2 img {
  border-radius: 6px;
}


.map-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 30px auto;
}

.map-image {
  width: 100%;
  display: block;
}

.location {
  position: absolute;
  transform: translate(-50%, -50%);
}

/* Ana mavi nokta */
.location::before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #2f52ff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Dalga efekti */
.location::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgba(47, 82, 255, 0.3);
  border-radius: 50%;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  animation: ripple 2.5s infinite;
  z-index: 1;
}

/* Etiket */
.label {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 3;
}

/* Etiket kutusunun üstünde yer alan üçgen ok */
.label::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid black;
}


/* Dalga animasyonu */
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0.6;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

.theme-clw {
  color: #ffff !important;
}
.theme-clw a {
  color: #ffff !important;
}


.refler {
  border: 1px solid #eceef3;
  border-radius: 6px;
  padding: 6px;
}


.video2 {
  border-radius: 20px;
}