/*
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'white_oleander';
    src: url('../fonts/WhiteOleander.woff2') format('woff2'),
         url('../fonts/WhiteOleander.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GlacialIndifference';
    src: url('../fonts/GlacialIndifference-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GlacialIndifference';
    src: url('../fonts/GlacialIndifference-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'LucyRose';
    src: url('../fonts/LucyRose-Regular.otf');
    font-weight: bold;
    font-style: normal;
}

body {
	font-family: 'GlacialIndifference', sans-serif;
	color: #777777;
	letter-spacing: 0.5px;
	font-size: 14px;
}

.mobile {
	display: none;
}

.btn-olive {
	background: #405530;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 800;
	border: 1px solid #405530;
	padding: 15px 35px;
	border-radius: 30px;
}

.btn-olive:hover {
	background: #324325;
	font-weight: 800;
	color: #ffffff;
}

.btn-olive:hover , .btn-olive:focus, .btn-olive:active, .btn-olive:active.focus, .btn-olive:active:focus {
	border-color: #324325;
	background: #324325;
	font-weight: 800;
	color: #ffffff;
}

/*
 * DESTINATION
 * ====================================================================================================================*/
#destination-header {
	height: 600px;
}

#desktop-header-cover{
	width: 100vw;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    margin-left: -15px;
    margin-right: -15px;
}

#destination-video-container {
	margin-top: 50px;
	position: relative;
}

#destination-header-video {
	width: 100%;
}

#destination-video-container #text-overlay {
	position: absolute; 
	top: 40%; 
	left: 0;
	text-align: center; 
	color: #ffffff;
	width: 100%;
}

#destination-video-container .text-container {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 15px 30px 15px;
}

#destination-video-container .title {
	font-size: 70px;
	text-transform: uppercase;
	font-family: 'LucyRose';
}

#destination-video-container .subtitle {
	font-size: 20px;
	margin-top: -5px;
}

#destination-video-container img {
	width: 100%;
}

#destination-types {
	background: #f8f2eb;
	margin-top: -5px;
	padding-bottom: 30px;
	padding-top: 10px;
}

#destination-types h3 {
    font-family: "Playfair Display", serif;
    font-weight: 200;
    font-size: 30px;
    color: #405530;
    margin-bottom: 30px;
}

#destination-types #search-v2-bar {
	margin-top: 0px;
}

#search-v2-bar .nav-tab .inner {
	box-shadow: none;
	background: #ffffff;
}

#search-v2-bar .border.active, #search-v2-bar .nav-tab .border.active .inner {
	border: 1px solid #c46838;
}

#destination-types .nav-tab-wrapper:first-child {
	padding-left: 0px;
}

#destination-tabs li{
	font-size: 18px;
}

#destination-tabs .nav-pills>li.active>a, #destination-tabs .nav-pills>li.active>a:hover, #destination-tabs .nav-pills>li.active>a:focus {
	background: none;
	color: #405530;
	border-bottom: 3px solid #405530;
}

#destination-tabs .nav-pills>li>a {
	border-radius: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ab9685;
	font-weight: 400;
}

#destination-experiences {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f8f2eb;
}

#destination-experiences .title-container{
	text-align: center;
	margin-bottom: 40px;
}

#destination-experiences h2 {
	font-family: 'white_oleander';
	font-weight: 400;
	font-size: 60px;
	color: #545454;
}

#destination-experiences .subtitle {
	margin-top: 10px;
	font-size: 16px;
	color: #545454;
}

#experiences-slider {
	margin-bottom: 40px;
}

#experiences-slider .item {
	width: 500px;
	position: relative;
}

#experiences-slider .item img {
	max-width: 100%;
	border-radius: 15px;
}

#experiences-slider video {
	width: 100%;important;
	border-radius: 15px;
}

#experiences-slider .experience-name {
	position: absolute;
	display: inline-block;
	top: 20px;
	left: 25px;
	background: #ffffff;
	border-radius: 15px;
	padding: 5px 10px;
	font-size: 18px;
	color: #545454;
} 

#experiences-slider .slick-slide {
  	padding: 0 7.5px;
}

#destination-experiences .description {
	font-size: 18px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #545454;
	margin-bottom: 30px;
}

#destination-experiences {
	text-align: center;
}

#destination-top-info {
	text-align: center;
	padding-top: 50px;
}

#destination-top-info .title {
	font-family: "Playfair Display", serif;
	font-weight: 200;
	font-size: 48px;
	color: #405530;
	margin-top: 30px;
	margin-bottom: 40px;
}

#destination-info #info-cover, #destination-top-info #info-cover {
	width: 100vw;
    height: 600px;
    background-size: cover;
    background-position: 50%;
    margin-left: -15px;
    margin-right: -15px;
}

#destination-top-info #info-cover  {
	margin-top: 50px;
}


