@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500&display=swap');
.ho_searchengine-temp .nav-tabs {
	display:flex; flex-wrap:nowrap; width:auto; margin: 0 auto;
    white-space: nowrap; background: transparent; border: 0; overflow-x: auto; overflow-y: hidden;
}


.hotel-suggdrop .flag-country{
  float: left;
}
.api-auto-complete li {
    margin: 0;
    display: block;
    font-size: 12px;
    line-height: 10px;
    overflow: hidden;
    border-bottom: 1px solid #cacaca !important;
    cursor: pointer;
    letter-spacing: 1px;
    min-height: 0px;
}
.api-auto-complete .ui-menu-item {
    padding: 5px 5px !important;
}
.api-auto-complete > li > a > div.flght-left .city {font-weight: 600; color:#111; letter-spacing: 0; font-size: 14px; }
.api-auto-complete > li > a > div.flght-left .airpotcode {
font-family: "Roboto", sans-serif; letter-spacing: 0px; color: #424242; font-size: 12px; margin-top:2px;line-height: 15px;}
.api-auto-complete > li > a > div.flght-left { width: 75%; position: relative; padding-left: 22px; max-height: initial;}
.api-auto-complete > li > a > div.flght-right {width: 25%;text-align: right;display: flex;justify-content: flex-end;
align-items: center;flex-wrap: wrap;}
.api-auto-complete::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background: #f5f5f5;}
.api-auto-complete::-webkit-scrollbar {width: 6px; background: #f5f5f5; border-radius:10px;}
.api-auto-complete::-webkit-scrollbar-thumb {border-radius:10px; background:var(--main-color); }
.api-auto-complete.ui-widget.ui-widget-content a { font-weight: normal; margin: -1px; background: none; color: #333; text-decoration: none; display: flex; align-items: center; padding: 5px;}
.aircode {
    background: var(--secondary-color);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
}
  .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0px;
}
.flag-country {
        position: absolute;
    top: 0;
    left: 0;
}
.bus-suggdrop .flag-country {
    margin-top: 0px;
    }
.bus-suggdrop > li > a > div.flght-left .city{
  letter-spacing:0;
  font-size:14px;
}
.api-auto-complete .ui-menu-item:hover {
  background: #e8eef8;
}

label.error {color:#fff !important;}
.tabbar_width{width:100%;}
.add_scroll::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius:0px;}
.add_scroll::-webkit-scrollbar{width:10px; height:9px; background: #F5F5F5; border-radius:0px;}
.add_scroll::-webkit-scrollbar-thumb{border-radius:0px; box-shadow: inset 0 0 6px rgba(0,0,0,.3); background:var(--secondary-color);}
.ho_slider-carousel img {height: 500px; overflow: hidden;}
.ho_fare-type-section {display:flex; align-items:center; margin-top:2px; flex-wrap:wrap; margin-bottom:10px;}
.ho_makeFlex {font-size:13px; line-height:13px; margin-right:9px; font-weight:600; text-transform:uppercase; color: #fff;}
.ho_fare_class {padding: 0px; margin: 0px; display: flex; align-items: center; flex-wrap: wrap;}
.ho_fare_class li {list-style:none; font-size:12px; display:flex; line-height:11px; background: #fff; border-radius:5px; margin-right:5px;}
.ho_fare_class li:hover {background: #f5f5f5;}
.ho_fare_class li label {margin: 0px; display: flex; align-items: center; color:#333; font-weight:500; padding:10px 10px; cursor: pointer;}
.ho_fare_class li label input[type=radio] {min-width: 20px; margin-top: 0px; padding: 0px; vertical-align: bottom;}
.hotel_topbar{margin-top:-15px; margin-bottom:15px;}
.hidden-more .dropdown-menu {padding:0;}
.hidden-more .dropdown-menu a {background: #fff !important; display: block; color: #333; padding:5px 5px; font-size:13px !important; text-decoration:none; border-bottom: 1px dashed #ccc;}
.hidden-more .dropdown-menu a:last-child{border-bottom:none;}
.query_area textarea{min-height:80px; resize: vertical;}
input.error {border: 2px solid red;}
.ho_home_banner {position: relative;}
.ho_section {margin-bottom: 50px;}
.ho_body_section {font-family: 'Roboto', sans-serif; font-size: 13px; background: #fff; color: #333;}
.ho_searchengine-temp {font-family: 'Poppins', sans-serif;visibility: hidden; }
.search-loader{background: #0606063b;text-align: center; padding: 10px; width:100%; border-radius: 10px;} 
.search-loader img{animation: zmdi-spin 1.5s infinite linear;}
@keyframes zmdi-spin{
	0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}
}
.search-loader p{margin:0px; color: #fff; font-size: 18px;}
.ho_searchengine-temp .nav-tabs>li>a:hover {background: var(--main-color) !important; color: #fff;}
.ho_searchengine-temp .nav-tabs>li {margin-right:4px;}
.ho_searchengine-temp .nav-tabs>li a,
.search-top-tab-bar .nav>li>a:focus {border-right:0px; font-size:14px; background: #00000082; border-top-right-radius:5px; border-top-left-radius:5px;}
.ho_more .dropdown-menu .dropdown-item {display:flex; align-items:center; flex-direction:row; font-size:12px; color: #111; font-weight:500; padding:5px 5px; background:transparent; border-bottom:1px solid #e8e7e7;}
.ho_more .dropdown-menu .dropdown-item i {padding-right:5px; font-size:14px;}
.ho_searchengine-temp .nav-tabs>li.active>a,
.ho_searchengine-temp .nav-tabs>li.active>a:focus {border-top-right-radius:5px; border-top-left-radius:5px; background: var(--main-color); color: #fff; cursor:pointer;}
.ho_searchengine-temp select {-moz-appearance: none; -webkit-appearance: none;}
.ho_searchengine-temp .search-form-comon {border-top: 0px;}
.ho_searchengine-temp .panel-heading {border: 0px;}
.ho_radio-paul {padding: 0px;}
.ho_radio-paul>li.active>label>span {background: #fff; border-color: #ddd; color: var(--color_4); position: relative;}
.ho_radio-paul>li>label>span {
	font-weight: 500; font-size: 14px; color: #fff; display: block; position: relative; padding-left: 20px;
	text-transform: uppercase; padding-top: 0px; padding-bottom: 1px; border-radius: 15px; position: relative; line-height: 14px;
}
.ho_radio-paul>li {display: inline-block;}
.ho_radio-paul>li>label>span:before {
	content: ''; display: inline-block; vertical-align: text-top; width: 15px; height: 15px; border: 2px solid #fff; position:absolute; left: 0px; border-radius: 50%; top:0px;
}
.ho_radio-paul>li>label input[type=radio]:checked+span:after {
	border-radius: 50%; top: 1px; left: 0px; content: "\eed6"; position: absolute; font-family: IcoFont !important; color: #fff;
	line-height: 15px; background: var(--main-color); width: 15px; height: 15px; padding-left: 1px; font-weight: 900;
}
.ho_radio-paul li label input[type=radio] {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.ho_radio-paul li label {border-radius: 100px; background: transparent; border: 0;}
.ho_radio-paul>li>label.active {background: #fff;}
.ho_radio-paul>li>label.active span {color: var(--main-color);}
.ho_searchengine-temp .search-form-comon {background: transparent; padding-top: 15px;}
.ho_searchengine-temp .tab-content {background: #004d8fb3; height: 400px;}
.ho_flght-multi-wrap {padding: 0px 15px;}
.tab_big_icon2 {font-size: 18px;}
.search-form-comon .navbar-form {padding: 0px; margin: 0px;}
.flight-way-service {margin: 0px 0px;}
.ho_slider-carousel {position: absolute !important; top:0;}
.ho_absolute-search-container {position:inherit; left:0; right:0; z-index:2; padding-top:30px; margin:0 auto;}
.search-icn {position: relative;}
.search-icn .label-btn {
	background: linear-gradient(to bottom, #F9F8F8 0, #DCDADA 100%);
	position: absolute; top: 0px; height:40px; padding:0px 10px; line-height: 41px; border: 1px solid #ddd;
	border-radius: 3px 0px 0px 3px; min-width:48px; text-align:center; display:inline-block; font-size:14px; z-index:2; left:0;
}
.btn-opt .form-control {padding-left: 64px;}
.input_api-travels .form-control {
	text-overflow: ellipsis;
	background: #fff;
	background-image: url(../images/down-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
.searchengine-carousel {margin-top: 40px;}
.searchengine-carousel .item img {height:400px; width:100%; object-fit:cover;}
.ho_searchengine-temp label {color: #fff;}
.searchengine-carousel .owl-nav button {display:none;}
.theme_3slider.carousel .item,
.theme_3slider.carousel .item img {height: 530px;}
.searchbar-heading {background: var(--main-color); padding:1rem; color: #fff; position:relative; display:flex; justify-content: space-between; align-items: center;}
.searchbar-heading h4 {margin: 0px; font-size: 20px; font-weight:700;}
.searchbar-heading i {font-size: 25px;}
.swipe {position: absolute; right: -13px; top: 8px; z-index: 99;}
.swipe a {width:25px; height:25px; border-radius:50%; text-align:center; display:flex; justify-content:center; align-items: center; color: #fff; text-decoration: none; font-size: 24px;}
.ho_searchengine-temp .home_search_form .form-group {margin-bottom: 15px;}
.ho_searchengine-temp .form-control {font-size: 13px; line-height: initial; height: 40px;}
.ho_btnn {background: var(--main-color); border: 0px; font-size: 14px; font-weight: 500 !important; text-transform:uppercase; letter-spacing:1px; width:auto; padding:10px 20px; height:40px;}
.ho_btnn:hover {background: var(--main-color); color: #fff;}
.ho_three-col-wrap {display: flex; align-items: flex-start;}
.ho_three-col-wrap img {padding-right: 5px;}
.ho_three-col-wrap h4 {font-family: 'Quicksand', sans-serif; font-size:20px; font-weight:700; color: #111; margin: 0px;}
.ho_three-col-wrap p {margin: 0px;}
.ho_four-column {padding: 30px 0px; background: #ECECEC;}
.ho_heading-1 {text-align:center; color: #111; font-family: 'Quicksand', sans-serif; font-size: 25px; font-weight: 700; margin: 0px;}
.ho_heading-1>span {padding: 0px 70px; position: relative;}
.ho_heading-1 span:before {content: ''; position:absolute; width:50px; height: 4px; background: var(--secondary-color); top:50%; left:0;}
.ho_heading-1 span:after,
.ho_heading-2 span:after {content: ''; position: absolute; height: 4px; width: 50px; background: var(--secondary-color); top: 50%; right: 0;}
.ho_heading-2 {color: #111; font-family: 'Quicksand', sans-serif; font-size:25px; font-weight:700; margin:0px;}
.ho_heading-2>span {padding: 0px 70px 0px 0px; position: relative;}
.ho_offers-carousel .owl-nav.disabled,
.ho_destination-carousel .owl-nav.disabled,
.ho_blog-carousel .owl-nav.disabled,
.ho_slider-carousel .owl-nav.disabled {display: none !important;}
.ho_sectionarea {margin-top: 25px;}
.ho_home-pack-content {position: relative; box-shadow: 0px 0px 20px rgb(0 0 0 / 11%); background: #fff; border:1px solid #ddd; position:relative; height:280px;}
.ho_home-pack-content img {height: 235px;}
.ho_home-pack-content h3 {font-size:20px; font-weight:700; color: #111; margin:0; background: #fff; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ho_home-pack-content a:hover {text-decoration: none;}
.ho_home-pack-content:hover {border-color: var(--main-color);}
.destination_back {background: #ECECEC; padding: 30px 0px;}
.ho_flght-img-wrap {position: relative; height: 240px; overflow: hidden;}
.ho_flght-img-wrap img {height: 240px;}
.flight-wrap:hover .ho_dest-location {background: var(--main-color);}
.ho_dest-location {
	position: absolute; top:5px; margin:0px; left:5px; background: rgba(255, 255, 255, 0.3); padding: 5px 10px 5px 9px;
	color: #fff; font-size: 13px; border-radius: 4px; font-weight: 700; z-index:99; transition: 0.5s;
}
.ho_hld-desc-wrap {
	padding: 25px 5px 18px 15px; font-size: 16px; width: 100%; text-align: left; color: #fff; position: absolute; bottom: 0px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.95));
}
.ho_day_n_nt {font-weight: 600; font-size: 13px; margin-bottom: 0px; color: #fff;}
.flight-wrap a {color: #fff;}
.flight-wrap a:hover {text-decoration: none;}
.ho_hld-desc-wrap h4 {margin: 0px; text-transform: capitalize; margin-bottom:2px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ho_trvl-view-butt {text-align: right;}
.ho_trvl-view-butt a {color: var(--main-color); font-weight:700; font-size:16px; line-height:normal; right:0; top:12px;}
.ho_blog {transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 12%); margin: 0px 0px 10px 10px; background: #fff; border: 1px solid transparent; height:395px;
}
.ho_blog:hover {border: 1px solid var(--main-color);}
.ho_blog-img img {height: 240px; margin: 0px; position: relative;}
.ho_blog-cont {margin: 10px 15px;}
.ho_blog a {text-decoration: none; color: #111;}
.ho_blog-cont .ho_sentence {display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:2px;}
.ho_blog h3 {font-size: 18px; font-weight:700; margin: 0px 0px 10px; line-height: 25px; position: relative; padding-bottom: 0rem; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; color: #111;}
.ho_blg-bottom{padding: 5px 10px;}
.ho_blg-bottom .read-more {font-size: 15px; font-weight: 500; color: var(--main-color); line-height: normal; text-decoration: none;}
.bus_from {height: 40px; font-size: 14px;}
.btn:focus,
.btn:active,
.btn:active:focus {background: var(--main-color); outline: none; border: 0px;}
@media screen and (min-width: 991px) {
.api-auto-complete {
        max-height: 270px;
        overflow-y:auto;
        overflow-x: hidden;
        z-index: 9999;
        max-width: 380px !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
	.api-auto-complete {
        max-height: 230px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .ho_three-col-wrap {margin-bottom: 15px;}
	.container {width: 100%;}
	.ho_blog-cont .ho_sentence{max-width:100%;}
}
@media screen and (max-width: 768px) {
	.tabbar_width .nav > li > a i {display: inline-block;}
	.tabbar_width{width:100%;}
	.col_child_infant{margin-top:6px;}
	.ho_fare_class {justify-content: center;}
	.ho_fare_class li {margin-bottom: 5px;}
	.ho_makeFlex {margin-bottom: 10px;}
	.ho_fare-type-section{justify-content:center;}
	.swipe {position: absolute; right: 10%; top: 85%; z-index: 99; transform: translate(-50%, -50%); border-radius: 50%; padding: 2px;
		box-shadow: 0 0 6px rgb(0 0 0 / 34%); width: 30px; background: #fff;}
		.swipe i {font-size: 21px;color: var(--main-color); line-height: 31px;transform: rotate(88deg);display: block;}
	.hidden-more .fa-angle-down {display: inline-block !important;}
	.hidden-more .dropdown-menu-right {right: 0; left: auto;}
    .ho_searchengine-temp .tab-content {height:100%; background:#004c8c;}
    .searchengine-carousel .item img {border: 5px solid #fff;}
    .ho_flght-multi-wrap {background: #004c8c;}
    .flight-p0{padding:0 !important;}
    .searchengine-carousel {margin-top: 0;}
    .ho_searchengine-temp .search-form-comon {background: #004c8c;}
    .ho_slider-carousel img {height: 100vw; overflow: hidden; object-fit: cover;}
    .hotelmb0 .input-group{margin-bottom:0 !important;}
    .flght-searchbar.bus-booking-wrap label {margin-top: 8px;}
    .bus-booking-wrap .search-btn-fld button {width:auto;}
    .searchbar_mob{padding:15px;}
	.ho_home-pack-content,
	.ho_blog {height: auto;}
	.ho_four-column {padding: 0px;}
	.ho_slider-carousel img {height:560; overflow:hidden;}
	.ho_searchengine-temp .flght-wrap-form-temp .row>div {margin-bottom: 0px;}
	.ho_trvl-view-butt a {font-size: 10px;}
	.ho_heading-2,
	.ho_heading-1 {font-size: 23px;}
	.ho_sectionarea {margin-top: 10px;}
	.ho_heading-1 span:before,
	.ho_heading-1 span:after,
	.ho_heading-2 span:after {display: none;}
	.ho_heading-1>span,
	.ho_heading-2>span {padding: 0px;}
	.ho_section {margin-bottom: 25px; margin-top:2px;}
	.ho_home-pack-content img,
	.ho_flght-img-wrap img {height: 320px;}
	.ho_three-col-wrap {margin: 16px 0px;}
	.form-group {margin-bottom: 0px;}
	.ho_theme_3slider {display: none;}
	.ho_absolute-search-container .with-nav-tabs {background: transparent;}
	.ho_searchengine-temp .tab-content {height: auto;}
	.he_navbar .navbar-collapse {border:0px;}
}
@media screen and (min-width: 768px) {
	.ho_blog-cont {height:95px;}
	.he_navbar .navbar-collapse {padding: 0px; border: 0px;}
}
@media screen and (max-width:575px) {
    .searchengine-carousel .item img {height: 209px;}
}
@media screen and (max-width: 480px) {
	.btn-opt .form-control {
     padding-right: 36px;}
	  .api-auto-complete {max-width: 280px;}
    .searchbar-heading h4 {font-size: 17px;}
	.ho_searchengine-temp .nav-tabs>li a,
	.search-top-tab-bar .nav>li>a:focus {font-size: 13px;}
	.ho_searchengine-temp .nav-tabs>li {margin-right:4px;}
	.ho_radio-paul>li>label>span:before {width:13px; height:13px;}
	.ho_radio-paul>li>label input[type=radio]:checked+span:after {width:13px; height:13px; line-height:13px;}
    .flight-way-service .btn-sm{padding:4px 3px;}
    .ho_radio-paul>li>label>span {padding-left: 16px; font-size: 12px;}
}
@media screen and (max-width:350px) {
	.ho_searchengine-temp .nav-tabs>li a, .search-top-tab-bar .nav>li>a:focus {font-size: 12px; font-weight:500;}
}