/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SERVICE DESIGN
    05. START WHY CHOOSE DESIGN
    06. START SPECIAL PACKAGE DESIGN
    07. START TOP DEALS DESIGN
	07.5 START TOP FLIGHTS 
    08. START DEALS & DISCOUNT DESIGN
    09. START GALLERY DESIGN
    10. START BLOG DESIGN
    11. START TESTIMONIAL DESIGN
    12. START COMPANY PARTNER LOGO
	12.5 START SITEMAP
    13. START CONTACT DESIGN
	13.5. CTA SECTION DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Alatsi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

@import url('cruise.css');
@import url('cruisereservepage.css');
@import url('train.css');
@import url('cta_phn.css');
@import url('flightsSpanish.css');
@import url('./randomStuff.css');
@import url('./homePage.css');
@import url('./greyHound.css');
@import url('./hotel.css');
@import url('hotel.css');




:root {
	--bg-color: rgba(255, 255, 247, 0.616);
	--prim-color: #ff6640;
	--sec-color: #ff8061;
	--border-anim: #ff6640;
	--black: #011c27ff;
	--gray: #808080ff;
	--gray-trans: rgba(128, 128, 128, 0.315);
	--gradient: linear-gradient(180deg, var(--prim-color) 10%, #ea00ff 99%);
	--white: #ffffff;
	--semidark: #333;
	--button-color: #ff5722;
}

body {
	color: #777;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	color: #777;
	overflow-x: hidden !important;
	position: relative;
}

html,
body {
	height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0px;
	margin-top: 0px;
	font-family: 'Alatsi', sans-serif;
	color: #333;
	font-weight: 700;
	line-height: normal;
}
/* Cokkies Policy Acceptance  Popup Style start  */
.cookies-box {
	width: 100%;
	position: fixed;
	bottom: 0px;
	text-align: center;
	z-index: 10;
	background: rgba(51, 51, 51, 0.9);
	color: #fff;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.cookies-box p {
	margin: 8px;
}
.cookies-box a {
	color: #3399ff;
	text-decoration: underline;
	white-space: nowrap;
}
.cookies-box .accept {
	background: #005dba;
	padding: 10px 10px;
	color: #fff;
	font-weight: 600;
	border: none;
	margin-left: 10px;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
@media (min-width: 992px) {
	.cookies-box {
		flex-direction: row;
		text-align: left;
		padding: 16px;
	}
	.cookies-box p {
		margin: 0px;
	}
}
/* Cokkies Policy Acceptance  Popup Style end  */
.test {
	border: 1px solid black;
	width: 50%;
	height: 200px;
}

.highlight {
	font-weight: 700;
	color: var(--sec-color);
}

.highlight_small {
	color: var(--sec-color);
	font-weight: 500;
}

.form-group a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	outline: 0 !important;
	color: #6d6d6d;
}

.form-group a:hover {
	text-decoration: none;
	outline: 0 !important;
	color: #464646;
}

.form-group a:active {
	text-decoration: none;
	outline: 0 !important;
	color: #464646;
}

.form-group a:visited {
	text-decoration: none;
	outline: 0 !important;
	color: #6d6d6d;
}

a {
	text-decoration: none;
	transition: all 0.2s ease 0s;
}

a,
a:hover,
a:focus {
	color: #727272;
	text-decoration: none;
}

p {
	margin-bottom: 15px;
}

/* .row>* {
	padding-left: 15px;
	padding-right: 15px;
} */

ul,
li {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}

.section-padding {
	padding: 70px 0
}

.nav-link .active {
	color: var(--prim-color) !important;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-image: linear-gradient(180deg, var(--prim-color) 50%, rgb(255, 154, 59) 99%);
	box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
	border-radius: 100px;
}

.color-overlay {
	top: inherit;
	bottom: 0;
	background: linear-gradient(to bottom, transparent, #000000);
	height: 50%;
	opacity: .6;
}


/*START SECTION TITLE DESIGN*/
.section-title {
	margin-bottom: 20px;
}

.section-title h2 {
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	font-size: 40px;
	line-height: 1.3;
}

.section-title span {
	color: var(--prim-color);
	margin-bottom: 10px;
	display: block;
	font-size: 18px;
}

.form-style i {
	position: absolute;

}

.flight_icon11 {
	font-size: 25px;
	color: var(--sec-color);
	padding-top: 12px;
	padding-left: 10px;
}

.flight_icon12 {
	font-size: 25px;
	color: var(--sec-color);
	padding-top: 10px;
}

@media only screen and (max-width:480px) {
	.section-title h2 {
		font-size: 30px;
	}
}


.section-title-white {
	color: #fff;
	position: relative;
}

.section-title p {}

@media only screen and (max-width:480px) {
	.section-title p {
		padding: 0 10px;
		width: 90%;
		margin: auto;
	}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: var(--prim-color) none repeat scroll 0 0;
	border-radius: 50%;
	bottom: 5px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.06);
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	opacity: 1;
	position: fixed;
	right: 5px;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 45px;
	z-index: 1400;
}

.topcontrol:hover {
	background: #211E3B;
	color: #fff;
}

.form_search_dropdown {
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: 0.2s;
	padding: 10px;
}

.form_search_bottom .dropdown-toggle {
	background-color: transparent;
	color: var(--black);
	border: none;
	transition: 0.2s;
	transition-timing-function: ease-in;
}

.form_search_bottom .dropdown-toggle:hover {
	background-color: var(--gray-trans);
}

.form_search_bottom {
	margin-top: 10px;
	float: right;
}

.dropdown_face {
	text-decoration: none;
	display: inline-block;
}

.dropdown_face::after {
	content: '';
	display: block;
	width: 0;
	/* Hide border initially */
	height: 2px;
	background: var(--sec-color);
	transition: width 0.3s ease;
}

.dropdown_face:hover::after {
	width: 100%;
	/* Show border on hover */
}

.search_form input {
	display: table;
	color: var(--gray);
	border: none;
	border-radius: 0;
	border-bottom: 1px solid var(--prim-color);
	transition: 0.2s;
	transition-timing-function: ease-in;
	font-size: 12px;
	font-weight: 400;
}

.search_form input:focus {
	border-bottom: 2px solid var(--prim-color) !important;
}

input:focus,
input.form-control:focus {
	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
	font-weight: 500;
}

.travel-search select#fare_class {
	padding: 4px;
	font-size: 12px;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.5;
	color: #495057;
	border: 1px solid #ccc;
	width: 90px;
}

.dropdown-btn {
	border: 1px solid var(--gray-trans);
	height: 20px;
	width: 20px;
	padding: 5px;
}

.dropdown-menu.show {
	display: block;
	border: none;
	/* left: -25px !important; */
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-bottom: 3px solid var(--prim-color);
	border-radius: 15px;
	padding: 10px 15px 10px 15px;
}

.dropdown-menu .dropdown-item {
	transition: 0.2s;
	transition-timing-function: ease-in;
	padding: 5px !important;
}

.dropdown-menu .dropdown-item:hover {
	background-color: var(--sec-color);
	color: white;
}

.travelerselectbox {
	width: max-content;
    position: relative;
    cursor: pointer;
    padding: 0px 0px 0px 20px;
    color: #fff;
    font-size: 13px;
}

.travelerselectbox::after {
	content: '';
	background-color: var(--prim-color);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0;
	transition: 0.2s ease-in;
}

.travelerselectbox:hover::after {
	width: 100%;
}

.form_search_bottom .dropdown-menu {
	padding: 10px;
	line-height: 2.5em;
	width: 200px;
	border: none;
	border-bottom: 3px solid var(--sec-color);
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.form_search_bottom .dropdown-menu label {
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/


.site-logo {
	width: 147px;
	height: auto;
	margin-top: 7px;
}

.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}

.navbar-fixed {
	z-index: 999;
	position: fixed;
	opacity: .98;
	width: 100%;
	top: 0;
	-webkit-animation: fadeInDown 800ms;
	animation: fadeInDown 800ms;
	-webkit-backface-visibility: hidden;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

#navigation {
	border-bottom: 1px solid rgb(247, 243, 243, 0.4);
	background-color: #fff;
}

.header_right {
	display: flex;
	flex-basis: auto;
}

#main-menu {}

#main-menu ul {
	list-style-type: none;
}

#main-menu ul li {
	display: inline-block;
	margin-left: 40px;
	position: relative;
}

#main-menu ul li a {
	color: #333;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Alatsi', sans-serif;
	transition: .5s;
	font-size: 17px;
	padding: 15px 0 12px;
	border-bottom: 1px solid transparent;
	display: block;
	text-decoration: none;
}

#navigation.navbar-fixed #main-menu ul li a {
	color: #333;
	padding: 15px 0 12px;
}

#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
	color: var(--prim-color);
}

#main-menu ul li>a:hover,
#main-menu ul li>a:focus {
	border-bottom: 1px solid var(--prim-color);
}

#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus {
	border-bottom: 1px solid transparent;
}

.slicknav_nav_icon {
	color: var(--prim-color);
	font-size: 24px;
}

#mobile_menu {
	display: none;
}