#destination-top-info .description {
	font-size: 16px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#destination-info .text-container {
	padding-left: 20px;
	padding-right: 20px;
}


#destination-info .title {
	font-family: "Playfair Display", serif;
	font-weight: 200;
	font-size: 36px;
	color: #405530;
	margin-top: 30px;
	margin-bottom: 15px;
}

#destination-info .description {
	font-size: 13px;
	color: #545454;
}

#destination-recommended-period {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f8f2eb;
}

#destination-recommended-period h3 {
	margin-top: 0px;
	font-family: "Playfair Display", serif;
	font-weight: 200;
	font-size: 30px;
	color: #405530;
	margin-bottom: 30px;
}

#destination-recommended-period .recommended-period {
	font-size: 16px;
	color: #545454;
}

#destination-portfolio {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #f8f2eb;
	text-align: center;
}

#destination-portfolio h2 {
	margin-top: 0px;
	font-family: "Playfair Display", serif;
	font-weight: 200;
	font-size: 30px;
	color: #405530;
	margin-bottom: 30px;
}

#destination-portfolio h2.zh {
	margin-bottom: 0px;
} 

#destination-portfolio h2 .featured {
	font-family: 'white_oleander';
	font-weight: 400;
	font-size: 60px;
}

#destination-portfolio h2 .featured.zh {
	line-height: 110px;
} 

#destination-portfolio .subtitle {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	margin-bottom: 40px;
}

#destination-portfolio .nav-pills {
	margin-left: auto;
	margin-right: auto;
	justify-content: center !important;
    display: flex;
    margin-bottom: 40px;
}

#destination-portfolio .nav-pills>li.active>a, #destination-portfolio .nav-pills>li.active>a:hover, #destination-portfolio .nav-pills>li.active>a:focus {
	background: #ab9685;
	color: #ffffff;
}

#destination-portfolio .nav-pills>li>a {
	border-radius: 0px;
	color: #545454;
	font-weight: 400;
	letter-spacing: 1.5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#destination-portfolio .nav-pills>li>a:hover {
	background: #ab9685;
	color: #ffffff;
}

#destination-portfolio .nav-pills li {
	border-left: 1px solid #ab9685;
	border-top: 1px solid #ab9685;
	border-bottom: 1px solid #ab9685;
	text-transform: uppercase;
	font-size: 11px;
}

#destination-portfolio .nav-pills li:last-child {
	border-right: 1px solid #ab9685;
}

#destination-portfolio .nav-pills>li+li {
	margin-left: 0px;
}

#destination-portfolio .portfolio-grid {
	margin-left: 2px;
	margin-right: 2px;
}

#destination-portfolio .portfolio-grid .album-item {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

#destination-portfolio .portfolio-grid img{
	width: 100%;
    max-width: 100%;
    border-radius: 15px;
}

#destination-portfolio .img-container {
	height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
}

#destination-portfolio .img-overlay {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
    transition: 0.8s ease;
    background-color: #000000;
}

#destination-portfolio .img-container .text {
	color: white;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

#destination-portfolio .album-title {
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #555555;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 30px;
}

#destination-portfolio .portfolio-grid .album-item:nth-child(3n+1) {
    clear: both;
}

#destination-packages {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #f8f2eb;
}

#destination-packages .title-container {
	text-align: center;
}

#destination-packages h2 {
	margin-top: 0px;
	font-family: "Playfair Display", serif;
	font-weight: 200;
	font-size: 30px;
	color: #405530;
	margin-bottom: 15px;
}

#destination-packages .subtitle {
	color: #545454;
	font-size: 16px;
	margin-bottom: 30px;
}

#destination-packages .button-container {
	text-align: center;
}

#destination-testimonials {
	position: relative;
}

#destination-testimonials .text-container {
	position: absolute;
	top: 0px;
	left: 0; 
  	right: 0; 
  	margin-inline: auto; 
  	width: fit-content;
}

#destination-testimonials .description {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 15px;
	padding: 30px 20px;
	margin-top: 40px;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	max-width: 600px;
	font-size: 18px;
	letter-spacing: 0px;
}

#destination-testimonials .testimonials-bg {
	width: 100%;
}

#destination-testimonials .open-quote {
	position: absolute;
	width: 15px;
	top: 53px;
	left: 27px;
}

#destination-testimonials .ratings {
	width: 100px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#destination-testimonials .name {
	font-weight: 800;
	font-size: 16px;
	letter-spacing: 0px;
}

#destination-testimonials .source {
	width: 33px;
	right: 15px;
	position: absolute;
	bottom: 15px;
}

#comparison-table #seo-packages {
	font-size: 10px;
	margin-bottom: 70px;
}

#destination-highlights {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

#destination-highlights h3{
	font-family: "Playfair Display", serif;
    font-weight: 200;
    font-size: 30px;
    color: #405530;
    margin-bottom: 20px;
}

#destination-highlights .subtitle {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	color: #a6a6a6;
	font-size: 12px;
	margin-bottom: 60px;
}

#destination-highlights-container .highlights-item .highlights-title{
	text-transform: uppercase;
	font-weight: 800;
	color: #555555;
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

#destination-highlights-container .highlights-item {
	margin-bottom: 80px;
	text-align: left;
}


#destination-highlights-container .highlights-description {
	margin-bottom: 15px;
}

#destination-highlights-container .highlights-link a{
	color: #ab9685;
	text-decoration: underline;
}

#destination-highlights-container .highlights-link a:hover {
	color: #866d4b;
}

#destination-highlights-container .text-container {
	padding-right: 60px;
}

#destination-highlights-container .highlights-item.even .text-container{
	padding-right: 0px;
	padding-left: 60px;
}

#destination-highlights-container .slider div {
	text-align: center;
	font-size: 75px;
	color: #ffffff;
}

#destination-highlights-container .slider-thumb div {
	line-height: 50px;
	font-size: 25px;
}

#destination-highlights-container .slider-thumb .slick-slide {
	opacity: 0.8
}

#destination-highlights-container .slider-thumb .slick-slide.slick-current {
	opacity: 1;
}

#destination-highlights-container .img-container .slider-thumb .slick-slide {
	padding-right: 10px;
	width: 70px;
}


#destination-highlights-container .img-container .slick-list {
	padding-bottom: 10px!important;
}

#destination-highlights-container .img-container .slider-thumb .slick-track{ 
 	margin-left: 0; 
}

#destination-packages #package-table-container {
	clear: both;
}


#destination-packages #package-table-container .package-item {
	border: 1px solid #ab9685;
	border-radius: 20px;
	padding-left: 0px;
	padding-right: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between; /* spread content top to bottom */
	height: 100%;
	overflow: hidden;
}

#destination-packages #package-table-container .package-item .package-item-header {
	text-align: center;
	padding: 30px;
	border-bottom: 1px solid #ab9685;
	z-index: 2;
	background: #ffffff;
}

#destination-packages #package-table-container .package-item .package-item-header .icon {
	width: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#destination-packages #package-table-container .package-item .package-item-header .title {
	color: #545454;
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 20px;
}

#destination-packages #package-table-container .package-item .package-item-header .description{
	margin-bottom: 20px;
}

#destination-packages #package-table-container .package-item .package-item-header .price {
	color: #545454;
	font-size: 26px;
	font-weight: 800;
}

#destination-packages #package-table-container .package-item .package-item-body {
	text-align: center;
	padding: 30px;
	background: #ffffff;
}

#destination-packages #package-table-container .package-item .package-item-body .inclusion-title {
	color: #545454;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 20px;
}

#destination-packages #package-table-container .package-item .package-item-body .package-details{
	font-size: 16px;
}

#destination-packages #package-table-container .package-item .package-item-body .package-details-item {
	line-height: 30px;
}

#package-table-container {
  display: flex;
  justify-content: center; /* centers items horizontally */
  flex-wrap: wrap;         /* allows wrapping on smaller screens */
  gap: 20px;               /* optional: space between items */
  padding: 20px;           /* optional: spacing around */
}

#package-table-container .package-item-body{
  flex-grow: 1;
}

.package-item-footer {
  text-align: center;
  background: #ffffff;
}


#destination-packages .package-item-footer .btn-enquiry{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
} 

#destination-packages #package-table-container .package-item .top-pick-badge {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
  text-align: center;
}

#destination-packages #package-table-container .package-item .top-pick-text {
  background-color: #2e4f2f; /* Olive/Dark Green */
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 12px 30px 12px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
}

#destination-packages .mobile {
	display: none;
}

#destionation-why-us {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px
}

#destionation-why-us h2 {
	margin-top: 0px;
    font-family: "Playfair Display", serif;
    font-weight: 200;
    font-size: 30px;
    color: #405530;
    margin-bottom: 20px;
}

#destionation-why-us .title-container .description {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
	padding-left: 15px;
	padding-right: 15px;
}

#destionation-why-us .why-points-item  {
	margin-bottom: 70px
}

#destionation-why-us .why-points-item img{
	width: 72px;
}

#destionation-why-us .why-points-item .img-container {
	margin-bottom: 20px;
}

#destionation-why-us .why-points-item .item-title {
	font-size: 20px;
	color: #405530;
	font-weight: 800;
	line-height: 24px;
	margin-bottom: 20px
}

#destionation-why-us .why-points-item .item-description {
	max-width: 200px;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	line-height: 20px;
}

/* All Destinations */
#destinations-all-cover {
	background: #f8f2eb;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 61px;
}