/*-------------------------------
# dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul,
#navigation #main-menu ul li ul li ul {
	background: linear-gradient(to bottom, #00095e 0%, #0c0c1f 100%);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
	left: -55px;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 180px;
	z-index: 999;
	border-radius: 4px;
}

#navigation #main-menu ul li ul li {
	position: relative;
}

#navigation #main-menu ul li ul li ul {
	top: 0;
	right: auto;
	left: 205px;
}

#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover>ul {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

#navigation #main-menu ul li ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	padding: 5px 12px;
	position: relative;
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#navigation #main-menu ul li ul li a:hover {
	color: #fff !important;
	text-decoration: none;
	padding-left: 15px;
}


@media only screen and (max-width:767px) {
	.navbar-brand {
		padding-top: 20px;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.single_home_slide {
	height: 500px;
}

.slide_overlay {
	background: rgba(0, 0, 0, 0.4);
	height: 100%;
	width: 100%;
}

.home-slider button.slick-arrow {
	z-index: 1;
	line-height: 50px;
	background: transparent;
	opacity: 1;
	transition: .5s;

}

.home-slider .slick-prev:before,
.home-slider .slick-next:before {
	color: #fff;
	font-size: 23px;
	background-color: rgba(255, 255, 255, 0.2);
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	transition: .5s;
}

.single_home_slide .subtitle {
	font-family: 'Merienda', cursive;
	color: var(--prim-color);
	text-shadow: 2px 2px 5px #00000062;
}

.home-slider button.slick-arrow:hover {
	opacity: 1;
}

.home-slider .slick-prev:hover:before,
.home-slider .slick-next:hover:before {
	background-color: var(--prim-color);
}

.home-slider .btn-home-bg:hover,
.home-slider .btn-home-bg:focus {
	background-color: transparent;
	color: #fff;
	border-color: #ffff;
}

.tour_slider .slick-prev:before,
.tour_slider .slick-next:before {
	background-color: #fff;
	color: var(--prim-color);
}

.home-slider button.slick-prev {
	left: 20px;
}

.home-slider button.slick-next {
	right: 55px;
}


@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

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

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

.slider-info {
	position: absolute;
	top: 32%;
	width: 100%;
}

.btn-home-bg {
	background-color: var(--prim-color);
	border: 1px solid var(--prim-color);
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 24px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 400;
	letter-spacing: 1px;
}

.btn-home-bg:hover,
.btn-home-bg:focus {
	background: #333;
	border-color: #333;
	color: #fff;
	outline: 0;
}

.hero-text {
	padding-top: 83px;
}

.sl-subtitle {
	color: var(--prim-color);
	font-size: 30px;
}

.hero-text h1 {
	color: #fff;
	font-size: 55px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.hero-text p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;

}


@media only screen and (max-width:480px) {
	.hero-text p {
		color: #fff;
		margin: auto;
		width: 90%;
		margin-bottom: 25px;
	}
}

.travel-search-form {
	background-color: #fff;
	padding: 30px;
	position: relative;
	top: -190px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 20px;
}

.about .travel-search-form {
	top: -100px;
}

.about {
	height: 400px;
}

.datepicker-wrapper .ti-calendar {
	font-size: 15px;
	top: 14px;
	right: 13px;
	color: var(--prim-color);
}

.travel-search-form .form-control {
	display: block;
	width: 100%;
	border: 1px solid #ffffff38 !important;
	height: 47px;
	line-height: 47px;
	padding: 10px 45px;
	font-size: 14px;
}

.travel-search-form .form-control:focus {
	border-color: var(--prim-color);
	box-shadow: inherit;
	border: 1px solid var(--prim-color);
}

.travel-search-form .btn-home-bg {
	padding: 9px 24px;
}

.search-select select {
	background-color: #fff;
	border: 1px solid #ddd;
	width: 100%;
	height: 47px;
	padding: 10px 15px;
}

.gj-dropdown button {
	width: 100%;
}

.gj-dropdown-md [role="presenter"]:focus,
.gj-dropdown-md [role="presenter"] {
	border: 1px solid #ddd;
	padding: 10px 15px;
	font-size: 14px;
}

ul.gj-list-md li [data-role="display"] {
	font-size: 14px;
}

.gj-dropdown-list-md {
	box-shadow: 7px 10px 40px 0 rgba(0, 0, 0, .03);
	background-color: #fff;
}

.gj-dropdown-list-md li {
	padding: 8px 16px !important;
	font-size: 15px !important;
}

.gj-picker-md.datepicker {
	text-align: center;
}

.gj-picker-md.datepicker .ti-angle-left,
.gj-picker-md.datepicker .ti-angle-right {
	font-size: 14px;
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
	color: #FFF;
	background: var(--prim-color);
	border-radius: 50%;
}


/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/


/* .our_services {
	margin-top: 50px;
} */

.service {
	background-color: #fff;
	margin-bottom: 40px;
	height: 290px;
	/* transition: all 0.4s ease 0s; */
	padding: 30px 35px 20px;
	border-radius: 5px 5px 15px 15px;
	transition: .5s;
	border: 1px solid #ebe6de;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: 0.2s;
	transition-timing-function: ease-in;
}

.service:hover {
	box-shadow: none;
	transform: translateY(10px);
	border: 1px solid #d3d3d3 !important;
}

.service .icon {
	color: var(--prim-color);
	transition: all 0.3s ease 0s;
	margin-bottom: 20px;
	display: inline-block;
	font-size: 40px;

}

.service h4 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.service a,
.service a:hover,
.service a:focus {
	color: var(--prim-color);
	font-weight: 700;
	text-decoration: underline;
	font-size: 14px;
}

.service a i {
	padding-left: 5px;
	color: var(--prim-color);
}

.service .color-1 {
	background-color: #F39C12;
}

.service .color-2 {
	background-color: #22A6B3;
}

.service .color-3 {
	background-color: #FC5C65;
}

.service .color-4 {
	background-color: #3B3B98;
}

/*
* ----------------------------------------------------------------------------------------
* 04.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/

.why_choose {
	position: relative;
}

.why_choose_about {
	position: relative;
	/* top: -40%; */
}

.single-choose {
	margin-bottom: 20px;
}

.why_title {
	margin-bottom: 20px;
}

.mb-0 {
	margin-bottom: 0;
}

.why-choose-img {
	position: relative;
}

/*
* ----------------------------------------------------------------------------------------
* 06.START COUNTER UP DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-counter {
	background-color: var(--prim-color);
	padding: 30px 20px;
	border-radius: 10px;
	transition: 0.2s;
	transition-timing-function: ease-in;
}

.single-counter:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transform: scale(1.01);
	transform: translateY(-5px);
}

.counter-content {
	overflow: hidden;
}

.wy-para {
	margin-bottom: 40px;
}

.single-counter i {
	font-size: 40px;
	color: #fff;
	display: block;
	margin-bottom: 15px;
}

.counter-num {
	font-size: 40px;
	margin-bottom: 0;
	color: #fff;
}

.single-counter p {
	color: #fff;

}


.pr-0 {
	padding-right: 0px;
}

/*END COUNTER*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.END WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 *  06.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

#special_package {
	padding-top: 0;
}

.single_package {
	margin: 0 0px 30px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);

	transition: 0.2s;
	transition-timing-function: ease-in;
}

.single_package:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transform: translateY(-10px);
}

.single_package::after {
	content: '';
	display: block;
	width: 100%;
	/* Hide border initially */
	height: 2px;
	background: var(--sec-color);
	transition: width 0.3s ease;
}

.single_package:hover::after {
	width: 0%;
	/* Show border on hover */
}

.pack_image {
	position: relative;
	transition: .5s;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
}

.pack_image:before,
.blog_image:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	opacity: 0;
	transition: .5s;
}

.pack_image:hover:before {
	opacity: 1;
}

.pack_price {
	color: var(--prim-color);
	font-size: 16px;
	position: absolute;
	top: -40px;
	right: 10px;
	background-color: #fff;
	display: inline-block;
	z-index: 9;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	line-height: 20px;
	padding-top: 19px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	letter-spacing: 1px;
}

.package-hover .tour-rating {
	color: #fec42d;
	margin-bottom: 9px;
}

.single_package .package-hover {
	padding: 30px;
	position: relative;
}

.single_package img {
	width: 100%;
	position: relative;
}

.single_package h5 {
	font-size: 18px;
	margin-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;

}

.single_package .rating {
	margin-bottom: 3px;
}

.single_package .time_zone {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	text-transform: capitalize;
	color: var(--prim-color);
	margin-bottom: 8px;
	background-color: #fafafa;
	padding: 2px 14px;
	display: inline-block;
	margin-top: 14px;
	border-radius: 30px;
}


#package-slider .owl-controls {
	margin-top: 15px;
}

#package-slider .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	opacity: 1;
	background-color: #211E3B;
}

#package-slider .owl-dots .owl-dot.active span {
	background-color: var(--prim-color);
}

#top-package .owl-nav {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;

}

#top-package .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	border-radius: 50%;
	color: #888;
	font-size: 41px;
}

#top-package .owl-nav .owl-prev {
	position: absolute;
	left: -80px;
}

#top-package .owl-nav .owl-next {
	position: absolute;
	right: -80px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 06.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/

.single-gallery {
	position: relative;
}

.single-gallery:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	transition: .5s;
	opacity: 0;
}

.single-gallery img {}

.gallery_enlarge_icon {
	opacity: 0;
}

.gallery_enlarge_icon {
	background-color: var(--prim-color);
	color: #fff;
	width: 45px;
	height: 45px;
	line-height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	border-radius: 50%;
	font-size: 19px;
	transition: .5s;
}

.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus {
	background-color: #fff;
	color: #333;
}

.single-gallery h4 {
	position: absolute;
	left: 15px;
	bottom: 10px;
	color: #fff;
	font-size: 18px;
	opacity: 0;
	transition: .5s;
	letter-spacing: 3px;
}

.portfolio-item {
	margin-bottom: 30px;
}


.gallery-btn {
	background-color: var(--prim-color);
	border: 1px solid var(--prim-color);
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 24px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 400;
	letter-spacing: 1px;
}

.gallery-btn:hover,
.gallery-btn:focus {
	background-color: #211E3B;
	border-color: #211E3B;
	color: #fff;
}

.single-gallery:hover:before {
	opacity: 0.8;
}

.single-gallery:hover .gallery_enlarge_icon,
.single-gallery:hover h4 {
	opacity: 1;
}

.mt-20 {
	margin-top: 20px;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06.END COUNTER UP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

.padding_0 {
	padding: 0;
}

.top_deals {}

.single-deal {
	border: 1px solid #ebe6de;
	border-radius: 4px;
	overflow: hidden;
	text-align: left;
}

.tour-rating {
	color: #fec42d;
}

.single-deal figure {
	position: relative;
	text-align: center;
	margin: 0;
}

.single-deal figure:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	opacity: 0;
	transition: .5s;
}

.single-deal figure:hover:before {
	opacity: 1;
}

.single-deal figure img {
	position: relative;
	display: block;
	width: 100%;

}

.tour-rating {
	font-size: 13px;
}

.single-deal figcaption {
	overflow: hidden;
	padding: 15px 20px;
	text-align: left;
	background-color: transparent;
	transition: .2s;
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: left;
}

.single-deal h4 {
	margin-bottom: 7px;
	font-size: 20px;
	transition: .2s;
}

.single-deal h4,
.single-deal .tr-price {
	display: inline-block;
}

.single-deal .tr-price {
	float: right;
	font-size: 16px;
	font-weight: 700;
}

.single-deal figcaption p {
	margin-top: 10px;
}