#destinations-all-cover .text-container {
	width: 100%
}

#destinations-all-cover .title {
	margin-top: 0px;
	margin-bottom: 0px;
    font-family: "Playfair Display", serif;
    font-weight: 200;
    font-size: 30px;
    color: #405530;
    margin-bottom: 30px;
}

#destinations-all-cover .title .featured {
    font-family: 'white_oleander';
    font-weight: 400;
    font-size: 60px;
    margin-top: 12px;
    margin-bottom: -15px;
}

#destinations-all-cover .subtitle {
	max-width: 500px;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
}

.destinations-all-item-container {
	padding-bottom: 30px;
}

#asia.destinations-all-item-container {
	margin-top: 60px;
}

.destinations-all-item-container h2 {
	font-family: "Playfair Display", serif;
    font-size: 30px;
    color: #405530;
    margin-top: 0px;
    margin-bottom: 30px;
}

.destinations-all-item-container .item {
	position: relative;
}

.destinations-all-item-container .item .city-img {
	max-width: 100%;
	margin-bottom: 15px;
	border-radius: 15px;
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.destinations-all-item-container .item  .city-img:hover {
  opacity: 0.85;
}

.destinations-all-item-container .item .city-name{
    font-size: 16px;
   	text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.destinations-all-item-container .item .city-name a {
	color: #405530;
}

.destinations-all-item-container .item .city-name a:hover {
	color: #324325;
}

.destinations-all-item-container .item .label{
	position: absolute;
	top: 10px;
	left: 25px;
	background: #405530;
	padding: 10px 15px;
	border-radius: 50px;
	border: 2px solid #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}


.destinations-all-item-container .item .label.sakura {
	background: #d45b86;
}



@media (min-width: 767px) and (max-width: 1200px) {
    #comparison-table {width: 100%;}
}

@media (max-width: 767px) {
	.mobile {display: block;}
	.desktop {display: none;}
	.btn-olive {font-size: 14px;}

	#destination-header { height: 100vh;}
	#destination-header .desktop-cover {display: none;}
	#destination-info #info-cover { background-image: url('/dist/img/destination/cappadocia/cappadocia-info-mobile.jpg'); }
	#destination-experiences .description {max-width: 300px;}
	#destination-video-container .title {font-size: 50px;}
	#destination-video-container .subtitle {font-size: 16px;}

	#destination-packages #comparison-table {padding-left: 0px; padding-right: 0px;}
	#destination-highlights-container .highlights-item.vertical-align {display: block; margin-bottom: 70px}
	#destination-packages .mobile {display: block;}
	#destination-packages .desktop {display: none;}
	#destination-highlights-container .highlights-item.even .text-container {padding-left: 15px; }
	#destination-highlights-container .highlights-item .text-container {text-align: center; margin-top: 45px; padding-right: 15px; font-size: 16px; margin-bottom: 45px}
	#destination-highlights-container .highlights-item .highlights-title {font-size: 26px}
	#package-table-container .has-top-pick { margin-top: 55px;}
	#comparison-table #seo-packages {margin-bottom: 40px}
	#destination-highlights .subtitle {width: 100%;}
	#destination-packages {padding-bottom: 20px;}
	#destination-promo-container {margin-top: 0px;}

	#destionation-why-us .why-points-item .item-title {font-size: 18px; line-height: 22px}
	#destionation-why-us .why-points-item .item-description {font-size: 14px; line-height: 18px}
	#destionation-why-us .why-points-item .item-title, #destionation-why-us .why-points-item .img-container {margin-bottom: 15px;}
	#destionation-why-us .why-points-item img {width: 60px;}
	#destionation-why-us .title-container .description {font-size: 12px}
	
}

@media (max-width: 600px) {
	#destination-testimonials .description {max-width: 100%; font-size: 12px; margin-top: 20px; padding-top: 25px; padding-bottom: 25px;}
	#destination-testimonials .name {font-size: 12px;}
	#destination-testimonials .ratings {width: 72px; margin-top: 10px; margin-bottom: 10px;}
	#destination-testimonials .open-quote { width: 15px; top: 32px; left: 25px;}
	#destination-portfolio .portfolio-grid .album-item:nth-child(3n+1) {clear: none}
	#destination-portfolio .portfolio-grid .album-item:nth-child(2n+1) {clear: both}
	#destionation-why-us .title-container .description, #destionation-why-us .why-points-item {margin-bottom: 40px}
	#destionation-why-us {padding-bottom: 30px}
	#destionation-why-us .why-points-item .img-container {margin-bottom: 15px}

	.cd-products-columns {overflow-x: scroll; white-space: nowrap;}
}

/*@media (max-width: 480px) {
	.cd-products-columns .product:nth-child(3){margin-right: 420px;}
}
*/