.single-deal figcaption p span {
	color: var(--prim-color);
	background: #fafafa;
	font-size: 14px;
	display: inline-block;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	padding: 9px 15px;
	border-radius: 19px;
	margin-right: 13px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.5 START TOP FLIGHTS  
 * ----------------------------------------------------------------------------------------
*/
.section-title img {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border: 1px solid rgba(160, 160, 160, 0.377);
}

.airline_content i {
	font-size: 20px;
	color: var(--prim-color);
	padding-right: 4px;
}

.airline_content b {
	font-size: 16px;
	color: #333;
}

.card {
	width: 100%;
	/* height: 160px; */
	border-radius: 10px;
	cursor: pointer;
	color: #f0f0f0;
	/* box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2); */
	transition: 0.3s ease-in;
}

/* .card:hover {
	transform: translateY(-20px) scale(1.01);
	box-shadow: none;
} */
/* 
.card img {
	height: 160px;
} */

/* .card:before{
	content: '';
	width: 100%;
	height: 30%;
	border-radius: 30px 30px 0 0;
	background: linear-gradient(0deg, rgba(222,90,57,1) 0%, rgba(255,102,64,1) 100%);
	box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 28px 0px, rgba(0, 0, 0, 0.1) 0px -2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
	position: absolute;
	transition: 0.2s ease-in;
	bottom: 0px;
} */
.card h2 {
	position: absolute;
	inset: auto auto 4px 20px;
	margin: 0;
	color: #FFF;
	transition: inset 0.3s 0.3s ease-out;
	font-family: 'Alatsi', sans-serif;
	font-weight: 500;
	font-size: 28px;
	/* text-transform: uppercase; */
}

/* .card p,
.card a {
	position: absolute;
	opacity: 0;
	max-width: 80%;
	transition: opacity 0.3s ease-out;
} */

.card p {
	inset: auto auto 30px 30px;
}

.card a {
	inset: auto auto 10px 30px;
	color: inherit;
	text-decoration: none;
}

.card:hover:before {
	height: 100%;
	border-radius: 0;
}

.card:hover h2 {
	inset: auto auto 110px 30px;
	transition: inset 0.3s ease-out;
}

.card:hover p,
.card:hover a {
	opacity: 1;
	transition: opacity 0.5s 0.1s ease-in;
}

.card:hover img {
	transition: opacity 0.3s ease-in;
	opacity: 1;
}

.material-symbols-outlined {
	vertical-align: middle;
}

.partner_flight_content {
	border: 1px solid var(--gray-trans);
	border-left: 3px solid var(--prim-color);
	border-radius: 0px 0px 10px 0;
	padding: 20px;
	margin-bottom: 40px;
	background-color: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: all 0.2s ease-in;
	height: 200px;
}

.partner_flight_content:hover {
	transform: translateY(10px);
	box-shadow: none;
}

.partner_flight_content:hover a {
	color: var(--prim-color);
}

.partner_flight_text h4 {
	/* font-family: 'Belanosima'; */
	font-size: 20px;
	font-weight: 500;
}

.partner_flight_text p {
	/* font-family: 'sarabun'; */
	font-weight: 400;
}

.partner_flight_text a {
	color: var(--gray);
	/* font-family: 'Belanosima'; */
	font-weight: 500;
	transition: all 0.2s ease-in;
}

.partner_flight_text span {
	color: var(--prim-color);
	font-weight: 500;
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.5 END TOP FLIGHTS  
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/
.tour_details .tour_slider {
	margin-bottom: 15px;
}

.related-deal {
	padding-bottom: 50px;
}

.tour_duration {
	font-weight: 400;
	color: #404040;
	margin-bottom: 11px;
	display: block;
}

.tour_slider .slick-prev,
.tour_slider .slick-next {
	z-index: 1;
	line-height: 50px;

}

.tour_slider .slick-prev {
	left: 20px;
	top: 45%;
}

.tour_slider .slick-next {
	right: 50px;
	top: 45%;
}

/*END SINGLE TOUR DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_blog.big-post .blog-text {
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: 0;
	color: #fff;
	z-index: 9;
}

.single_blog.big-post .blog-text h4 a,
.single_blog.big-post .post-meta span,
.single_blog.big-post .post-meta span a,
.single_blog.big-post .post-meta a {
	color: #fff;
}

.right-blog .blog_image {
	width: 180px;
	float: left;
	margin-right: 25px;
}

.single_blog.big-post .blog_image::before {
	opacity: 1;
}

.right-blog .blog_image img {
	border-radius: 4px;
}

.right-blog .blog-text {
	overflow: hidden;
	padding: 0;
}

.right-blog .single_blog {
	box-shadow: inherit;
}

.single_blog h4 {
	font-size: 28px;
}

.blog_section {
	padding-top: 100px;
	padding-bottom: 70px;
}

img {
	max-width: 100%;
}

.single_blog {
	margin-bottom: 30px;
	border-radius: 4px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	overflow: hidden;
	position: relative;
}

.post_date {
	background: var(--prim-color);
	color: #fff;
	padding: 5px 20px;
	margin-bottom: 0px;
	display: inline-block;
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 10px 10px 0 0;
	z-index: 99;
	border-radius: 0px;
	font-weight: 700;
}

.post_date a {
	color: #fff;
}

.blog-text {
	padding: 40px 30px 58px;
}

.post-meta {
	margin-top: 5px;
	margin-bottom: 14px;
	font-size: 14px;
	overflow: hidden;
}

.post-meta span,
.post-meta span a {
	margin-right: 10px;
	color: #333;
	font-weight: 400;
}

.post-meta span i {
	color: var(--prim-color);
	padding-right: 3px;
}

.blog-text {
	text-align: left;
}

.blog-text h4 {
	line-height: 30px;
	margin-bottom: 10px;
}

.blog-text p {
	margin-bottom: 35px;
}

.single_blog h4 a {
	font-size: 25px;
	color: #333;
}

.single_blog h4 a {
	transition: .5s;
}

.single_blog h4 a:hover {
	color: var(--prim-color);
}

.entry-content p {
	margin-bottom: 15px;
}

.blog-details .post-meta {
	margin-bottom: 15px;
}

.blog-photo {}

.blog_image {
	position: relative;
}

.single_blog:hover .blog_image:before {
	opacity: 1;
}

.post-btn {
	font-weight: 700;
	color: #f05942;
	transition: .5s;
	text-decoration: underline !important;
}

.post-btn:hover,
.post-btn:focus {
	color: #f05942;
}

.comment-box {
	padding: 0 !important;
}

/*END BLOG SINGLE PAGE DESIGN*/

/*START BLOG SIDEBAR*/
.blog_sidebar_title {
	margin-bottom: 25px;

}

.search input {
	border: 1px solid #eee;
	border-radius: 30px;
	box-shadow: none;
	color: #333;
	height: 45px;
}

.search input:hover,
.search input:focus {
	border: 1px solid var(--prim-color);
	box-shadow: none;
}

.search,
.video_post,
.categories {
	margin-bottom: 00px
}

.categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categories ul li {}

.categories ul li a {
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: 300;
	padding: 5px 0;
	text-transform: uppercase;
}

.categories ul li a:hover {
	color: var(--prim-color)
}

.categories ul li a i {
	margin-right: 10px
}

.video_post iframe {
	width: 100%;
	height: 220px;
	border: medium none;
}

.tag a {
	margin-bottom: 10px;
	margin-right: 5px;
}

.btn-tag-bg {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	border-radius: 30px;
	color: #333;
	display: inline-block;
	font-size: 12px;
	outline: medium none;
	padding: 15px 27px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}

.btn-tag-bg:hover,
.btn-tag-bg:focus {
	background: var(--prim-color);
	border: 1px solid var(--prim-color);
	color: #fff;
}

/*END BLOG SIDEBAR*/


/*
 * ----------------------------------------------------------------------------------------
 * 10.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial .white-title h2 {
	color: #fff;
}

.testimonial {
	position: relative;
	z-index: 9;
	background-attachment: fixed;
}

.testimonial .overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1;
}

#testimonial-slider {}

.testimonial {}

.single-testimonial {
	color: #333;
	padding: 40px 28px;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	height: 450px;

}

.single-testimonial:after {
	position: absolute;
	content: '';
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6334908963585435) 0%, rgba(255, 255, 255, 0) 100%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .9;
	border-radius: 10px;

}

.testimonial .owl-item.active.center .single-testimonial:after {
	opacity: 0;
}

.testimonial-content {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 17px;
	line-height: 25px;
	border-radius: 10px;
}

.testimonial .title {
	display: block;
	font-size: 19px;
	color: #333;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin: 0 0 3px 0;
}

.testimonial .owl-item.active.center .single-testimonial {
	border-radius: 4px;
	background: #fff;
	color: #333;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

.test-rating {
	color: #ffc000;
	font-size: 14px;
}

.testimonial .owl-carousel .owl-item img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 19px;
	display: inline-block;
	border: inherit;
}

#testimonial-slider .owl-nav {
	position: absolute;
	top: 40%;
	width: 100%;
	margin: 0;
}

#testimonial-slider .owl-nav button {
	width: 50px;
	height: 50px;
	line-height: 45px;
	border-radius: 50%;
	background: var(--prim-color);
	position: absolute;
	color: #fff;
	font-size: 20px;
}

#testimonial-slider .owl-nav .owl-prev {
	left: -8%;
}

#testimonial-slider .owl-nav .owl-next {
	right: -8%;
}

/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
	position: relative;
	background-color: #fafafa;
	padding: 00px 0 80px;

}

.partner {
	text-align: center
}

.partner.owl-theme .owl-controls {
	display: none !important;
}

.partner-logo .owl-carousel .owl-item img {
	display: inline-block;
	max-width: 100%;
	border-radius: 8px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/*
* ----------------------------------------------------------------------------------------
*  12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
*  12.5 START SITEMAP
* ----------------------------------------------------------------------------------------
*/

.sitemap a {
	font-size: 16px;
	padding: 10px;
	line-height: 2.5;
	transition: 0.2s;

}

.sitemap a:hover {
	color: var(--prim-color);
	font-weight: 500;
}

.sitemap i {
	font-size: 34px;
	color: var(--prim-color);
	margin-left: 5px;
}

/*
* ----------------------------------------------------------------------------------------
*  12.END SITEMAP
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.mt-30 {
	margin-top: 30px;
}

#contact-form {
	border: 1px solid #f1f1f1;
	padding: 35px;

}

.contact_address {
	margin-bottom: 30px;
	padding-left: 30px;
}

.single-contact-info {
	margin-bottom: 0;
	overflow: hidden;
	margin-top: 0;
	text-align: center;
	padding: 42px;
	position: relative;
	top: -88px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	border-radius: 4px;
}

.single-contact-info i {
	color: var(--prim-color);
	font-size: 23px;
	display: inline-block;
	margin-bottom: 25px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid var(--prim-color);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	outline-style: outset;
}

.single-contact-info p {
	margin-bottom: 0;
}

.contact .form-control {
	padding: 13px 15px;
	border-radius: 0px;
	background-color: #fafafa;
	border-color: #fafafa;
	border-width: 1px;
	margin-bottom: 30px;

}

.contact .form-control:focus {
	border-color: var(--prim-color);
	box-shadow: none;
	outline: 0 none;
}

.contact textarea {
	background: #fff none repeat scroll 0 0;
	border-radius: 0px;
	box-shadow: none;
	padding: 13px 15px;
	height: 80px;
}

.contact textarea:focus {
	box-shadow: none;
	outline: 0 none;
}

.success {
	background: #fff none repeat scroll 0 0;
	color: #42c0d9;
	font-weight: 700;
	padding: 20px;
	text-align: center;
}


#submitButton.btn-contact-bg {
	background-color: var(--prim-color);
	border: 1px solid var(--prim-color);
	color: #fff;
	font-size: 15px;
	padding: 13px 30px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 400;
	border-radius: 4px;
}

#submitButton:hover,
#submitButton:focus {
	background: #211E3B;
	border: 1px solid #211E3B !important;
	color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.google-map iframe {
	width: 100%;
	border: inherit;

}

/*
* ----------------------------------------------------------------------------------------
* 13.5 CTA SECTION
* ----------------------------------------------------------------------------------------
*/
.cta_section {
	width: 100%;
	margin-bottom: 30px;
	background-image: url("../img/Frame.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 160px;
}

.cta_content {
	padding-top: 10px;
}

.box {
	background-image: repeating-linear-gradient(0deg, var(--border-anim), var(--border-anim) 26px, transparent 26px, transparent 42px, var(--border-anim) 42px), repeating-linear-gradient(90deg, var(--border-anim), var(--border-anim) 26px, transparent 26px, transparent 42px, var(--border-anim) 42px), repeating-linear-gradient(180deg, var(--border-anim), var(--border-anim) 26px, transparent 26px, transparent 42px, var(--border-anim) 42px), repeating-linear-gradient(270deg, var(--border-anim), var(--border-anim) 26px, transparent 26px, transparent 42px, var(--border-anim) 42px);
	background-size: 3px calc(100% + 42px), calc(100% + 42px) 3px, 3px calc(100% + 42px), calc(100% + 42px) 3px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	animation: borderAnimation 0.9s infinite linear;
	height: 45px;
	width: 100px;
	transition: 0.2s;
	transition-timing-function: ease-in;
}

@keyframes borderAnimation {
	from {
		background-position: 0 0, -42px 0, 100% -42px, 0 100%;
	}

	to {
		background-position: 0 -42px, 0 0, 100% 0, -42px 100%;
	}
}

.cta_content .box {
	background-color: white;
}

.box a {
	color: var(--border-anim);
	font-family: 'Alatsi', sans-serif;
	font-size: 22px;
	padding: 10px;
}

.box:hover {
	background-color: var(--border-anim);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transform: translateY(-5px);
}

.box a:hover {

	color: white;
}

.cta_content h4 {
	color: #000;
}

.cta_content h6 {
	color: #000;
	font-weight: 200;
}

.cta_content input {
	border: none;
	border: 3px solid var(--border-anim);
	/* background-color: transparent; */
	color: var(--border-anim);
	font-weight: 600;
	transition: 0.2s ease-in-out !important;
}

.cta_content input::placeholder {
	color: var(--border-anim);
	font-weight: 600;
}

.cta_content input:focus {
	margin-top: 10px;
	border: none;
	border-bottom: 3px solid var(--border-anim) !important;
	outline: none !important;
	background: transparent;
	background: linear-gradient(0deg, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 60%);
}

.cta_content2 {
	/* border-top: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black; */
	border-radius: 30px 30px 0 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 28px 0px, rgba(0, 0, 0, 0.1) 0px -2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
	height: 160px;
	width: 80%;
	padding: 20px;
	box-sizing: border-box;
}

.cta_content2 input {
	border: none;
	border-bottom: 3px solid var(--border-anim);
	/* background-color: transparent; */
	color: var(--border-anim);
	font-weight: 600;
	transition: 0.2s ease-in-out !important;
}

.section_content {
	margin-top: 50px;
}

.cta_content2 input::placeholder {
	color: var(--border-anim);
	font-weight: 600;
}

.cta_content2 input:focus {
	margin-top: 10px;
	border: none;
	border-bottom: 3px solid var(--border-anim) !important;
	outline: none !important;
	background: transparent;
	background: linear-gradient(0deg, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 60%);
}

.errortext {
	color: white;
	padding: 10px;
	text-align: center;
	font-family: roboto;
	background: #fe3131;
	font-weight: bold;
	text-transform: capitalize;
	border: 1px solid #fe3131;
	margin-bottom: 10px;
	position: relative;
}

@media only screen and (max-width: 991px) {
	.about {
		height: revert !important;
	}

	.cta_section {
		display: none;
	}

	.wrap-contact100 {
		width: 100%;
	}

	.cta_content2 {
		width: 100%;
	}

	.why_choose,
	.section_content {
		margin-top: 0px !important;
	}
	.form-content-wrap{
		height: revert !important;
		margin-top: 0px !important;
	}

	.hero-text {
		padding-top: 98px !important;
	}

	.travel-search-form {
		top: 50px !important;
	}

	.home-slider {
		/* display: none !important; */
	}
	.tab-lists{
		margin-top: 200px !important;
	}
	.form-content-wrap .new-form-style.form-group{
		margin-bottom: 0px !important;
	}
	.form-content-wrap .new-form-style.form-group{
		height: 35px !important;
	}
	.form-content-wrap .btn-home-bg{
		margin: 10px 0px 0px 0px !important;
	}
	.form-content-wrap label.postion_label{
		top: 7px !important;
		font-size: 10px !important;
	}
	.fixed_phonebox{
		margin: 0px !important;
	}
	.travel-search .form-content-wrap .cruise_form {
		margin: 0px !important;
	}
	.travel-search .form-content-wrap .cruise_form .hasDatepicker{
		width: 100% !important;
	}
	.open_navtext11 {
		position: revert !important;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 13.5.CTA SECTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.sub-footer-nav li {
	display: inline-block;
	padding: 10px;
}

.sub-footer-nav a {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Alatsi', sans-serif;
	color: white;
	transition: 0.2s ease-in;
}

.sub-footer-nav a:hover {
	color: var(--sec-color);
}

.sub-footer-nav a:active {
	color: var(--prim-color);
}

.footer {
	padding: 35px 0 15px;
	background: linear-gradient(to bottom, #00095e 0%, #0c0c1f 100%);
	color: #8a8fbe;
}

.footer-top {
	margin-bottom: 15px;
	border-bottom: 1px solid rgb(247, 243, 243, 0.3);
	padding-bottom: 30px;
}

.footer ul li a {
	font-weight: 400;
	color: #8a8fbe;
}

.copyright_text {
	color: #8a8fbe;
}

.foot-logo {
	margin-bottom: 25px;
}

.foot-logo img {
	width: 120px;
}

.footer .fot-title {
	position: relative;
	margin-bottom: 26px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
}

.footer ul {
	list-style-type: none;
}

.footer ul li {
	line-height: 32px;
}

.footer .copyright {
	padding-top: 30px;
}

.footer .copyright p {
	margin-bottom: 0;
	font-weight: 600;
}

.footer-bottom p {
	margin-bottom: 0;
	font-size: 15px;
}

.footer ul {
	list-style-type: none;
}

.footer ul li {
	line-height: 32px;
	position: relative;
}

.footer ul li a {
	font-weight: 400;
	color: #8a8fbe;
}

.footer a {
	transition: .5s;
}

.footer a:hover,
.footer a:focus {
	color: var(--prim-color);
}

.foot_social_link {
	margin-top: 5px;
}

.foot_social_link li {
	display: inline-block;
	margin: 0 7px;
}

.foot_social_link li a {
	font-size: 16px;
}

.fot-about-us {
	padding-right: 20px;
}

.copyright_text a {
	color: #8a8fbe;
}

/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.Tour Details DESIGN
* ----------------------------------------------------------------------------------------
*/

.page_banner {

	position: relative;
}

.banner_overlay {
	background: rgba(0, 0, 0, 0.5);
	padding: 220px 0 90px;
}

.banner_overlay .section-blog-title {
	color: #fff;
	font-size: 40px;
	text-transform: capitalize;
}

.single_tour_details {
	padding-right: 20px;
}

.tour_details {
	padding-bottom: 0;
}

.book_now {
	background-color: var(--prim-color);
	border: 1px solid var(--prim-color);
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 24px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 400;
	letter-spacing: 1px;
}

.book_now .form-control {
	margin-bottom: 25px;
	background-color: #fafafa;
	border-color: #fafafa;
	padding: 8px 15px;
	border-radius: 0;
}

.book_now h4 {
	margin-bottom: 25px;
	font-size: 22px;
}

.book_now .form-control::placeholder {}

.book_now .form-control:focus {
	box-shadow: inherit;
	border-color: var(--prim-color);
}

.book_now .book_now_btn {
	background: #fff;
	color: #333;
	border: 1px solid #fff;
	padding: 7px 24px;
	display: inline-block;
	font-weight: 600;
	width: 100%;
	transition: .5s;
}

.book_now .book_now_btn:hover,
.book_now .book_now_btn:focus {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.tour-map {
	margin-top: 80px;
}

.tour-map iframe {
	border: inherit;
	width: 100%;
}

.tour_title {
	font-size: 22px;
	margin-bottom: 25px;
}

.tour_slider_img {}

.tour_slider .slick-prev::before,
.tour_slider .slick-next::before {
	color: var(--prim-color);
	font-size: 15px;
	background-color: #fff;
	width: 50px;
	height: 50px;
	line-height: 47px;
	display: inline-block;
	border-radius: 50%;
	opacity: 1;
	border: 1px solid #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

#blog-section {
	padding: 80px 0;
}

#blog-section .single_blog h4 a {
	font-size: 1.5rem;
}

.blog-text.text-left,
.entry-content {
	text-align: left;
}

.blog-text.text-left {}

.post_description {
	margin-top: 12px;
}

.content-area .post_description {
	margin-top: 18px;
	margin-bottom: 18px;
	overflow: hidden;
}

.pagination {
	display: block;
}

.pagination-nav {
	padding-top: 20px;
	text-align: center;
}

.pagination-nav a {
	color: #727272;
	font-weight: 500;
	font-size: 16px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	margin: 0 5px;
	display: inline-block;
}

.pagination-nav a:hover,
.pagination-nav a:focus,
.pagination-nav a.active {
	background-color: var(--prim-color);
	border-color: var(--prim-color);
	color: #fff;
}

.post_tags {
	font-weight: 700;
	margin-top: 30px;
}

.post_tags a {
	color: #fff !important;
	transition: .5s;
	background-color: #0c0c1f;
	padding: 5px 10px;
	margin-right: 5px;
	display: inline-block;
	font-weight: 500;
}

.post_tags a:hover,
.post_tags a:focus {
	color: #fff !important;
	background-color: var(--prim-color);
}

.post_tags a:hover,
.post_tags a:focus {
	color: var(--prim-color);
}

#sidebar-section {}

.widget {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background-color: #fafafa;
	overflow: hidden;
}

.widget_title {
	font-size: 24px;
	text-transform: capitalize;
	color: #333;
	margin: 30px 30px 12px 30px;
	padding-bottom: 14px;
	display: block;
	position: relative;
}

.widget.widget_categories {
	padding-bottom: 20px;
}

.widget ul {}

.widget.widget_search {
	padding: 30px;
}

.widget.widget_search .widget_title {
	margin-bottom: 20px;
	margin-left: 0;
	margin-top: 0;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget ul>li {
	list-style-type: none;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	padding-left: 30px;
	padding-right: 30px;
	transition: .5s;
}

.widget ul>li>ul>li {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-bottom: inherit;
}

.widget li a {
	font-weight: 600;

}

.widget.widget_categories ul>li:hover {
	background-color: var(--prim-color);
	cursor: pointer;
	color: #fff;
}

.widget.widget_categories li a {
	font-size: 16px;

}

.widget.widget_categories li:hover a {
	color: #fff;
}

.widget li a:hover,
.widget li a:focus {
	color: var(--prim-color);
}

.widget li:last-child {
	border-bottom: inherit;
}

.widget.widget_text .textwidget,
.widget .calendar_wrap,
.widget.widget_categories form {
	padding-left: 30px;
	padding-right: 30px;
}


.widget.widget_archive select,
.widget.widget_categories select {
	margin-top: 20px;
	margin-bottom: 30px;
}

.widget.widget_archive select {
	margin-left: 30px;
	width: 83%;
}

.widget.widget_text .widget_title {
	margin-bottom: 15px;
}

.widget.widget_rss .rsswidget {
	display: inline-block;
}

#reply-title {
	font-size: 24px;
	color: #333;
}

.widget_categories li a {
	text-transform: capitalize;
	font-weight: 700;
}

.widget.widget_tag_cloud {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.widget.widget_tag_cloud .widget_title {
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}

.search_form {}

.form-control {
	height: 45px;
	line-height: 45px;
}

.form-control:focus {
	border-bottom: 1px solid var(--prim-color) !important;
}

.search_form form {
	position: relative;
}

.search_form .form-control::-webkit-input-placeholder {
	color: #777;
	opacity: 1;
}

.search_form .form-control::-moz-placeholder {
	color: #777;
	opacity: 1;
}

.search_form .form-control:-ms-input-placeholder {
	color: #777;
	opacity: 1;
}

.search_form .form-control {
	height: 55px;
	line-height: 55px;
	padding: 10px 15px;
	background-color: #fff;
	color: #777;
	border-radius: 0;
	font-size: 14px;
}

.search_form .form-control:focus {
	box-shadow: inherit;
	border-color: var(--prim-color)
}

.search_form button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--prim-color);
	color: #fff;
	border: 1px solid transparent;
	height: 55px;
	padding: 0 25px;
	line-height: 50px;
	border-radius: 0;
}

.widget_categories i {
	padding-right: 5px;
	color: var(--prim-color);
}

.widget_categories .badge {
	font-size: 13px;
}

.widget_categories li:hover i,
.widget_categories li:hover span {
	color: #fff;
}

.widget_categories li span {
	color: #727272;
}

.ketfa_recent_post {}

.ketfa_recent_post h3 {
	font-size: 17px;
}

.widget_tag_cloud a {
	display: inline-block;
	padding: 2px 13px;
	margin-right: 8px;
	margin-bottom: 12px;
	font-size: 13px;
	transition: .5s;
	background-color: #fff;
	font-weight: 500;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus {
	color: #fff;
	background-color: var(--prim-color);
	border-color: var(--prim-color);
}

.widget_instagram ul {
	padding: 10px 20px 10px 30px;
}

.widget_instagram li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 29%;
	float: left;
	position: relative;
	padding: 0 !important;
	border-bottom: inherit;
	transition: .5s;
}

.widget_instagram li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	transition: .5s;
}

.widget_instagram li:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.widget_instagram li a:after {
	position: absolute;
	content: "\e73d";
	font-family: 'themify';
	width: 100%;
	height: 100%;
	top: 35%;
	left: 0;
	color: #fff;
	text-align: center;
	display: inline;
	z-index: 11;
	opacity: 0;
	transition: .5s;
}

.widget_instagram li a:hover::after,
.widget_instagram li:hover::before {
	opacity: 1;
}

.widget_instagram img {
	width: 100%;
}

.turista_recent_post h3 {
	font-size: 17px;
}

/* Comment Style */
.comment-area {
	padding-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}

.comment-area li {
	list-style-type: none;
	margin-bottom: 25px;
}

.comment-area li ul {
	padding-left: 30px;
	margin-top: 25px;
}

.comment-title,
.comment-form h3 {
	font-size: 24px;
	margin-bottom: 40px;
}

.author_pic {
	float: left;
	margin-right: 25px;
}

.author_pic img {
	border-radius: 50%;
	width: 80px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

.comment_text {
	overflow: hidden;
	margin-bottom: 45px;
}

.com-title {
	font-size: 17px;
}

.comment_text .date {
	font-weight: 400;
}

.comment_text .date .com_reply {
	float: right;
	font-size: 13px;
}

.comment-form {
	padding-top: 10px;
}

.comment-form .form-control {
	margin-bottom: 20px;
}

.comment-form textarea {
	height: 150px;
}

.comment-form .form-control:focus {
	box-shadow: inherit;
}

.send-message-info i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid var(--prim-color);
	color: #fff;
	background-color: var(--prim-color);
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 30px;
}

.send-message-info h4 {
	margin-bottom: 40px;
}

/* Signle Service */

.single_service_details h2 {
	margin-bottom: 25px
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 10px 1em 10px 0.4em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.item_details {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	position: relative;
	text-align: left;
	padding-left: 30px;
}

.item_code {
	font-size: 12px;
	padding: 4px 8px;
	background: var(--prim-color);
	color: #fff;
}

li.ui-menu-item {
	border-bottom: 1px dotted #00000082;
	margin: 5px 0px 8px 0px;
}

.ui-menu .ui-menu-item-wrapper:hover {
	background: var(--prim-color) !important;
	border-radius: 0px !important;
}

.item_details::after {
	font-family: "Font Awesome 5 Free";
	content: '\f3c5';
	font-weight: 900;
	font-size: 20px;
	color: var(--text_color);
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 5px;
}

label.error {
	color: red;
}

/*sitemap_bannersc start*/
.sitemap_bannersc {
	background: url('../images/sitemap_banner.jpg');
	height: 370px;
	background-size: cover;
	position: relative;
	z-index: 1;
	background-position: center;
}

.sitemap_bannersc::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: #071b26b5;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.sitemap_bannersc .text_box h2 {
	font-weight: 600;
	color: #fff;
	font-size: 40px;
	padding-top: 17%;
	text-align: center;
	text-transform: uppercase;
}

.sitemap_bannersc .text_box a {
	font-weight: 400;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding-top: 10px;
}

.sitemap_bannersc .text_box .border_line {
	width: 300px;
	height: 1px;
	margin: 0 auto;
	background: #06ab7d;
	position: relative;
	margin-top: 10px;
}

.sitemap_bannersc .text_box .border_line .border_icon {
	position: absolute;
	top: -29px;
	left: 43%;
	font-size: 45px;
	color: #06AB7D;
}

/*sitemap_aboutsc start*/
.sitemap_aboutsc {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sitemap_aboutsc .main_box {
	padding: 30px 20px 20px 20px;
	background: #f4f4f4;
	box-shadow: 0px 10px 20px #0000001f;
	border-radius: 20px 0px 20px 0px;
	margin-bottom: 40px;
}

.sitemap_aboutsc .heading_box h3 {
	font-weight: 600;
	font-size: 22px;
	color: #06ab7d;
	font-family: Open sans;
	text-align: center;
}

.sitemap_aboutsc .heading_box .under_line {
	width: 100%;
	height: 0.2px;
	margin: 0 auto;
	background: #0692bc;
	position: relative;
	margin-bottom: 30px;
	margin-top: 18px;
}

.sitemap_aboutsc .heading_box .under_line .under_lineicon {
	position: absolute;
	top: -29px;
	left: 49%;
	font-size: 45px;
	color: #0692bc;
}

.sitemap_aboutsc .link_box a {
	font-weight: 700;
	font-size: 15px;
	border-radius: 0px;
	font-family: 'Open Sans';
	display: block;
	margin-bottom: 10px;
	color: #000000b5;
	transition: 0.3s;
	padding: 10px;
	text-transform: capitalize;
	position: relative;
	z-index: 1;
}

.postion_border {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #06ab7d;
}

.postion_border1 {
	position: absolute;
	top: 42%;
	left: 50%;
	width: 100%;
	height: 1px;
	background: #06ab7d;
}

.sitemap_aboutsc .link_box a:hover {
	color: #000;
	transition: 0.3s;
}

.sitemap_aboutsc .link_box a .hover_links {
	opacity: 0;
	margin-left: -18px;
	transition: 0.3s;
}

.sitemap_aboutsc .link_box a:hover .hover_links {
	opacity: 1;
	margin-left: 0px;
	transition: 0.3s;
}

/* Responsive Design */


@media only screen and (max-width:1366px) {
	.single-counter {
		background-color: var(--prim-color);
		padding: 30px 14px;
	}

	.blog-text h4 {
		line-height: 32px;
	}

	.single_blog h4 a {
		font-size: 24px;
	}
}


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

	.travel-search-form .col-xl-3.col-lg-6,
	.single-counter,
	.footer-widget {
		margin-bottom: 30px;
	}

	.why_choose .section-title {
		margin-top: 40px;
	}

}

@media only screen and (max-width:1024px) {
	#main-menu ul li {
		margin-left: 30px;
	}

	#top-package .owl-nav .owl-prev {
		position: absolute;
		left: -40px;
	}

	#top-package .owl-nav .owl-next {
		position: absolute;
		right: -40px;
	}

	#testimonial-slider .owl-nav .owl-prev {
		left: -28px;
	}

	#testimonial-slider .owl-nav .owl-next {
		right: -28px;
	}
}

@media only screen and (max-width: 991px) {
	.why_choose img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

	#main-menu ul li {
		margin-left: 9px;
	}

	#main-menu ul li a {
		font-size: 15px;
	}

	.contact_address {
		padding-left: 0;
		margin-top: 40px;
	}

	.single-counter,
	.footer-widget,
	.single-contact-info {
		margin-bottom: 30px;
	}

	.about {
		height: 500px;
	}

	.about .travel-search-form {
		right: 0px;
		top: -35px;
		position: revert !important;
		margin-top: 60px !important;
	}

	.about .hero-text {
		width: 100%;
	}

	.why_choose_about {
		top: 61%;
	}

	/* .our_services {
		margin-top: 500px;
	} */

}

@media (max-width:991px) {
	.about .travel-search-form {
		right: 0px;
		top: -35px;
		position: revert !important;

	}
}

@media only screen and (max-width: 767px) {
	#main-menu {
		display: none;

	}

	#mobile_menu {
		display: block;
		width: 100%;

	}

	.slicknav_nav {
		background-color: #211E3B;
	}

	#navigation #mobile_menu li a {
		color: #fff;
		font-weight: 400;
		font-family: 'Alatsi', sans-serif;
	}

	#navigation #mobile_menu li li a {
		color: #222;
	}

	#navigation #mobile_menu li i {
		display: none;
	}

	#navigation ul li ul,
	#navigation ul {
		transition: .0;
	}

	#navigation.navbar-fixed #mobile_menu li a {
		color: #fff;
	}

	.slicknav_nav a {
		padding: 1px 0px;
		transition: .5s;
	}

	/* #navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus {
		color: var(--prim-color);
	} */

	.slicknav_btn {
		top: 24px;
	}

	.why_choose img {
		margin-bottom: 30px;
	}

	.single_tour_details {
		padding-right: 0;
		margin-bottom: 30px;
	}
}

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

	.slicknav_btn {
		margin: 0;
		text-decoration: none;
		position: absolute;
		top: 35px;
		right: 17px;
	}

	.home-slider .slick-prev,
	.home-slider .slick-next {
		display: none;
	}

	.hero-text h1 {
		font-size: 48px;
		margin-bottom: 25px;
		line-height: 52px;
	}

	#top-package .owl-nav button,
	#testimonial-slider .owl-nav button {
		display: none;
	}

	.single_blog.big-post .blog-text {
		left: 20px;
	}

	.right-blog .blog_image {
		width: 100%;
		float: inherit;
		margin-right: 0;
		margin-bottom: 24px;
	}

	.right-blog .blog-text {
		overflow: initial;
		display: block;
	}

}

/*bread cam css code*/
.hero-text ol {
	list-style: none;
	display: flex;
	justify-content: center;
}

.hero-text ol li a {
	color: #fff;
}

.hero-text ol li i {
	margin: 0px 10px 0px 10px;
}

.why_title ol {
	display: flex;
	padding: 0px;
	margin: 0px;
}

.why_title ol li a {
	font-size: 15px;
}

.why_title ol li i {
	font-size: 15px;
}

.callIconWrapper {
	background-color: #fff;
	padding: 5px;
	border-radius: 50%;
	margin-right: 2px;
}

.callIconWrapper i {
	color: var(--prim-color);
}


/* Search flight hotel cruise start */

.form-content-wrap  {
    background-color: #01032b;
    padding: 30px 0px;
    position: relative;
    top: -100px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
	height: 170px;
}
.tab-lists{
	margin-top: -73px;
}
.tab-lists.nav-pills .nav-link{
	border-radius: 0;
	background-color: var(--white);
	border-right: 1px solid #f6f6f6;
	color: var(--semidark);
}
.tab-lists.nav-pills .nav-link.active, .tab-lists.nav-pills .show>.nav-link{
	background-color:var(--prim-color) ;
	color: var(--white);
}
.form-content-wrap .travel-search-form{
	top: 0 !important;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 6px;
}
.form-content-wrap .btn-home-bg{
    background-color: var(--prim-color);
    border-color: var(--prim-color);
    margin: 30px 0px 0px 0px;
}

/* Form style start  */
.form-content-wrap label.postion_label {
    position: relative;
    top: 14px;
    left: 26px;
    padding: 2px 13px;
    background: #01032b;
    color: #fff;
    font-size: 12px;
    z-index: 1;
}
.form-content-wrap label.postion_label span{
	color: yellow;
}
.form-content-wrap .new-form-style.form-group {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    /* padding: 0px 12px; */
    background: transparent;
    border: 1px solid #000;
    height: 50px;
    border-radius: 4px;
}
.form-content-wrap .new-form-style.form-group .form-control {
	background: #01032B;
    color: #fff;
    padding: 0px 0px 0px 35px !important;
    font-size: 12px;
}
.form-content-wrap .new-form-style.form-group .form-control::placeholder {
    color: #fff;
}
.form-content-wrap .new-form-style.form-group i {
    color: #ffffff54;
	margin-left: 10px;
}
.form-content-wrap .travel-search-form .new-form-style .form-control{
	padding: 0px 10px;
}
.travel-search .tab-lists.nav-pills .nav-link{
	background-color: #01032b !important;
	border-right: revert !important;
	color: #fff !important;
}
.form-content-wrap .tab-lists.nav-pills .nav-link.active{
	color: #fff;
    background: var(--prim-color) !important;
}
.travel-search .form-content-wrap .traveler_box {
	background: #fff;
	padding: 16px 16px;
	width: 350px;
	border-radius: 6px;
	position: absolute;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	z-index: 99;
}

.travel-search .form-content-wrap .traveler_box h5 {
	font-size: 12.5px;
	color: #212121;
	margin: 0px 0px 10px 0px;
}

.travel-search .form-content-wrap .traveler_box ul {
	display: flex;
	list-style: none;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	margin: 0px 0px 14px 0px;
	padding: 0px;
}

.travel-search .form-content-wrap .traveler_box ul li {
	width: 40px;
	text-align: center;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.travel-search .form-content-wrap .traveler_box ul li:hover {
	background: #0071e9;
	color: #fff;
	transition: 1s;
}

.travel-search .form-content-wrap .traveler_box ul li.active {
	background: var(--prim-color);
    color: #fff;
}

.travel-search .form-content-wrap select#fare_class {
	padding: 6px;
	font-size: 12px;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.5;
	color: #495057;
	border: 1px solid #ccc;
}

.travel-search .form-content-wrap select#fare_class option {
	background: #01032b;
	color: #fff;
}
.travel-search .form-content-wrap button.apply_buuton {
    width: 100%;
    padding: 6px 10px;
    background: var(--prim-color);
    color: #fff;
    border: none;
    margin: 25px 0px 0px 0px;
}
.travel-search .form-content-wrap .form-group.form-style.Passenger_Economybox{
	margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background: transparent;
    border: 1px solid #ffffff38;
    height: 50px;
    border-radius: 4px;
}
.travel-search .form-content-wrap .hotel_updateformbox{
	padding: 20px;
}
.travel-search .form-content-wrap .hotel_updateformbox .hotel_inputbox{
     display: flex;
	 align-items: center;
}
.travel-search .form-content-wrap .hotel_updateformbox .hotel_inputbox input{
	padding: 0px 0px 0px 15px;
    background: #01032b;
    color: #fff !important;
    border: 1px solid #ffffff38 !important;
    font-size: 12px;
}
.travel-search .form-content-wrap .hotel_updateformbox .hotel_inputbox input::placeholder{
	color: #fff !important;
}
.travel-search .form-content-wrap .hotel_updateformbox .form-style i.hotel_icon{
	position: absolute;
    left: 35px;
}
.travel-search .form-content-wrap .hotel_updateformbox .search-hotel-btn {
	background-color: var(--prim-color);
    border-color: var(--prim-color);
    margin: 30px 0px 0px 0px;
	padding: 10px;
}
.travel-search .form-content-wrap .cruise_form {
	padding: 0px 10px;
    margin: 30px 0px 0px 0px;
}
.travel-search .form-content-wrap .cruise_form input{
	padding: 0px 0px 0px 15px;
    background: #01032b;
    color: #fff !important;
    border: 1px solid #ffffff38 !important;
    font-size: 12px;
}
.travel-search .form-content-wrap .cruise_form input::placeholder{
	color: #fff;
}
.travel-search .form-content-wrap .cruise_form .hasDatepicker{
   width: 94%;
}
.travel-search .form-content-wrap .cruise_form .cruise_submitbtn{
	background-color: var(--prim-color);
    border-color: var(--prim-color);
    margin: 28px 0px 0px 0px;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
}
.travel-search .form-content-wrap .cruise_form label {
    position: relative;
    top: 14px;
    left: 26px;
    padding: 2px 13px;
    background: #01032b;
    color: #fff;
    font-size: 12px;
    z-index: 1;
}
.travel-search .form-content-wrap .cruise_form label span{
	color: yellow;
}
button.btn.btn-secondary.home-search-btn.w-100.h-auto{
	background: var(--prim-color);
}
/* Form style end */
/* Search flight hotel cruise end */

/* === New style start === */
.fixed_phonebox a img {
    width: 50px !important;
}
section.home-slider{
	margin-bottom: 0px;
}
.form-content-wrap{
	margin-bottom: 24px;
}
@media(min-width:992px){
.our_services{
	margin-top: 100px;
}
}
/* === New style end === */
.traveller_select_wrap {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background: transparent;
    border: 1px solid #dee2e6;
    height: 50px;
    border-radius: 4px;
}

.flight-search-wrap .form-content-wrap{
	margin-top: 124px;
	top: 24px;
}
.hotelForm {
    margin: 70px 0px 0px 0px;
}
@media(max-width:767px){
	.our_services .section-title span{
		margin-top: 24px;
	}
	.about .travel-search-form{
		margin-top: 0px !important;
	}
}
@media(min-width:992px){

	.flight-search-wrap .form-content-wrap{
		margin-top: -6px;
	}

}


/* ==== Banner Trustpilot bbb rating style start ====  */

.review-mainwraper {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 16px;
}
.review_mainwraper {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
@media (min-width: 992px) {
    .review-mainwraper {
        padding: 0;
    }
}
@media (min-width: 1600px) {
    .review-mainwraper.review_mainwraper .trust_pailotreviewbox.footer-bb-review-wrap {
        padding-top: 0px;
        padding-bottom: 16px;
    }
}
/* ==== Banner Trustpilot bbb rating style end ====  */

/* === Hotel Banner New Style Start ==== */
.h-88{
	height: 100%;
}
@media(min-width:1600px){
	.hotel-banneer{
		height: 700px;
	}
	.h-88{
		height: 88%;
	}
}
/* === Hotel Banner New Style End ==== */


/*===client_review_section code start===*/
.client_review_section {
	padding: 0px;
	background: #fbfbfb;
	overflow-x: hidden;
}

.client_review_section .heading_box h2 {
	font-family: "Poppins";
	font-weight: 400;
	color: #000;
	text-transform: capitalize;
	font-size: 27px;
	margin: 0px 0px 30px 0px;
}

.client_review_section .heading_box h2 span {
	font-family: "Indie Flower";
	font-weight: 700;
	color: #17a2b8;
}

.client_review_section .rating_box {
	text-align: center;
	margin: 25px 0px 0px 0px;
	border-right: 1px solid #2121212e;
	padding-right: 20px;
}

.client_review_section .rating_box .star_box {
	display: flex;
	justify-content: center;
}

.client_review_section .rating_box .star_box i {
	color: #19ad6f;
	text-shadow: 2px 5px 10px #00000040;
}

.client_review_section .rating_box .star_box i.star1 {
	padding: 40px 0px 0px 0px;
	font-size: 18px;
}

.client_review_section .rating_box .star_box i.star2 {
	padding: 20px 0px 0px 0px;
	font-size: 25px;
}

.client_review_section .rating_box .star_box i.star3 {
	padding: 5px 0px 0px 0px;
	font-size: 35px;
}

.client_review_section .rating_box .star_box i.star4 {
	padding: 20px 0px 0px 0px;
	font-size: 25px;
}

.client_review_section .rating_box .star_box i.star5 {
	padding: 40px 0px 0px 0px;
	font-size: 18px;
}

.client_review_section .rating_box h3 {
	font-size: 43px;
	font-weight: 700;
	color: #19ad6f;
	margin: 0px;
}

.client_review_section .rating_box h5 {
	font-family: "Indie Flower";
	font-weight: 600;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	/* color: #fff; */
}

.client_review_section .rating_box p {
	margin: 0px;
	/* color: #fff; */
}

.client_review_section .rating_box img {
	width: 150px;
}

.client_review_section .content_box {
	border-radius: 4px;
	padding: 15px 20px;
}

.client_review_section .content_box .flex_box {
	display: flex;
	align-items: center;
}

.client_review_section .content_box .flex_box .image_box {
	width: 48px;
	height: 50px;
	border-radius: 100px;
	overflow: hidden;
	border: none !important;
}

.client_review_section .content_box .flex_box .image_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.client_review_section .content_box .flex_box .name_box {
	margin: 0px 0px 0px 10px;
}

.client_review_section .content_box .flex_box .name_box h5 {
	font-family: "Poppins";
	font-size: 14px;
	margin: 0px;
}

.client_review_section .content_box .flex_box .name_box span {
	color: #19ad6f;
	font-size: 14px;
}

.client_review_section .content_box p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.client_review_section .owl-carousel.owl-drag .owl-item {
	margin: 20px 4px !important;
	padding: 0px 10px;
}

/*===End===*/
/*===post_ticketing_section code start===*/
.post_ticketing_section .main_table_wrap table tr {
	padding: 5px 0px;
}

.post_ticketing_section .main_table_wrap table tr td p {
	margin: 0px;
}

.post_ticketing_section .main_table_wrap table tr td span {
	color: red;
}

.post_ticketing_section .main_table_wrap table tr th {
	padding: 10px 10px;
	margin: 0px;
	text-align: center;
	border-bottom: none;
	background: #f3f3f3;
}

/*===End===*/

a.btn-default{
	text-decoration: none;
}

/* === Mobile Phone Box Hide style start === */
.fixed_phonebox{
	display: none !important;
}
/* === Mobile Phone Box Hide style end === */

@media(max-width:991px){
	.abount-banner-sec.single_home_slide {
		height: 564px;
	}
	.why_choose_about.why-choose-about {
		top: -13%;
	}
	.mob-menu-head{
		width: 100%;
	}
	.main-menu-col{
		/* display: none; */
	}
	.about-thumbnail-image{
		width: 100%;
	}
}

.main-logo img{
	object-fit: inherit;
}

/* === revies page style start === */
.review-banner-caption-top {
	display: block;
	font-size: 50px;
	font-weight: 400;
}

.review-banner-caption-middle {
	display: block;
	font-size: 50px;
	font-weight: bolder;
	margin: 10px 0;
	color: #fff;
}

.review-banner-caption-bottom {
	display: block;
	font-size: 50px;
	font-weight: bolder;
	margin: 10px 0;
	color: #fff;
}
.review-banner-caption-bottom {
	font-size: 18px;
	margin-bottom: 40px;
	color: #fff;
}

.reviews-btn {
	background: #06ab7d;
	color: #fff;
	padding: 15px 15px;
	font-size: 22px;
	font-weight: 600;
	border-radius: 5px;
	width: 300px;
	display: inline-block;
}

.review-content-box {
	background: #103b7b;
	padding: 15px 10px;
	border-radius: 5px;
	position: relative;
	top: -40px;
	z-index: 1200;
}

#search_container_2.review-banner {
	background: url(../images/review-banner.jpg) no-repeat center top !important;
	height: auto;
	padding-bottom: 100px;
	/* height: 100%; */
	/* padding-bottom: 40px; */
}
#search_container_2 {
    position: relative;
    /* height: 745px; */
    /* background: #ccc url(../images/banner.webp) no-repeat center top; */
    background-size: cover;
    color: #fff;
    width: 100%;
    display: inline-block;
    z-index: 99;
}
.opacity-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: table;
    background-color: rgb(0 0 0 / 48%);
}
.formonbanner {
    margin-top: 130px;
}
.banner-rt-top.banner-rt-top.text-white.text-center {
    /* margin-top: 15%; */
    position: relative;
}
.review-banner-caption-top {
    display: block;
    font-size: 50px;
    font-weight: 400;
}
.review-banner-caption-middle {
    display: block;
    font-size: 50px;
    font-weight: bolder;
    margin: 10px 0;
    color: #fff;
}
.banner-rt-top p {
    font-size: 26px;
}
.review-banner-caption-bottom {
    font-size: 18px;
    margin-bottom: 40px;
    color: #fff;
}
.review-banner-caption-bottom {
    display: block;
    font-size: 50px;
    font-weight: bolder;
    margin: 10px 0;
    color: #fff;
}
.reviews-btn {
    background: #06ab7d;
    color: #fff;
    padding: 15px 15px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 5px;
    width: 300px;
    display: inline-block;
}
.review_mainwraper {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
.review-content-box {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.4784313725);
}
.review-content-box {
    background: #103b7b;
    padding: 15px 10px;
    border-radius: 5px;
    position: relative;
    top: -40px;
    z-index: 1200;
}
/* === revies page style end=== */

/* === review Card Start === */
.section-review-container-box {
	padding-bottom: 60px;
}
.review-card {
	padding: 15px;
	border: 1px solid #d2d2d2 !important;
	border-radius: 5px;
	position: relative;
	width: 100%;
}

.customer-review-section-title {
	font-size: 20px;
	margin: 0 0 15px 0;
}

.customer-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: #000;
}

.star-rating {
	padding: 0;
	font-size: 14px;
	position: relative;
	bottom: inherit;
}
.star-rating img {
	height: 20px;
}

.rating-number {
	color: #000;
	font-size: 14px;
	font-weight: 600;
}

.cuntomer-image-box {
	padding-right: 24px;
}
.customer-review-text-title {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.customer-review-text-desc {
	font-size: 14px;
	font-weight: 400;
	color: #000;
}

/* .row-review-card > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(1.5rem * 0.5);
	padding-left: calc(1.5rem * 0.5);
	margin-top: 1.5rem;
} */

.review-content-box {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.4784313725);
}
/* === review Card End === */


@media(max-width:991px){
	.review-banner-left{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.review-banner-left-hotel{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.review-banner-left .bbb-img{
		position: relative;
		top: -15px;
	}
	.review-banner-left-hotel .bbb-img{
		position: relative;
		top: -15px;
	}
	.about-banner-review .bbb-img{
		position: relative;
		top: -20px;
	}
	.flight-banner-review{
		position: relative;
		top: -20px;
	}
	.flight-banner-review .bbb-review-img{
		position: relative;
		top: -20px;
	}
	.hotelForm{
		margin-top: 0px;
	}
	#main-menu{
		display: none;
	}
	.review-banner .bbb-image-review{
		position: relative;
		top: -20px;
	}
	.review-banner-caption-top{
		line-height: 1.2;
	}
}
@media(min-width:992px){
	.review-banner-left{
		position: relative;
		left: -25px ;
		top: 17px;
	}
	.review-banner-left-hotel{
		position: relative;
		left: -25px;
		top: 17px;
	}
}

#mobile_menu ul li a{
	color: #fff;
}

/* New blog css added on 5.04.2025 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.pagination li {
    margin: 0 5px;
}

.pagination a {
    display: inline-block;
    padding: 8px 15px;
    text-decoration: none;
    color: #007BFF;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
    background-color: #007BFF;
    color: #fff;
}

.pagination .active {
    background-color: #007BFF;
    color: white;
    border: 1px solid #007BFF;
    pointer-events: none;
}

.pagination .disabled {
    color: #aaa;
    pointer-events: none;
}
.category-row {
    display: flex; /* Aligns categories horizontally */
    gap: 7px;
    margin-bottom: 50px !important;
    margin-left: 28%;
}

.category-row a {
    padding: 10px 15px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #071850;
    border-radius: 5px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 5px 0 rgb(7 24 80 / 46%);
}

.category-row a:hover {
    background-color: #e0e0e0; /* Change background on hover */
}

.category-row a.active {
    background-color: #fc4409;
    color: #fff;
    border-color: #fc4409;
}
@media (max-width: 768px) {
    .category-row {
        flex-direction: column; /* Stack categories vertically on smaller screens */
        align-items: center; /* Center the items for better appearance */
        margin-left: 0; /* Remove the left margin */
    }

    .category-row a {
        width: 80%; /* Make links take up more space on smaller screens */
        text-align: center; /* Center the text */
        padding: 12px; /* Adjust padding for better spacing */
    }
}
@media (max-width: 480px) {
    .category-row a {
        width: 100%; /* Make the links fully responsive for very small screens */
        font-size: 14px; /* Adjust the font size for readability */
    }
    .category-row{
        margin-top: -58px;
    }
}
@media (min-width: 820px) and (max-width: 860px){
    .category-row {
    margin-left: 5%;
}
}
@media (min-width: 1024px) and (max-width: 1024px){
.category-row {
    margin-top: 203px;
}
}

/* New Css Ended */